NetPay Manager
Cliente: NetPay.
Giro: Soluciones de pago.
Plataforma: Desktop.
Manager es una plataforma enfocada a clientes de NetPay en el cual ellos pueden administrar su negocio permitiendo visualizar los movimientos de sus ventas, consultar sus depósitos, crear aclaraciones, dar de alta usuarios con distintos roles y de más funcionalidades.
Mi Rol
Mi rol en el proyecto es de diseñador de experiencia a través de todo el proceso end-to-end del producto: discovery, research, facilitador en talleres de ideación, UI, usabilidad, prototipado, soporte a través de desarrollo y creación del sistema de diseño.
El Problema
NetPay ya contaba con una plataforma que no resolvía las necesidades de los clientes de NetPay que son comercios que usan diversos productos de la empresa.
No existía un lugar donde centralizara todo los productos que ofrece la empresa a sus usuarios y poder administrar sus productos.
Existe la necesidad por parte de los usuarios el poder tener la posibilidad de dar de alta diferentes roles de usuario desde un solo lugar y el poder administrarlos.
Antigua plataforma
En esta imagen podemos ver la antigua plataforma.
La Solución
El objetivo y solución es brindar a los clientes de NetPay una plataforma de gestión y administración de su negocio enfocado a las diversas soluciones de pago que ofrece NetPay brindando una excelente experiencia de usuario.
El Equipo
- Roles involucrados en la investigación:
- - Product Owners (3 participantes)
- - Desarrolladores (2 participantes)
- - UI/UX Designers (2 facilitadores)
- - Atención a clientes (3 participantes)
- - Distribuidores (2 participantes)
El Proceso
Research
Métodos utilizados:
Escuchando las necesidades de negocio.
Se habló con los Stakeholders y expertos involucrados para obtener la mayor cantidad de información posible tanto acerca del cliente como de los usuarios.
Se programó una serie de sesiones de discovery para entender las necesidades de la empresa y conocer alcance de este producto.
Empatizando con los clientes.
Escuchamos a usuarios / clientes actuales a través de entrevistas para conocer sus necesidades y detectar hallazgos por medio de pains and gains.
Define
Métodos y artefactos utilizados:
Creando Protopersonas.
Se generan las primeras protopersonas para tener un target a quién orientar la plataforma.
Creé varias protopersonas para documentar la mentalidad y los patrones que identificamos en las entrevistas con usuarios. Los elementos en los que me enfoqué incluyeron las metas, frustraciones, motivaciones, preguntas y necesidades/tareas.
Propietaria
Se creó una protopersona que representa a un propietatio de negocio de mediana empresa con sudursales.
Cajera
Se creó una protopersona que representa a un cajero de un comercio restaurantero.
Propietario
Se creó una protopersona que representa a un propietatio que atiende su propio negocio.
Emprendedora
Se creó una protopersona que representa a una emprendedora que lleva su negocio desde casa.
Ideate
Métodos y artefactos utilizados:
El proceso de ideación fue minuciosa y detallada. Obtuvimos hallazgos importantes y claves para la creación del producto.
Workshops con stakeholders.
Se llevaron a cabo workshop con los Product Owners de la empresa para definir la arquitectura de información inicial.
En esta etapa escuchamos a negocio y nos pusimos manos a la obra para trabajar en actividades de visual thinking.
Workshop
Evidencia del workshop con los Porduct Owners.
Arquitectura obtenida con los Product Owners.
Al finalizar el workshop con los stakeholderds obtuvimos la primera versión de la arquitectura de Manager.
Arquitectura obtenida
Arquitectura obtenida con los Porduct Owners.
Workshop con Atención a clientes.
Se tuvo un taller con el equipo de atención a clientes para iterar la arquitectura abotenida con los PO.
Workshop
Evidencia del workshop con el equipo de atención a clientes.
Workshop con Distribuidores.
Se tuvo un taller con la red de distribuidores y generamos una arquitectura con ellos basado en su experiencia con los clientes.
Workshop
Evidencia del workshop con red comercial.
Workshop con usuarios.
Se llevó a cabo un workshop con usuarios para iterar la arquitectura de información por medio de card sorting abierto.
Al final del taller se obsequió como incentivo y agradecimiento una tarjeta de regalo de Amazon y souvenirs de la empresa a los usuarios participantes.
Workshop con usuarios
Evidencia del workshop con usuarios.
Arquitectura de información final.
Obtuvimos la versión final de la arquitectura de información totalmente iterada con usuarios.
Arquitectura obtenida
Evidencia de la arquitectura final.
Prototype
Herramientas y artefactos utilizados:
Sketching.
El primer paso para genera el primer draft de la interface. El equipo de UI/UX trabajamos en los primeros sketches de baja fidelidad en un dot template que diseñé.
Actividad de sketching
Evidencia de sketching.
Wireframing.
Posterior a la actividad de sketching refinamos e iteramos la hipótesis de interfaz que estamos diseñando por medio de wireframes digitales en media fidelidad, en esta etapa la solución empieza a tomar forma en la interfaz.
Moodboard.
Creamos un moodboard en Milanote para comenzar a definir la línea de diseño y componentes visuales, además de definir voz y tono, Style keywords, iconografía, ilustraciones e interacciones.
Moodboard
Así luce el moodboard de Manager.
Prototipo en alta fidelidad.
Finalmente, diseñamos un prototipo en alta fidelidad, dicho prototipo fue diseñado en Sketch app y usamos Invision como handoff para el equipo de Desarrollo y complementarlo en las User Stories del equipo de Análisis.
Pantallas de originación
Pantalla de inicio
Style Guidelines.
Inicié con los primeros guidelines y estilos en lo que pronto se convertiría en el Design System de la empresa.
Iterate
Se hicieron pruebas con usuarios para probar la arquitectura, la interfaz, copy, e interacciones.
Test con usuarios
En Maze configuré los flujos diseñados para probar uno a uno con usuarios reales.
Actividades
Para cada flujo se asignaron actividades que el usuario tenía que cumplir, de esta manera podemos observar su comportamiento y validar la usabilidad del flujo.
Encuestas
Cuando el usuario termina cada actividad o flujo, le mostramos una encuesta para que nos ayude a saber su carga cognitiva al intentar terminar la tarea.
Medir
Herramientas y medios utilizados:
Al liberar el producto de Manager mi tarea no termina ahí, ahora es cuestion de medir y monitorear el comportamiento en ambiente productivo por medio de herramientas como encuestas NPS, métricas en hotjar y analisis de las llamadas a atención a clientes.
El producto está en constante iteración en base a los hallazgos obtenidos con estas herramientas y medios.
¡ Gracias !
NetPay Manager
Cliente: NetPay.
Giro: Soluciones de pago.
Plataforma: Desktop.