Cinque Terre

Sucursal Virtual Consalud

Rediseño y nueva experiencia de la Web para afiliados de la Isapre.

A continuación, se mostrará de forma general parte de los procesos sin entregar información específica respecto a objetivos, investigación y resultados. ¡Si te interesa saber más, escríbeme!

CONTEXTO

Sobre el proyecto

La Sucursal Virtual de Consalud, plataforma que permite a los afiliados de la Isapre realizar todo tipo de trámites de forma online, presenta una nueva visión que plantea mejoras importantes tanto en su Diseño como en la experiencia que el usuario tendrá al interactuar con este medio.

Etiquetas:
Investigación centrada en el usuario, Diseño de interacción, prototipado de baja y alta fidelidad, testeos de Usabilidad, testeo cuantitativo y cualitativo, desarrollo de un Diseño Sistemático (Design System), Metodologías ágiles, equipo multidisciplinario, Design thinking.

EL DESAFÍO

Mejorar la experiencia del usuario

A partir de una propuesta conceptual se me pide trabajar en el rediseño de distintas secciones, teniendo como foco la mejora de la arquitectura de la información, la unificación del diseño, la usabilidad y experiencia del usuario.

METODOLOGÍA

Herramientas y metodología

En cada proyecto, que correspondía a una sección de la Sucursal Virtual, el área y el pedido eran diferentes por lo que se mantuvo siempre una comunicación constante con el cliente. Para cada requerimiento ocupé distintas herramientas de investigación, como evaluaciones heurísticas, análisis de referentes directos e indirectos, testeos de usabilidad, entre otros, los que me permitieron identificar oportunidades de mejora y realizar propuestas con valor.
Mi proceso de diseño se basa en la metodología design thinking por lo que la prueba y mejora es esencial para llegar a un producto mínimo viable.

IDEACIÓN

Ejercicios de ideación

Moderación de ejercicio Crazy 8 con el equipo de desarrollo, Producto Owner y Diseñadores de otros proyectos.

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

IDEACIÓN

Sketching de ideas

Parte importante de mi proceso de Diseño es llevar la idea al papel. Este es un método rápido que me permite comunicar las propuestas al equipo, alinearnos e iterar rápidamente.

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

EXPERIMENTACIÓN

Wireframes y prototipos de Baja fidelidad

Para mi esta etapa es infalible para trabajar en la arquitectura de la información e incorporar el contenido real. Al igual que con los sketches, los wireframe me permiten validar propuestas con áreas del negocio, testear con usuarios en etapa temprana y así realizar las mejoras necesarias antes de pasar a un prototipo de alta fidelidad.

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

EXPERIMENTACIÓN

Testeo de prototipos

En cada proyecto la validación del cliente es vital. Realicé testeos de usabilidad presenciales y online, cualitativos y cuantitativos con prototipos de baja fidelidad y de alta fidelidad. Otros testeos que realicé: test de 5 segundos, test A/B, Card sorting cerrados, testeo de primer click.

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

EVOLUCIÓN

Análisis de testeos e iteraciones

Para tomar la decisión de iterar en el Diseño, es importante tener como respaldo los resultados de un testeo. Para bajar la información, la analizo y desarrollo reportes con validación de hipótesis, entregables como un Costumer journey map, o trabajo con herramientas que entreguen resultados cuantitativos como mapas de calor o tasa de missclicks.

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

RESULTADOS

Prototipos de Alta Fidelidad

Estos son algunos de los prototipos de Alta Fidelidad que desarrollé para distintas áreas, todas son secciones de la nueva Sucursal Virtual de Consalud. Dentro de los proyectos, comencé a trabajar en un Diseño Sistemático (Design System), lo cual me permitió agilizar el desarrollo de estos prototipos.

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co

Free HTML5 Template by FreeHTML5.co