Apliación
Branding, Design UX + UI
Technical skills test
FECHA
Oct - 2022
ROL
Product Designer
AGENCIA
Freelancer
ENTREGABLES
Research Document, Wireframe, Mockup, Prototipo
FRAMEWORK
Design Thinking
Antecedentes
Este ejercicio fue una prueba técnica para una oportunidad laboral como UX/UI Designer, decidí utilizarlo en mi portafolio porque debído a contratos de confidencialidad, mi repertorio es un poco limitado.
​
La idea era crear una app para realizar inversiones, esta debía contar con un dashboard y brindarle las facilidades necesarias a los usuarios para realizar todas la tareas correspondientes. Además de contar con un programa de recompensas.
Mapas de Empat
Investiga primero, siempre...
Lo primero que hice fue realizar investigación de escritorio, sobre buenas prácticas, modalidades existentes de inversión, cómo es que se muestran los resultados, altas y bajas de la bolsa, además del lenguaje técnico necesario para utilizar la terminología adecuada.
​
Estos fueron los insights más relevantes de la investigación:
Más del 70% de usuarios de este tipo de aplicaciones osn hombres
El rango de edad de los usuarios va desde los 18 hasta los 35 años.
La mayoría de las personas que invierten en la bolsa tienen un grado universitario y son usuarios altamente digitales.
Esta información fue ubicada en diferentes sitios oficiales, como la página del INEGI, la página del Grupo Bursatil Méxicano y revistas especializadas como Forbes.
User Persona
Con los mapas de empatía generados, tenía una idea de quien era mi Persona, así como sus motovaciones, necesidades y puntos de dolor al utilizar este tipo de aplicaciones.
Mapa de afinidad
Las frustraciones, intereses, necesidades y motivaciones de mis personas fueron plasmadas en mapas de empatía para facilitar la tarea de ponerse en el lugar del usuario, uno de los pilares del diseño centrado en el usuario. Esto a su vez me ayudó a trazar el journy que el usuario debería seguir en la aplicación.
Journey Map
Todos los artefactos de UX hasta el momento me han guíado para generar el journey map en el cuál se basarán las desiciones de diseño con respecto a esta App. Esta es una versión resumida del mapa para Javier.
Problem Statement
La parte de investigación concluyó y es hora de comenzar a empatizar con los usuarios. Un planteamiento del problema nos ayuda a reducir a una expresión minima, y sencilla de comprender, el ¿Qué? el ¿Cómo? y ¿Por qué?
Javier is an Successful attorney
who needs An App that allows him to monitor in real time his investments.
because he wants to make informed investments from his smarthphone
Arquitectura de la información
Al contar con los diversos artefactos de UX realizados hasta el momento. El diseño de la arquitectura de la App se simplifica mucho, pues el journey map, y la investigación de la terminología y su implicaciones semánticas me ayudaron a trazar como estaría estructurada la App. Sin embargo, con más tiempo y recursos, es posible aplicar purebas extra como Card Sorting.
Diseño del Producto
Pensando en cómo los usuarios interactuan con este tipo de aplicaciones, decidí crear un dashboard principal, con las inversiones del usuario, esto sería su portafolio, una segunda pestaña llamada "Invertir" donde podría realizar nuevas inversiones y Cuenda, para configuraciones, alta de Tarjetas y el cobro de sus rendimientos.
Desafio 1 del skill test
Diseñar un dashboard que permita a los usuarios monitorizar información relevante relacionada con sus inversiones para hacer más fácil la toma de desiciones informadas.
Pantalla de Portafolio
Permite al usuario una vista rápida del estado actual de sus inversiones en tiempo real.
Pantalla inversiones
Muestra al usuario información sobre las posibles acciones que podría comprar.
Esto segmentado en nuevos, recomendados por la app y una sección especial para cripto
Pantalla de detalles
Si el usuario presiona una de las cards, se despliega toda la información referente a esa acción.
Desafio 2 del skill test
Generar un programa de referidos, que incremente las inversiones realizadas por medio de la App, este programa debería ser atractivo para los usuarios, fácil de entender.
Pantalla cuenta
Desde aquí el usuario puede ingresar saldo en su cuenta para comprar acciones, revisar las FAQs y acceder al programa de referidos.
Pantalla de Programa de referidos
Esta pantalla muestra al usuario la mecánica de cómo participar en el programa, así como los beneficios al hacerlo.
Desafio 3 del skill test
Debido a que los formularios para este tipo de apps o plataformas suelen ser largos y tediosos de llenar, me solicitaron una forma un poco más amena de llebar el formulario para darse de alta en la App como un nuevo usuario.
En este caso, las buenas prácticas de usabilidad, indican que agregar ayudas visuales, como un steper o un wizard, ayudarían al usuario a saber en qué parte del proceso va, y por lo tanto, darle un alivio a su frustración.
Guía de estílos
