Travelign
Diseño UX-UI
Overview
Travelign es una app diseñada para dispositivos Android que cubre la necesidad de mantener organizados los viajes en un mismo lugar, además de permitir compartirlos con las personas que te acompañan en el viaje.
Problema
Las personas apenas tienen tiempo para estar organizando viajes dentro de un presupuesto ajustado.
Las apps actuales cuentan con algunas funcionalidades pero que obligan a los usuarios a usar varias para tener los viajes organizados.
Solución
Tener toda la documentación relacionada con el viaje en un mismo lugar y llevar una cuenta de los gastos durante los viajes.
Objetivos
- Mantener todas las reservas y documentos del viaje en un mismo lugar.
- Facilitar el acceso a la información con todos los acompañantes.
- Llevar un control de gastos durante los viajes.
Proceso de diseño
Se llevo a cabo la definición del problema y los objetivos, una fase de investigación (benchmarking, MVP y entrevistas). En estas últimas hicimos este tipo de preguntas:
- ¿Has utilizado alguna vez una aplicación para organizar viajes?
- ¿Cómo fue tu última experiencia usando este tipo de app? Si no lo has usado alguna vez, ¿por qué no lo has hecho?
- ¿Qué factores serán determinantes para que usaras una app de este tipo?
De esta forma pudimos crear las personas y comenzar con la arquitectura de la información.
Arquitectura de la información
Se realizó un cardsorting abierto para organizar la información y conocer el nombre adecuado para cada categoría.
Son 3 las categorías: usuario, viaje y gasto.
User flow
Wireframes de baja fidelidad
Diseñamos nuestro prototipo y realizamos varias pruebas de usabilidad: evaluaciones heurísticas y medimos la eficacia y eficiencia.
Wireframes de media fidelidad con patrones de diseño
Evaluación heurística
- Visibilidad del estado del sistema
- Relación entre el sistema y el mundo real
- Libertad y control por parte del usuario
- Consistencia y estándares
- Prevención de errores
- Minimizar el uso de la memoria
- Flexibilidad y eficiencia de uso
- Diseño minimalista
- Reconocer, diagnosticar, recuperarse de los errores
- Ayuda y documentación
Gracias a la evaluación heurística se detectaron problemas en la interacción de la app.
Soluciones:
- Permitir volver hacia atrás.
- Implementar validaciones y mensajes de error específicos.
- Incluir confirmaciones de acción.
- Proporcionar información clara y sencilla que sirvan de guia.
Logotipo
Representa los valores y la funcionalidad de la app. Se combinan 2 elementos: una nube y un avión.
La nube simboliza la libertad y la flexibilidad, mientras que el avión representa los viajes, la aventura y el movimiento. Juntos, estos elementos crean una imagen poderosa y evocadora de la experiencia de viajar.
Moodboard y guía de estilo
Lo que he aprendido
Itera todo lo que puedas
He podido ir mejorando el prototipo gracias a las pruebas de usabilidad (evaluacion heurística, métricas de eficiencia y eficacia, etc.) y feedback externo recibido.
Siempre podemos realizar nuevos hallazgos que mejoren la experiencia de usuario. Gracias a la iteración he mejorado la prevención de errores en el prototipo, he simplificado campos de registro y en general, crear una app más intuitiva y sencilla.
