Prácticas Diseño Interfaces de Usuario 2020-21 (Tema: Turismo)
Grupo: DIU3.inac1 Curso: 2020/21
Proyecto:
History Tour Granada
Descripción:
Nuestra aplicación consiste en una guía para turistas de la ciudad de Granada, orientada a conocer las distintas etapas de su pasado. Contará con recorridos temáticos por los sitios más emblemáticos de cada uno de los periodos de la ciudad, enclaves de gran interés turístico y ofertas de restauración orientadas, de igual manera, a experimentar cada época de la ciudad nazarí.
Logotipo:
Miembros
- 👤 Hamed Ignacio Benaisa Cruz @Nacho-beta
- 👤 Jose Miguel Feixas Galdeano @miguefeixas
Tras comparar diferentes webs orientadas a la reserva de free tours y otras experiencias turísticas hemos podido observar que, entre las opciones elegidas, Civitatis era la que mejor cumplía los puntos que evaluamos y por tanto ha sido la elegida para la realización de la práctica.
Hemos elegido a William un científico con mucha personalidad y a Nora una madre de familia que quiere complacer a sus hijos.
Hemos escogido estas experiencias ya que son dos usuarios muy distintos entre sí y creemos que son hechos que le podrían ocurrir. Mapa de William y Mapa de Nora
- Enlace al documento: documento pdf
- Valoración final (numérica): 84
- Comentario sobre la valoración: Civitatis es una web que cumple con creces, intuitiva, efectiva, sin ningún error apreciable y orientada a un gran número de usuarios debido a sus posibilidad de personalización. Comparandola con las alternativas a esta es muy superior en practicamente todos los aspectos.
Feedback Capture Grid: En esta malla hemos hecho un ánalisis de los aspectos de Civitatis para incorporarlos a nuestra nueva propuesta junto a los aspectos que creemos que le falta.
Propuesta: Nuestra aplicación consiste en una guía para turistas de la ciudad de Granada, orientada a conocer las distintas etapas de su pasado. Contará con recorridos temáticos por los sitios más emblemáticos de cada uno de los periodos de la ciudad, enclaves de gran interés turístico y ofertas de restauración orientadas, de igual manera, a experimentar cada época de la ciudad nazarí.
En nuestro diseño con ScopeCanvas hemos planteado una aplicación basada en Civitatis la cual va a organizar Tour históricos por Granada. En este diagrama describimos los objetivos, necesidas y acciones de esta, además de las métricas con las cual medimos si nuestra aplicación está funcionando.
En nuestra User Task Matrix definimos los 5 grupos de usuarios usuarios los cuales son los objetivo de nuestra aplicacion History Tour, y las 7 tareas a realizar. Marcamos en gris los usuarios que son nuestro objetivo principal y las tareas indispensables de la app.
A travñes de nuestro Sitemap indicamos la jerarquía de nuestra web y a través de cual app podemos acceder. Y con nuestro labelling indicamos la jerarquía de las funcionalidades de nuestra aplicación.
Prototipos:
- Prototipo de la portada de la página
- Prototipo del perfil de usuario
- Prototipo de filtrar los tour con la linea temporal
- Prototipo de vista del tour
- Prototipo de la tienda de Souvenir
Hemos recogido los elementos de distintos patrones y guidlines que hemos reconocido útiles para nuestra aplicación. Estos se pueden ver en nuestro Moodboard, donde hemos establecido elementos de diseño y los hemos posicionado respecto a los prototipos.
Hemos realizado una landing page desde la cual se podría descargar nuestra app. Hemos optado por un diseño clásico y elegante para que el usuario no pierda mucho tiempo en esta y realice la descarga de forma casi inmediata.
En este fichero marcamos los distintos elementos guidelines (como botones de texto, botones con imágenes, boton de hamburguesa, etc.). Para los patrones hemos usado un table filtrer para filtrer en diseño de linea temporal para filtrar los distintos tours, y el patrón pagination para mostrar todas los tours y productos de la tienda.
Para ver como funciona el diseño Hi-Fi de nuestra aplicación se puede hacer usando la herramienta Adobe XD sobre este fichero o leer como funciona y los distintos diseños en este fichero pdf explicativo
En este video podemos ver un análisis del proceso para obtener nuestra app de History Tour Granada. Solo es accesible a través de una cuenta de la UGR.
Lolis es una aplicación que nos ofrece la posibilidad de organizar un viaje desde cero cubriendo todas las necesidades que pueden surgir, como la elección de sitio, los recorridos que se van a realizar en el lugar, los costes del viaje, las reservas o la situación de la pandemia en el lugar elegido. Enlace: github de diu1.aguacate
| Usuarios | Sexo/Edad | Ocupación | Exp.TIC | Personalidad | Plataforma | TestA/B |
|---|---|---|---|---|---|---|
| Maria | M / 27 | Fotografa | Alta | Feliz | IOS | A |
| Carlos | H / 75 | Jubilado | Baja | Asustado | Android | A |
| Victor | H / 39 | Militar | Media | Ilusionado | Android | B |
| Ana | M / 21 | Asistenta de compositor | Alta | Estresada | Android | B |
Imagen del test SUS
Valoracion personal Como podemos comprobar, los resultados obtenidos por la aplicación Lolis, son sustancialmente más altos a los de la aplicación A, Turismo Nazarí. Esto es algo con lo que nos encontramos muy de acuerdo tras revisar sendas aplicaciones, sin duda alguna podemos apreciar un trabajo mucho más cuidado en la aplicación objeto de este estudio que en la usada como comparación en el test A/B.
Añadir report de usabilidad para práctica B (la de los compañeros) Dejamos aquí el pdf con el Usability Report: Usability Report
Valoración personal Estamos delante de una aplicación sobresaliente, en la que se aprecia un trabajo metódico, consistente y que ha cuidado los detalles desde el principio. El diseño en general y los colores elegidos son muy agradables y hace que la experiencia de uso sea muy satisfactoria. A este hecho ayuda que el aprendizaje y uso de la aplicación es realmente sencillo, lo cual no quita que tenga un gran número de funcionalidades, las cuales creemos que están elegidas con mucho sentido y que se ajustan a las necesidades de cualquier persona que esté planeando un viaje.
La sensación que se nos queda tras realizar estas prácticas es muy positiva, es cierto que al comienzo de las mismas la metodología UX se nos hizo algo difícil de abordar debido a que era nuestro primer contacto con la misma. Con el desarrollo de las prácticas esa sensación fue cambiando ya que hemos podido apreciar las bondades de esta metodología y todo lo que aporta al diseño de una aplicación. Además de descubrir metodologías que ni nos imaginábamos que se realizaban.
En cuanto a nuestro trabajo y resultados estamos contentos, evidentemente, como cualquier actividad, podrían haberse hecho mejor y estamos seguros que con la práctica en el futuro iremos adquiriendo más destreza pero para ser nuestro primer acercamiento al diseño UX consideramos que ha sido una experiencia muy positiva.