Toyota
Interfaz y diseño de interacción para una plataforma de gestión e indicadores de negocio.
El principal reto de este proyecto fue la creación de la estructura de experiencia para personas usuarias de una plataforma de gestión y visualización de indicadores de venta, para uno de los corporativos automotrices líderes en la región.
Cliente: Toyota México / Devant IT.
Sector: Automotriz / Industrial.
Año: 2016.
Disciplinas: Diseño de Interfaz, diseño de interacción.
Actividades clave: Investigación, conceptualización, arquitectura de información, diseño de interfaz, visualización de datos e indicadores, entrevistas.
Rol: Director de Diseño en Sinapsis Group.
[fig 1] Estado de las primeras pantallas funcionales desarrolladas por el equipo de DEVANT.
Definición e inmersión
La compañía especializada en inteligencia tecnológica DEVANT, había recabado información del cliente para determinar la mejor solución de tecnología; me invitaron a formar parte del equipo para definir la arquitectura de información, interacción e interfaz.
[fig 2] Herramientas de UX Research: Jobs to be done y desarrollo de "Personas".
Ideación
La primera parte del proyecto consistió en el entendimiento de las necesidades de las personas usuarias; segmentamos los perfiles con base a entrevistas y creación de “user personas”. A partir de este punto, creamos un conjunto de “jobs to be done”, para la definición de los alcances y objetivos de las funciones de la plataforma.
[fig 3] Elementos de ideación de componentes y wireframes del proyecto.
Fase 1: Plataforma "Como nuevos"
[fig 4] Plataforma en uso.
Creamos las primeras pruebas de usuario con el diseño de pantallas estáticas de alta fidelidad que acercaran lo más posible al resultado esperado. Con ajustes, definimos los flujos de la herramienta y cree la interfaz de todas las pantallas necesarias en un pipeline de desarrollo ágil con el equipo de programación.
[fig 5] Login.
[fig 6] Home dashboard.
[fig 7] Histórico de ventas por grupo y distribuidor.
[fig 8] Ventas vs Objetivo.
[fig 9] Detalle de grupo con opción de búsqueda histórica.
[fig 10] Detalle de modelo y búsqueda histórica.
Producción
Para facilitar la producción al equipo de desarrollo, cree una guía de estilo con especificaciones de diseño, elementos, símbolos, iconos y tipos de gráficas para cada tipo de uso e información, así como tipografías y retículas constructivas.
La guía fue implementada en 2 plataformas internas distintas: tanto de autos nuevos como de seminuevos. Asimismo, se propuso la creación de una tercera plataforma para cotizar modelos con base a sus diferentes versiones de equipamiento y personalización.
[fig 11] Algunas láminas de la guía de estilo que desarrollé.
[fig 12] Láminas con especificaciones de construcción para pantallas, menú y reglas de uso para iconos y símbolos de la interfaz.
[fig 13] Detalles y recursos para construcción de la interfaz de los dashboards de la herramienta.
Fase 2: Plataforma corporativa
[fig 14] Login.
[fig 15] Dashboard principal.
[fig 16] Detalle de reporte Ejecutivo.
[fig 17] Algunas láminas de investigación.
[fig 18] Ranking de ventas.
[fig 19] Pantalla de ventas con búsqueda histórica por modelo.
[fig 20] Reporte de ventas al cierre del día.
