Súbete al Bus

Estudio UX / UI

Creación de una aplicación para proporcionar a los usuarios de autobuses información sobre horarios, rutas y posibilidad de reportes de incidentes de forma sencilla mientras van en ruta.

Duración del proyecto

Octubre de 2020 – Diciembre de 2020

Mi papel

Generalista de UX en un equipo de 4 Diseñadores Multidisciplinarios

Responsabilidades

Bocetos, maquetado, prototipos, pruebas

El problema

Encontrar un lugar donde te sientas seguro dejando a tu mascota es muy difícil. No siempre estás seguro de que tengan experiencia, si está limpio, es seguro o si saben cómo manejar una emergencia. Debes asegurarte de que sean responsables y realmente se preocupen por tus mascotas.

El objetivo

Crear un diseño cohesivo que pudiera aplicarse a redes sociales, papelería y web, para dar una imagen completa de profesionalismo y atención al detalle. Además, ofrecer a los clientes la posibilidad de obtener toda la información sobre sus servicios y validar el negocio a gracias a reseñas de clientes y otros recursos informativos a través de un sitio web agradable y fácil de navegar.

Usuario de bus Rodrigo

Comprendiendo al usuario

Usuario - Rodrigo Jiménez

“Necesito ver las rutas, los horarios y las paradas de los buses para llegar a tiempo al trabajo ya la universidad”.

Rodrigo es un estudiante universitario y trabajador a tiempo completo que vive en el centro de la ciudad y se mueve solo en autobús. Los horarios de la universidad y el trabajo a menudo varían y también debe tener en cuenta el tráfico y los retrasos en los autobuses. Tener una aplicación para consultar dónde subirse al bus, los horarios de cada parada, y la posibilidad de reportar anomalías en el servicio le facilitaría la vida.

 

Frustraciones

  • Es difícil saber si el horario cambia los fines de semana o feriados
  • Es difícil hacer reportes sobre problemas con el servicio
  • No estoy seguro de dónde están todas las paradas de bus

Metas

  • Capacidad para realizar informes que incluyan fotos o audios
  • Hacer reportes directos a través de Whatsapp
  • Posibilidad de consultar horarios por día, incluidos fines de semana y festivos
  • Navegación sencilla con una sola mano debido a que se llevan cosas en la otra

Diseño

Concepto

Comenzamos a esbozar ideas sobre el uso del dispositivo con una sola mano, basándonos en las múltiples cosas que llevaban los usuarios al transportarse. Esto significa usar principalmente los pulgares para navegar por las pantallas. Consideramos que los widgets o los cajones desplegables serían un buen comienzo para desarrollar la idea.

Los horarios se pueden filtrar por días de semana y fines de semana o feriados, ya que las variaciones normalmente solo se aplican de esa manera. Un mapa que utiliza patrones de navegación comunes similares a Google Maps o Waze mostraría las paradas de los buses y las rutas seguidas.

Los colores de alto contraste ayudarían con la navegación en condiciones soleadas u oscuras (por la mañana o por la noche). Utilizamos algunas pocas imágenes para proporcionarle a la aplicación un tono amigable; a su vez las imágenes orientan al usuario sobre las acciones en cada sección cuando corresponda.

Estructura alámbrica de baja fidelidad de propaganda modular

Maquetado

Resultados

Primer prototipo

Portada del sitio
Múltiples pantallas del app

Estudio de usabilidad

El estudio de usabilidad mostró que los usuarios pudieron completar el 75% de las tareas fácilmente. El 25% restante falló constantemente: los usuarios no pudieron encontrar el mapa fácilmente dentro de la aplicación y sugirieron una indicación más clara para saber cómo encontrarlo.

Resultados del estudio

  • Consulta el horario del autobús para el lunes a las 10:00 a. m. 100% 100%
  • Reporte que el chofer del bus está hablando por teléfono mientras maneja 100% 100%
  • Compruebe dónde está la parada de autobús más cercana. 25% 25%

Conclusiones

Lo que me queda

Diseñar como un equipo colaborativo en Figma fue una gran experiencia que permitió grandes resultados y convergencia. Lo más valioso fue saber que lo que es evidente para el diseñador, como la ubicación del mapa, no será necesariamente evidente para el usuario.

Próximos pasos

Basado en las sugerencias de los usuarios y los resultados del estudio de usabilidad:

  • Rediseño de acceso al mapa
  • Accesibilidad mejorada
  • Tema oscuro y claro

Otros proyectos

Novicsa

Diseño web y estudio UX

Alkemio Lab

Diseño web y estudio UX

Natural Pet Care

Diseño web y branding