Prácticas Diseño Interfaces de Usuario 2020-21 (Tema: Planificación y organización de viajes)
Grupo: DIU1.ToxicidadFuera. Curso: 2020/21 Updated: 17/05/2021
Proyecto: ViajesP&P
Descripción: Propuesta de aplicación de busqueda y reserva de alojamiento de alquiler turístico con información local de la ciudad del alojamiento, así como la posibilidad de subir un alojamiento turistico a la aplicación.
Logotipo:
Miembros
Hemos elegido 5 webs sobre reserva y planificacion de viajes, cada una con distintas categorias, calificandolas sobre categorias diversas como buena navegación web, busqueda con filtros, precios finales a la vista , buena portabilidad de pc a movil e imagenes, caracteristicas pensadas para la comodidad del cliente respecto a la web y navegación. Otras características más orientadas a la empresa y su modelo de negocio como soporte técnico, politica de cancelacion, seguridad COVID (caracteristica clave en estos tiempos), beneficios cliente ejemplar y planificacion completa (característica que ayudara a organizar más aspectos del viaje como sitios que visitar, transporte, restaurantes...
Con todas esas características, hemos pensado que la mejor aplicación para buscar y planificar un viaje es airbnb, cuya web seria la mas adaptada y con mayores ventajas como empresa. >> Consulta el Competitive Analysis
Hemos elegido a Pepe Garcia y a Carmén Sanchez ya que son ejemplos diferentes de viajes, Pepe García busca un viaje romantico con su pareja a París, pareja que le gusta la enseñanza y son mas emocionales y extrovertidos, y Carmén Sanchez, una mujer más realista y trabajadora que busca un viaje con su pareja y sus sobrinos. >> Consulta las personas creadas aquí
Hemos elegido estas dos experiencias porque refleja dos habituales situaciones, la de Pepe Garcia que busca viaje con su mujer como regalo, el cual se deja orientar por sus compañeros y logra de manera fácil reservar y regalarle un buen viaje, pero mirando por el dinero. Y Carmen Sanchéz, que buscando el viaje adecuado se pone nerviosa y tiene ansiedad trás la indecisión y la falta de información. >> Consulta el documento de user journey map
Hemos hecho una revisión de usabilidad de varias páginas web, usando como página principal de la revisión AirBnB, que tiene un modelo de negocio parecido. >> Consulta el documento de usabilidad aquí
Valoración final: 78
Nuestro comentario final sobre la valoración: AirBnB tiene una excelente navegación, que facilita el uso por parte del usuario y tiene muchas ventajas a la hora de reservar y planificar tu propio viaje, su principal problema es la busqueda, la cual debes elegir un lugar específico, no enseñandote localizaciones de distintas ciudades con similares caracterisiticas, y un mapa dificil de entender.
Hemos realizado una malla receptora de información, donde hemos recopilado las características principales, dificultades que tienen los usuarios, sugerencias para mejorar y criticas constructivas,todo esto de las webs que analizamos en la practica 1, principalmente de AirBnb. >> Consulta la matriz de captura de ideas aquí
La aplicación (ViajesP&P) a desarrollar consiste en un sistema de alquiler turístico a nivel nacional. La plataforma da la posibilidad de publicar un alojamiento a los usuarios interesados en ello, así como la posibilidad de consultar y reservar diferentes alojamientos a las personas interesadas en realizar una estancia o viaje. Propuesta de valor completa: >> Más en detalle aquí
Hemos realizado un ScopeCanvas que muestra nuestras ideas de la aplicación que crearemos (ViajesP&P), con las necesidades de los usuarios bien sean causadas por cosas negativas o que les motivan, acciones que necesitarán realizar, nuestro propósito, como mediremos el éxito y nuestros planes de futuro a corto, medio y largo plazo. Le acompaña una propuesta de valor escrita que describe nuestra propuesta de aplicación. >> Consulta el ScopeCanvas con su propuesta de valor aquí
Hemos dividido a los usuarios de la aplicación en 3 distintos grupos, separandolo en 1. Creadores: usuarios que se encargan de la gestión de la aplicación y empresa, 2. Anfitriones: usuarios que pueden subir sus propios alojamientos para alquiler, y 3. Huéspedes: usuarios que alquilan alojamientos publicados en la web.
Hemos usado una matriz de tareas con los 3 distintos grupos, donde se enumera la lista de tareas como iniciar sesión, compartir alojamiento, pagar un alojamiento, cambiar idioma.... Para cada tarea se marca su frecuencia de uso para cada grupo de usuarios. >> Consulta el taskanalysis aquí
Para esta parte hemos creado un sitemap con la organización de la aplicación, separando la parte de usuarios referente al login y registro, información y busqueda de apartamentos, y ayuda con un contacto a la organización, la base legal y FAQs.
También hemos creado un labelling con la definición de cada pestaña y bloque del Wireframe de la aplicación.
>> Consulta el SiteMap y un labelling aquí
Hemos diseñado unos bocetos de la aplicación movil usando draw.io, centrandonos en la comodidad del usuario, de tal manera que se pueda implementar usandolo como boceto.
Hemos realizado un Moodboard que contiene los estilos visuales principales de nuestra propuesta, con logotipo y una posible cabecera de redes sociales incluidos. >> Consulta el Moodboard aquí
Hemos usado el logotipo realizado anteriormente. Está basado en el nombre del proyecto con un color azul verdoso cercano al tono de la aplicación y un símbolo que es una V (la primera letra de ViajesP&P) junto con otra estilizada.
Nuestra Landing Page es una página simple que sirve de promoción o introducción inicial a nuestra aplicación, tiene los elementos básicos e imágenes y frases que hacen nuestra idea deseable, además de botones que redirigen a descarga. >> Consulta la Landing Page aquí
Hemos diseñado los guidelines que va a seguir nuestra aplicación, y determinado los patrones de usabilidad que usan, los cuales determinan la interfaz final que tendrá nuestro proyecto. >> Consultalos aquí
Hemos realizado un layout o mockup, un prototipo que muestra fielmente como sería y como se comporta nuestra aplicación. Está disponible un vídeo mostrando todo ello y también unas capturas para ver el diseño. >> Consulta el Mockup aquí
La documentación está realizada en este mismo "readme" pero formateada con la ayuda de GitHub Pages, se puede consultar aquí
Para la realizacion de la evaluación de usabilidad hemos comparado nuestra aplicación ViajesP&P con una aplicación asignada.
Nuestra aplicación asignada es MeetUs, la cual consiste en un aplicación móvil dedicada a la realización de actividades en Granada. Permite a los usuarios crear, organizar, participar, y proponer actividades de todo tipo, formando grupos con otras personas con los mismos intereses y gustos. La finalidad se basa en conocer más a fondo la provincia de Granada y hacerlo en presencia de una gran compañía.
Puedes revisar su github pinche en el siguiente enlace: https://github.com/angelsc21/DIU21
Los participantes son personas conocidas al equipo, con diferentes perfiles para intentar darle fiabilidad al estudio (aunque con un número de muestra de 5 personas por prototipo poco se puede concluir).
| #id. usuario | Sexo/edad | Ocupación | Estudios | Experiencia internet | Plataforma | Prototipo elegido | SUS score |
|---|---|---|---|---|---|---|---|
| 1 | Hombre (16-30) | Estudiante | Bachillerato | Intermedio | Windows, Android, Tablet | ViajesP&P | (82.5) |
| 2 | Mujer (45-60) | Desempleado/a | Licenciado/a | Intermedio | Windows, Android, Nokia | ViajesP&P | (100) |
| 3 | Hombre (<16) | Estudiante | Secundaria | Intermedio | Windows,Android | ViajesP&P | (87.5) |
| 4 | Mujer (16-30) | Estudiante | Bachillerato | Bajo | Windows, Android | ViajesP&P | (50) |
| 5 | Hombre (16-30) | Estudiante | Bachillerato | Avanzado | Windows, Android, Tablet | ViajesP&P | (80) |
| 6 | Hombre (16-30) | Estudiante | Bachillerato | Intermedio | Windows, Android | MeetUS | (95) |
| 7 | Mujer (45-60) | Traductora | Universitarios | Avanzado | Window, IOS, Tablet | MeetUS | (72,5) |
| 8 | Hombre (45-60) | Autonomo | Grado medio | Intermedio | Windows,Android | MeetUS | (47,5) |
| 9 | Hombre (16-30) | Estudiante | Bachillerato | Avanzado | Windows/Linux, Android | MeetUS | (70) |
| 10 | Hombre (16-30) | Estudiante | Universitarios | Intermedio | Windows, Android | MeetUS | (52,5) |
| PREGUNTAS | 1 | 2 | 3 | 4 | 5 | |
|---|---|---|---|---|---|---|
| 1 | Creo que me gustará visitar con frecuencia este website | 3 | 5 | 4 | 2 | 4 |
| 2 | Encontré el website innecesariamente complejo | 1 | 1 | 1 | 2 | 2 |
| 3 | Pensé que era fácil utilizar este website | 4 | 5 | 4 | 3 | 4 |
| 4 | Creo que necesitaría del apoyo de un experto para recorrer el website | 1 | 1 | 1 | 3 | 1 |
| 5 | Encontré las funciones del website bastante bien integradas | 4 | 5 | 5 | 4 | 4 |
| 6 | Pensé que había demasiada inconsistencia en el website | 1 | 1 | 1 | 4 | 2 |
| 7 | Imagino que la mayoría de las personas aprenderían muy rápidamente a utilizar el website | 4 | 5 | 4 | 3 | 4 |
| 8 | Encontré el website muy grande al recorrerlo | 2 | 1 | 2 | 3 | 2 |
| 9 | Me sentí muy confiado en el manejo del website | 4 | 5 | 4 | 3 | 4 |
| 10 | Necesito aprender muchas cosas antes de manejarme en el website | 1 | 1 | 1 | 3 | 1 |
| Valoración final (SUS Score) | 82.5 | 100 | 87.5 | 50 | 80 |
Los resultados de este cuestionario nos muestran que la aplicación está bastante bien en términos de usabilidad, sin embargo parece que necesita algunas mejoras para las personas con menos práctica usando tecnología, pues el usuario con id 4, que pertenece a esa demografía, ha tenido más problemas de usabilidad. La valoración en el resto de casos es bastante consistente en una usabilidad excelente (tipo B) o más alta.
| PREGUNTAS | 6 | 7 | 8 | 9 | 10 | |
|---|---|---|---|---|---|---|
| 1 | Creo que me gustará visitar con frecuencia este website | 4 | 4 | 4 | 4 | 2 |
| 2 | Encontré el website innecesariamente complejo | 1 | 1 | 4 | 2 | 3 |
| 3 | Pensé que era fácil utilizar este website | 5 | 5 | 4 | 3 | 3 |
| 4 | Creo que necesitaría del apoyo de un experto para recorrer el website | 1 | 1 | 1 | 2 | 3 |
| 5 | Encontré las funciones del website bastante bien integradas | 5 | 5 | 4 | 3 | 2 |
| 6 | Pensé que había demasiada inconsistencia en el website | 1 | 1 | 1 | 2 | 2 |
| 7 | Imagino que la mayoría de las personas aprenderían muy rápidamente a utilizar el website | 5 | 5 | 4 | 4 | 3 |
| 8 | Encontré el website muy grande al recorrerlo | 2 | 2 | 4 | 2 | 2 |
| 9 | Me sentí muy confiado en el manejo del website | 5 | 5 | 4 | 3 | 3 |
| 10 | Necesito aprender muchas cosas antes de manejarse en el website | 1 | 2 | 4 | 2 | 2 |
| Valoración final (SUS Score) | 95 | 72.5 | 47.5 | 70 | 52.5 |
Los resultados de los usuarios que han probado MeetUs reflejan que la aplicación es funcional y adecuada para varias edades, sin embargo para algunos usuarios resulta demasiado grande al recorrerla y pensaban que iba a ser más fácil navegar por ella, debido a su gran número de opciones . La valoración media es favorable y denota una usabilidad aceptable.
La review de usabilidad completa (del caso MeetUs) se puede encontrar aqui: Usability_Review.pdf
En conclusion los resultados de los usuarios que han probado MeetUs son bastante consistentes y parecen divididos en dos grupos, reflejan que la aplicación es funcional y adecuada para varias edades, pero para algunos usuarios resulta demasiado grande al recorrerla y pensaban que iba a ser más fácil navegar por ella, tal vez debido a un gran número de páginas u opciones que pueden resultar contraproducentes al hacer el sitio complejo y agobiar al usuario.
La valoración media es favorable y denota una usabilidad aceptable, pero hay que tener en cuenta esos problemas que denotan los resultados del cuestionario menos favorables que pueden ayudar a ver las posibles mejoras de la aplicación.
Indica qué pretendes evaluar (de accesibilidad) sobre qué APP y qué resultados has obtenido
5.a) Evaluación de la Accesibilidad (con simuladores o verificación de WACG) 5.b) Uso de simuladores de accesibilidad
(uso de tabla de datos, indicar herramientas usadas)
5.c Breve resumen del estudio de accesibilidad (de práctica 1) y puntos fuertes y de mejora de los criterios de accesibilidad de tu diseño propuesto en Práctica 4.
(90-150 palabras) Opinión del proceso de desarrollo de diseño siguiendo metodología UX y valoración (positiva /negativa) de los resultados obtenidos