Diseño de Experiencia (UX)
Aplicativo de Trasporte Urbano
Contexto
Mobility ADO es una empresa de trasporte terrestre a nivel internacional, que actualmente cuenta con varios modelos de negocio como trasporte de largo recorrido, trasporte turístico y trasporte urbano. Parte de la estrategia de desarrollo de los modelos de negocio es la digitalización de sus servicios, para ofrecer una experiencia más eficiente desde dispositivos móviles.
Problema
El modelo de transporte urbano es el que mas cedes administra, en México y España, por lo que era necesario crear sitios web y aplicaciones rápidamente que pudieran ofrecer valor a las administraciones frente a los gobiernos locales, y a su vez mejorar la operación y reputación de las marcas pertenecientes al grupo en las diferentes ciudades.
Mobility ADO
Implementación
Se diseñaron las pantallas en Adobe XD de los diferentes módulos y nivel de aplicativo, tanto para web y app, basado en el framework LIFERAY, mismo que funciona bajo el standard de Bootstrap. Esto facilito las replica desde el branding hasta la selección de modulos y infromación complementaria de cada sitio y app. La creación del primer sitio se realizó en 6 meses, pero se logro bajar el tiempo de replica por sitio a 2 meses aproximadamente, además de que se facilitaron las herramientas de replica a las diferentes administraciones para su autonomía con los sitios, y una implementación paralela que ayudo a mejorar el tiempo de replica aun mas a nivel corporativo.
Estrategia
Se la definición de las necesidades de usuario a partir de 7 arquetipos previamente definidos, y se realizó un análisis comparativo de todas la aplicaciones y sitios web pertenecientes al grupo (32 ciudades) y algunas de la competencia, para definir las funcionales mas recurrentes y básica para el usuario, con la intención de crear sitios web y aplicaciones modulares. Estos módulos se definieron con funcionalidades que se validaron con entrevistas a usuarios y pruebas de usabilidad, que ayudaba al usuario a consultar:
Horarios
Rutas
Avisos viales
Ubicación en tiempo real
Tiempos de recorrido
Precio de pasaje
Saldo de su tarjeta
Pago digital
Una vez definidos los módulos se crearon 3 niveles de aplicativo estándar que dependían básicamente de la cantidad de rutas, ya que ese era el factor determinante de la complejidad del manejo de la información y diseño de las pantallas.
Rediseño Sitio Web
Contexto
CC News es un producto informativo perteneciente a la marca Cultura Colectiva. Está dirigido a usuarios jóvenes de México, entre 18 y 30 años, interesados en mantenerse informados.
Problema
Este producto se publicó a principios de 2018 como prueba de uso y desde entonces mantuvo el mismo desarrollo. Sin embargo, a fines del mismo año, se solicitó un rediseño más óptimo y estético, que buscara dar identidad al producto, sin apartarse de su marca paraguas. Dentro de este rediseño, no solo se buscó la mejora de la parte de optimización estética y funcional, sino también para cumplir con los siguientes objetivos:
Mayor tiempo de consumo
Profundidad de Navegación
Aumento de visitas
Engagement e incremento de sesión
Cultura Colectiva News
Implementación
El rediseño fue realizado en Adobe XD y se envió para su implementación, con una planificación de mejora continua para no comprometer el tiempo de entrega. Sin embargo, debido a la prioridad de la marca, esta implementación se pospuso. Aquí la presentación de dicho rediseño con sus objetivos y estrategias.
Consumo de video
Exposición de contenido especial
Cross Content
Curación de contenido
Identidad de canal
Arquitectura de la infromación
Posicionamiento de autor
Estrategia de Share
Estrategia
Primero, se llevo acabo un análisis a través de Google Analitycs y CrazyEgg de los objetivos antes mencionados, que proponían las siguientes estrategias para implementar en el nuevo diseño:
Consumo de video
Exposición de contenido especial
Cross Content
Curación de contenido
Identidad de canal
Arquitectura de infromación
Posicionamiento de autor
Estrategia de Share
Otra estrategia prioritaria para el rediseño se basó en la filosofía de Mobile First , ya que se ha demostrado que el consumo del sitio en dispositivos móviles es del 90%
Proceso de diseño / Movilidad Compartida
App Metro Metrobus CDMX
Contexto
Este ejercicio es el resultado de un curso de "UX Avanzado" con lo que se pretendía realizar una propuesta para mejora de una app de transporte urbano de la CDMX, complementando los conocimientos técnicos y conceptuales que ya se tenian de transporte urbano y la investigación realizada de este curso.
El fin era ofrecer una propuesta más robusta con el concepto de movilidad compartida aplicado a las soluciones existentes y propuestas para Mobility ADO.
El proceso de UX se basó en la metodología de Jesse James Garret y sus 5 niveles de evolución de UX.
La propuesta finalmente no se concreto, pero se realizó la documentación del proceso, a continuación.
Prototipo
Versión final en Adobe XD: https://xd.adobe.com/view/307d1a97-9228-4c3d-a51f-f7e1b934b40d-652e/