Diseñando la experiencia de Trivi — Tu diario de viajes

Grecia Omaña
Ironhack
Published in
5 min readDec 16, 2018

¿Te gusta viajar?

Puede que alguna vez te haya pasado por la cabeza tener una manera de registrar tu viaje para recordarlo luego, ver los lugares que visitan tus amigos, descubrir sus experiencias y tomar ideas para tus próximos destinos.

En mi caso, se me había pasado muchas veces por la mente y se convirtió en mi inspiración para este proyecto: Trivi, tu diario de viajes.

En este artículo, quiero hacer énfasis en las metodologías aprendidas en el Bootcamp UX/UI de Ironhack, que me han ayudado a llevar el proceso de investigación y creación con un curso lógico y práctico.

Mostraré el proceso de diseño en tres etapas: investigación, ideación e iteración, describiendo los métodos utilizados en cada fase.

Investigación

Partí de un proceso de investigación que abordé con encuestas, entrevistas y benchmark, para entender las características de los sitios mas utilizados e identificar las funcionalidades faltantes. Con base en esta información cree un user persona y un user journey para entender las expectativas, metas y contexto al usar la aplicación.

Inicié aplicando una encuesta a 79 usuarios, con el objetivo de encontrar patrones de viaje, las principales maneras en que los usuarios se preparan, investigan y planifican, cuáles sus principales motivaciones al viajar y cómo comparten sus historias al terminar.

Al momento de compartir sus historias de viaje, encontré que la gran mayoría de los encuestados (70) prefiere hacerlo con sus amigos en persona; una gran parte (44), publica en redes sociales; y una minoría, guarda notas personales, deja reseñas o lleva un blog.

Realicé entrevistas a 3 usuarios, viajeros frecuentes, notando ciertos patrones que se relacionaban con la información recopilada en las encuestas: a las personas les gusta recibir opiniones de sus amigos, viajeros expertos o personas con gustos similares. Algunas personas incluso se animan a viajar a un nuevo destino si algún conocido ya fue a este lugar.

Para el benchmark, utilicé Google Maps, Airbnb y TripAdvisor, comparé los aspectos que más me interesaban para la ideación: propósito, navegación y categorías, reviews de usuarios y filtros.

Matriz de benchmark

Luego de hacer una comparativa general, encontré las características que se repiten en todas las plataformas: comentarios de usuario, búsquedas por categoría, filtros de búsqueda y guardar favoritos.

Igualmente, pensé en funcionalidades ausentes que serían un buen complemento para los usuarios, abordándolas como mis necesidades a resolver:

  • Documentación fácil de historias de viajes
  • Compartir bitácoras con amigos
  • Tener recomendaciones según intereses y gustos

Con base en la investigación, creé el user persona, que representa al usuario principal de la aplicación, sus metas, necesidades y pain points. Imaginé su user journey del proceso actual de viaje, como herramienta para poner en contexto la aproximación de la persona a la aplicación, identificar puntos débiles de este proceso y oportunidades.

User persona
User Journey

Ideación

Inicié utilizando como método la creación de hipótesis, formulando una para cada fase del proceso de viaje detectado en la investigación: los usuarios investigan, planifican, viajan y comparten, al compartir contribuyen a la investigación de otros usuarios y así se crea un ciclo colaborativo.

Ciclo de viaje detectado
Formulación de hipótesis para cada etapa de viaje

Estas hipótesis me dieron una idea de las funcionalidades que podría incluir en la aplicación para satisfacer la necesidad detectada, dando una respuesta a cada paso y complementando los puntos débiles del actual proceso. Sin embargo, a este punto la idea requiere de depuración y priorización, por lo que decidí enfocarme hacia el registro de bitácoras, dejando la planificación y creación de arquetipos como implementaciones futuras.

Esto se tradujo en 5 funcionalidades básicas a modo tab bar, que para un primer MVP consisten en: home, buscador, añadir bitácoras y perfil. Consideré un planificador de recorridos como una adición futura.

Ideación — Features

Iteración

Una vez definidas las funcionalidades, comencé la iteración con wireframes de baja fidelidad en papel, hice una prueba con usuarios enfocada a la idea y descubrí que uno de los puntos más llamativos era el mapa del perfil, así que decidí implementarlo en el home. Junté el resto de los comentarios y decidí cuales implementar en la siguiente fase.

Wireframes de mediana fidelidad

Por último, al momento de iniciar el proceso de diseño visual, continué iterando:

  • Busqué simplificar los pasos para incentivar el proceso de añadir bitácoras haciéndolo más rápido y sencillo. Al crear más de una bitácora, se crean automáticamente las rutas de los sitios recorridos por día, semejando un “diario” cronológico de los sitios visitados.
  • Con la intención de mantener un feed más activo, le di prioridad a cada lugar visitado por las personas que sigues, en vez de hacerlo por viaje.
  • En el buscador, agregué la sección de mostrar rutas sugeridas, para apoyar al viajero que busca información sobre la marcha, generando opciones por cercanía e intereses, adicional a la búsqueda por categoría.
  • Para recomendar un lugar, decidí abordar una decisión dicotómica: recomendar o no recomendar. A diferencia de la puntuación del 1 al 5 por estrellas, considerando que hacer una recomendación directa se asemeja más a la interacción que tendrías con un amigo. Como apoyo adicional, agregué tags para asociar la recomendación a cierto tipo de viajeros o experiencias.
Wireframes de alta fidelidad

Conclusión

El uso de metodologías durante la creación fue vital para llegar al resultado, en mi parecer, la ideación puede llegar a ser la etapa más abrumadora del proceso, al pensar en las posibilidades infinitas para abordar la necesidad detectada. Sin embargo, el usar las metodologías apropiadas, iterar y probar con usuarios, hace el proceso más llevadero, además, genera confianza en el rumbo definido y permite pulir la idea a lo largo de cada iteración.

¡Gracias por leer hasta aquí!

Los claps, comentarios y feedback son bienvenidos :)

--

--

Grecia Omaña
Ironhack

I'm here to share some insights. Spanglish to be seen. User Experience Designer and Architect.