Skip to content

Latest commit

 

History

History
214 lines (108 loc) · 7.41 KB

README.md

File metadata and controls

214 lines (108 loc) · 7.41 KB

DIU21

Prácticas Diseño Interfaces de Usuario 2020-21 (Tema: Turismo)

Grupo: DIU1_01tive2. Curso: 2020/21 Updated: 8/2/2021

Proyecto: Acogavi

Descripción:

Aplicación para organizar viajes y para hospedar gente que cuenta con un sistema de puntos con el que abaratar gastos.

Logotipo:

alt text

Miembros


Proceso de Diseño

Paso 1. UX Desk Research & Analisis

Método UX 1.a Competitive Analysis

A destacar negativamente de Inspirock es su falta de idiomas, que son pocos. Roadtrippers falla en diseño para móvil e idioma, TripAdvisor ha cumplido con todas nuestras expectativas y por último Way Away y Google Trip que cumplen menos en la facilidad de uso en el caso de esta última. Hemos elegido Roadtrippers por ser una opción equilibrada en pros y contras.

Método UX 1.b Persona

He elegido a Lucas porque me ha parecido interesante el ejemplo de alguien que tradicionalmente no ha tenido muchos amigos ni trato social pero qué tampoco tiene tiempo para arreglar esto debido a su trabajo.

He elegido Andrea porque es una persona con un carácter, metas, y contexto muy diferente al mío, y he pensado que sus diferencias podrían aportar riqueza y diversidad a nuestras perspectivas.

Método UX 1.c User Journey Map

Hemos elegido estas dos experiencias de usuario porque creemos que se adaptan bien al perfil de nuestras personas. En ambos casos creemos que las dos experiencias son habituales en personas parecidas a las creadas.

Método UX 1.d Usability Review

Enlace a la revisión de usabilidad: https://github.com/daviyisu/DIU21/blob/master/P1/Revisión%20de%20usabilidad.pdf La valoración dada por la plantilla es de 80. Nuestra valoración dada en el análisis competitivo y esta son tan distintas porque nosotros hemos juzgado aspectos más amplios de la página como que sea multiplataforma, el lenguaje... etc. Pero en el análisis de usabilidad se preguntan cosas más concretas que la página sí cumple.

Paso 2. UX Design

Método UX 2.a Malla receptora

alt text

Propuesta de valor

Los gastos de los viajes pueden ser muy caros. Nuestra propuesta de app permite abaratar gastos con un sistema de puntos, hospedarte en casas de usuarios y ofrecer la tuya propia.

Descripción de la propuesta aquí:

https://github.com/daviyisu/DIU21/blob/master/P2/Descripción%20propuesta.pdf

Método UX 2.b ScopeCanvas

Propuesta de valor

alt text

Método UX 2.b Tasks analysis

Definir "User Map" y "Task Flow" ...

alt text

Método UX 2.c IA: Sitemap + Labelling

Sitemap

alt text

Identificar términos para diálogo con usuario

https://github.com/daviyisu/DIU21/blob/master/P2/Labelling.pdf

Método UX 2.d Wireframes

Plantear el diseño del layout para Web/movil (organización y simulación )

https://github.com/daviyisu/DIU21/blob/master/P2/bocetos.pdf

Paso 3. Mi UX-Case Study (diseño)

Método UX 3.a Moodboard

Puede ser accedido aquí: https://github.com/daviyisu/DIU21/blob/master/P3/moonboard_acogavi.pdf

Para crear el logotipo hemos usado: https://www.tailorbrands.com/es/logo-maker alt text

Método UX 3.b Landing Page

Landing page creado con Draw.io alt text

Método UX 3.c Guidelines

Hemos usado Google Material para Android y los patrones de diseño los hemos sacado de: http://ui-patterns.com https://github.com/daviyisu/DIU21/blob/master/P3/Guidelines%20y%20Patrones%20de%20diseño.pdf

Método UX 3.d Mockup

Hecho en Adobe XD. Aquí ponemos solo dos capturas para no saturar el readme pero el resto puede ser encontrada en: https://github.com/daviyisu/DIU21/tree/master/P3/Pantallas%20Hi-Fi

alt text alt text

Método UX 3.e ¿My UX-Case Study?

Nuestro Case Study es una sencilla presentación que explica el proceso de desarrollo de la interfaz de Acogavi, así como las herramientas usadas y lo que hemos aprendido. Se puede encontrar en: https://github.com/daviyisu/DIU21/blob/master/P3/Práctica%203%20-%20DIU%20Case%20Study.pdf

Paso 4. Evaluación

Método UX 4.a Caso asignado

El prototipo asignado es eatgr, una aplicación web basada en el turismo culinaro en Granada, donde los usuarios podrán tanto acceder a la información sobre distintos bares granadinos, como planear una ruta o valorar dichos bares. El enlace a su github puede ser encontrado aquí

Método UX 4.b User Testing

Las 8 personas que respondieron las encuestas distribuidas por las redes sociales.

Usuarios Sexo/Edad Ocupación Exp.TIC Personalidad Plataforma TestA/B
Anon 1 H / 15-30 Estudiante Avanzado Introvertido Windows y Android A
Anon 2 H / 15-30 En paro Avanzado Emocional Windows y Android A
Anon 3 M / 15-30 Estudiante Avanzado Alegre  Windows y Android A
Anon 4 H / 45-60 Técnico Administración Especial Intermedio Racional  Windows y Android A
Anon 5 H / 15-30 Vigilante de Seguridad Avanzado Emocional  Android B
Anon 6 M / 15-30 Estudiante Avanzado Introvertido  Android B
Anon 7 M / 15-30 Estudiante Avanzado Emocional  Windows, Android e IOS B
Anon 8 M / 15-30 Estudiante de Ingeniería Informática Avanzado Introvertido  MAC y Android B

Método UX. 4.c Cuestionario SUS

En la tabla que vemos abajo tenemos los resultados del cuestionario SUS de 8 personas. 4 para el prototipo A y 4 para el B.

alt text

Como vemos en general los resultados han sido bastante positivos pero se puede percibir que el prototipo B ha conseguido mejores resultados.

Método UX 4.d Usability Report

El report de usabilidad del prototipo B puede ser encontrado aquí

Valoración personal