DIU21
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
Proceso de Diseño
Paso 1. UX Desk Research & Analisis
1.a Competitive Analysis
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
1.b Persona
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í
1.c User Journey Map
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
1.d Usability Review
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.
Paso 2. UX Design
2.a Feedback Capture Grid / EMpathy map / POV
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í
2.b ScopeCanvas
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í
2.b Tasks analysis
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í
2.c IA: Sitemap + Labelling
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í
2.d Wireframes
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.
Paso 3. Mi UX-Case Study (diseño)
3.a Moodboard
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.
3.b Landing Page
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í
3.c Guidelines
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í
3.d Mockup
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í
3.e ¿My UX-Case Study?
La documentación está realizada en este mismo “readme” pero formateada con la ayuda de GitHub Pages, se puede consultar aquí