Skip to content

meryuree/DIU21

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DIU21

Prácticas Diseño Interfaces de Usuario 2020-21

Grupo: DIU1_PARAGUAS. Curso: 2020/21

Proyecto: Easy-Trip

Descripción: Una página sencilla, clara e intuitiva dónde poder elegir y planificar un viaje inolvidable en sólo 5 pasos.

alt text

Miembros

  • 👤 María Ureña Legaza :octocat:
  • 👤 Pedro Iniesta López :octocat:

Proceso de Diseño

Paso 1. UX Desk Research & Analisis

Método UX 1.a Competitive Analysis

Queríamos seleccionar una web para la planificación y organización de viajes. Entre nuestras opciones se encontraban Inspirock, Lonely Planet, Google Trips y Roadtrippes. Todas estas páginas nos permiten organizar viajes de una manera fácil.

Nos hemos decantado por Inspirock pues a nuestro parecer es la más completa de todas. Se puede personalizar de muchas maneras la ruta que vamos a realizar, nos muestra un esquema de lo que hay que hacer cada día del viaje y los puntos de más intereses. De todas las webs, es la más cómoda para organizar un viaje, sin embargo, tiene algunos puntos negativos que se deberían cubrir. Entre estos puntos se encuentran la dificultad para comparar precios y saber el coste del viaje, la falta de una traducción a distintos idiomas y la no-inclusión de una opción para organizar viajes con personas con dificultades o mascotas.

La competencia cubren muchos de los puntos que le faltan a Inspirock, no obstante, son webs más difíciles de utilizar y menos completa que Inspirock. Si se suplieran estos pequeños contratiempos, sin duda alguna, Inspirock sería la mejor web para organizar viajes.

https://github.com/meryuree/DIU21/blob/COVID-19/P1/Tabla%20Competidores.pdf

Método UX 1.b Persona

La primera persona que hemos seleccionada, Pablo, es un padre de una persona discapacitada. Nos ha parecido interesante estudiar su caso debido a que puede verse con complicaciones o pocas facilidades a la hora de escoger un viaje.

alt text

La segunda persona que hemos elegido, Ángeles, es una señora mayor que decide viajar sola, sin ningún conocimiento de idiomas. Este caso es también interesante ya que tampoco dispone de todas las facilidades de las que dispondría un jóven, con conocimientos en páginas web y en idiomas.

alt text

Método UX 1.c User Journey Map

La primera experiencia que hemos escogido es la de un padre que quiere irse de viaje con su familia, teniendo en cuenta que su hijo es discapacitado. Consideramos que esta situación puede llegar a ser común, pues al igual que su hijo tiene una discapacidad, podríamos querer viajar con una persona mayor que ya necesita ir en silla de ruedas. Sin embargo, es un ejemplo que se sale un poco de lo común y nos ayuda a ponernos en la piel de esa persona para viajar.

alt text

La segunda experiencia que hemos desarrollado es la de una señora mayor que viaja al extranjero sola sin saber el idioma. Este caso es menos común que el anterior pues normalmente las personas mayores suelen ir acompañadas, no obstante, puede darse el caso de querer ir sola. Esta experiencia nos ayuda a comprender un ejemplo fuera de lo común pero que puede ocurrir.

alt text

Método UX 1.d Usability Review

https://github.com/meryuree/DIU21/blob/COVID-19/P1/Usability-review-template%20(1).pdf

Nota: 78/100 Después de analizar Inspirock, hemos llegado a la conclusión de que es una buena página web para organizar un viaje completo. Sin embargo, no es perfecta, el servicio de atención al cliente es mejorable pues es difícil contactar con Inspirock para solucionar problemas. Además, no hay una traducción al español y debes saber inglés. En resumen, si no tienes muchos problemas organizando el viaje va a ser una experiencia gratificante, pero en el momento que tengas problemas con el inglés o salte algún problema, puede llegar a ser frustrante.

Paso 2. UX Design

Método UX 2.a Feedback Capture Grid

La propuesta de valor que tenemos se basa en la mejora y adición de ciertos aspectos de Inspirock. Entre estos aspectos se encuentran la traducción de la web a muchos idiomas, una mayor facilidad para comparar los precios de los viajes y hoteles. Además, lo más importante es ofrecer ayuda a más tipos de usuarios, dando facilidades a personas con discapacidad, ancianos o gente con mascotas.

Se incluirán otras facetas para hacer muchas más cómodas las reservas de viajes, para fomentar esto se añadirán un chat para preguntas, una asistencia telefónica y el poder contactar con personas locales para preguntarles por lugares no tan conocidos de su zona.

Puede que haya alguna dificultad al implementar los mejores puntos de Inspirock pues hacer un diario de viaje y mostrar tanta información como esta página es un tema complicado. Sin embargo, hay otros temas más fáciles a implementar como los viajes predeterminados.

alt text

Método UX 2.b Tasks & Sitemap

alt text

Método UX 2.c Labelling

https://github.com/meryuree/DIU21/blob/COVID-19/P2/Labelling.pdf

Método UX 2.d Wireframes

alt text alt text alt text alt text

Paso 3. Make (Prototyping)

Método UX 3.a Moodboard

alt text

Método UX 3.b Landing Page

alt text

Método UX 3.c Patrones y Guidelines

PATRONES:

Buscar destinos: el patrón que vamos a usar para elegir el destino será el ‘search box’ junto con ‘autocomplete’

Navegación: hemos escogido la navegación secuencial (paso a paso)

Datos de usuario (input): usaremos formularios para la entrada de datos

Información (mostrar): para mostrar la información de vuelos, estancias, destinos... etc. Usaremos el patrón ‘list inlay’

Asistentes: usaremos la asistencia por pasos

GUIDELINES:

El estilo que se va a utilizar es material design y los componentes serán los asociados al mismo.

Método UX 3.d Mockup

alt text alt text alt text alt text alt text alt text alt text alt text alt text alt text alt text

Paso 4. UX Check (Usability Testing)

Método UX 4.a A/B Testing

Vamos a evaluar a: alt text

Según sus desarrolladores: "EcoTravel consiste en una aplicación que busca ofrecer una alternativa a aquellas personas que desean viajar respetando la naturaleza y descubriendo lugares y comercios rurales y que respeten la tradición, productos y lugares. Pretende crear una comunidad de usuarios y comercios/servicios que sigan estos valores y principios y conectarlos."

Método UX 4.b User Testing

Usuarios para evaluar prácticas

Usuarios Sexo/Edad Ocupación Exp.TIC Personalidad Plataforma TestA/B
Juan H / 20 Estudiante Alta Introvertido Web. A
Marta M / 50 Ama de casa Baja Timido Web A
Pedro H / 65 Jubilado Media Emocional  móvil B
Ana M / 35 Médica Media Racional  Web B

Método UX. 4.c Cuestionario SUS

Hemos realizado el cuestionario SUS, aquí:

https://github.com/meryuree/DIU21/blob/COVID-19/P4/Cuestionario%20SUS%20DIU%20(1).pdf

Método UX 4.c Usability Report

Report de usabilidad: https://github.com/meryuree/DIU21/blob/COVID-19/P4/DIU_report-template-usability-testOK.pdf

Paso 5. Evaluación de Accesibilidad

Método UX 5.a Accesibility evaluation Report

Indica qué pretendes evaluar (de accesibilidad) y qué resultados has obtenido + Valoración personal

Evaluación de la Accesibilidad (con simuladores o verificación de WACG)

Conclusión / Valoración de las prácticas

(90-150 caracteres) Opinión del proceso de desarrollo de diseño siguiendo metodología UX y valoración (positiva /negativa) de los resultados obtenidos

About

Diseño de Interfaces de Usuario

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published