Skip to content

carlosglc/BBVA

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 

Repository files navigation


PROYECTO: SUPER APP - InoViExp Hackaton BBVA 2021

OBJETIVO Incluir funcionalidades como Trámite de Secure card para facilitar la inclusión de sectores de la población no bancarizados con el uso de Blockchain en Smart Contracts y éste seria un modo de innovar y optimizar esta nueva area que se propone para BBVA, así como propuestas de creación de Modo invitado a la app para poder brindar servicios a usuarios que no cuenten con una cuenta en BBVA, y finalmente propuesta de rediseño de la Home page de la aplicacion existente.

CARACTERíSTICAS TÉCNICAS DE LA APP

DESCRIPCIÓN

  • Stack: Android, Flutter, AWS, Amazon lex, Icons, Flutter

  • SOFTWARE UTILIZADO: Android / Flutter

  • API'S: Amazon LEX Bucket S3 (Hosting Imagenes Readme

  • FRONT END: Flutter

  • BACK END: AWS

  • Arquitectura: Icons

DesignThinking


ENTREGABLE FINAL


INTEGRANTES DEL EQUIPO

  • Tania Sosa. UX / Product Designer

  • Susana Rivera. Front end / backend Developer

  • Carlos Gerardo López. Frontend / backend Developer

  • Moisés Arévalo. Back-end / front-end Developer

  • Sofía Vázquez. Back end Developer


PLAN DE TRABAJO HACKATHON BBVA

EL Reto Super app gira alrededor de tres ejes:

  • ¿Qué necesidad debería resolver?
  • ¿Qué servicios agregarías?
  • ¿Cómo integrarías estas nuevas características con las soluciones que ya tiene?

TALLER DESIGN THINKING

Como actividad inicial, llevamos a cabo un pequeño taller de Design Thinking para facilitar la colaboración del equipo, despertar el pensamiento creativo e innovador y alinear nuestras ideas.

“El Design Thinking es la intersección de las necesidades de las personas, la factibilidad técnica y la viabilidad como negocio”. Tim Brown

Las 4 etapas del Design Thinking que trabajamos en este Hackaton

En este primer dia de co-creción trabajamos en las primeras 4 fases de Design Thinking

  • Empatizar: Lo primero es ponernos en el lugar del otro, “ver con sus ojos, sentir con su corazón y experimentar con sus sentido”. Hay que vivir la experiencia a fondo, el objetivo es meterse en la cosmovisión, cultura y necesidades del usuario.
  • Definir: Se define el problema construyendo una frase en base a la siguiente oración: Usuario + Necesidad + Hallazgo. Éste será el punto de vista (POV) que guiará el trabajo del equipo en el proceso.
  • Idear: Se imaginan y se tiran a la mesa todas la soluciones posibles. Preguntas del tipo “si pasara esto…” son claves en esta etapa. Todo el equipo coconstruye o remixea sin prejuicios, con libertad y espíritu lúdico. Esta etapa finaliza filtrando los conceptos que se van a prototipado. Los criterios que pesan acá son: factibilidad técnica, viabilidad económica y deseabilidad por parte de los usuarios.
  • Prototipar: Es hacer físicas las ideas, en este momento vale todo: dibujos, 3D, recreaciones. La única restricción es: usar la menor cantidad de tiempo, energía y recursos para visualizar pronto.

DesignThinking


EMPATIZAR

  • Desk Research: Aunque el trabajo de campo es insustituible, el contexto de una pandemia no nos aleja de nuestro objetivo de buscar información que nos permita empatizar y entender mejor a nuestro usuario. Optamos por realizar la lectura de opiniones que han dejado los usuarios de la App BBVA en Play Store, App Store, diversas redes sociales e hicimos búsqueda de noticias.

  • Benchmarking: Siempre es muy interesante, si no imprescindible, conocer lo que otros están haciendo sobre el tema que estamos tratando. Nos ayudará para inspirarnos y para usar lo que ya sabemos que funciona y descartar lo que otros han intentado pero no ha servido. Para hacer Benchmarking el sistema que utilizamos fué buscar en Google y documentar con screenshots nuestros hallazgos.

Aprendizaje Obtenido: En esta fase detectamos los dolores y necesidades de los usuarios de la app BBVA, tambien tomamos como inspiración las buenas prácticas de otros servicios financieros y apps para pagos de servicios.

Propuesta: Rediseño de la homepage colocando las funcionalidades mas usadas por el usuario con la finalidad de acortar los user journeys

Imagen Tablero Empatizar1 Imagen Tablero Empatizar2


DEFINIR

  • Personas: la idea es realizar un perfil de usuario por cada tipología de persona que está implicada en el problema o solución. Aunque cada persona representa a una tipología o segmento de la población para la que vamos a diseñar, en esta técnica, se trata como si fuese una persona. Si vamos a poner a las personas en el centro necesitamos conocer esas personas.

  • Mapa de empatía: Un mapa de empatía te permite entender de un modo sencillo lo que piensa y siente una persona. La gran ventaja de esta técnica es que te invita a pensar por categorías, de modo que te ayuda a realizar un análisis en profundidad. Tienes que pensar en un usuario y escribir por zonas qué piensa, qué dice, qué oye, y qué hace.

Aprendizaje Obtenido: Para esta fase Concientizamos al equipo de la importancia del diseño centrado en el usuario por medio de la creación de yo ser personas y mapa de empatía para ponernos en los zapatos de los usuarios a quienes vamos a resolverles las problemáticas identificadas en el ejercicio de Desk Research

Propuesta: Identificamos cuatro grandes tipos de usuarios y decidimos trabajar con un user persona primario quien es el cliente representativo de BBVA en México

Imagen Tablero Definir1 Imagen Tablero Definir2


IDEAR

  • Pensar por categorías: puede parecer extraño que el restringir la creatividad puede hacer que esta florezca. Pero a las personas nos resulta más fácil pensar por categorías.

  • Priorización: este método nos permite seleccionar las ideas y su punto fuerte es que no nos deja descartar tan fácilmente ideas poco factibles con potencial y tambien nos sirve para descartar ideas dificiles de ejecutar en este momento y enfocarnos en las principales funcionalidades a desarrollar.

Aprendizaje Obtenido: En esta fase procedimos aterrizar las ideas mediante la clusterización de ideas (Financieras, Gastos personales, Pago de servicios, Promociones, Servicio a cliente y Extras). Una vez agrupadas nuestras ideas por categorías procedimos a crear un canvas dividido en cuatro cuadrantes y colocamos las ideas en cada una de las siguientes categorías; La selección racional de funcionalidades a trabajar durante el Hackathon (Prioritarias), ideas que nos gustaría desarrollar en una segunda version de la aplicacion (Potencial), Factibles (son ideas que podríamos desarrollar en una tercera etapa de desarrollo) y finalmente Descartadas (aquí agrupamos las funcionalidades ya existentes o muy difíciles o tardadas de ejecutar por su complejidad técnica)

Propuesta: El equipo de desarrollo decidió comenzar trabajar en:

  • Creación de modo invitado a la app (para permitir el uso de las nuevas funcionalidades a personas que no tienen cuenta en BBVA).
  • Trámite de tarjeta tipo Secure Card (con la finalidad de apoyar a sectores de la población no bancarizados a obtener su propia cuenta bancaria de una manera rápida y sencilla).
  • Creación de ChatBot para Servicio a Cliente.
  • Rediseño de la Homepage de la aplicación.

Imagen Tablero Idear1 Imagen Tablero Idear2

PROTOTIPAR

  • ¡Manos a la obra! : Con las ideas para las funcionalidades a desarrollar previamente trabajadas y seleccionadas, procedimos a hacer mockups y wireframes de baja fidelidad para empezar a visualizar nuestras posibles soluciones.

Aprendizaje Obtenido: Aprendimos la importancia y complejidad de materializar nuestras ideas de forma visual, asi como decidir en equipo el diseño UI (colores, formas, tamaños, tipografías etc)

Imagenes Mockups - Prototipar1 Imagenes Mockups - Prototipar2


EXTRAS

Extras Extras


:shipit:

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •