DIU20

Prácticas Diseño Interfaces de Usuario 2019-20 (Economía Colaborativa)

Grupo: DIU2_Mumavi. Curso: 2019/20

Proyecto: Aplicación de buscar piso definitiva

Descripción: En este trabajo se va a buscar diseñar una aplicación de búsqueda de pisos para compartir mejorando las que existen hoy en día

Logotipo:

Miembros

• 👤 Francisco Javier Casado de Amezúa García
• 👤 Miguel Muñoz Molina

---

Proceso de Diseño

Paso 1. UX Desk Research & Analisis

1.a Competitive Analysis

Tras analizar aplicaciones como Coachsurfing Travel, Splitwise, PisoCompartido o Badi decidimos optar por la última debido a que, a nuestro parecer, era la que ofrecía el servicio de mayor calidad.

1.b Persona

• Erika: en el registro se debía elegir entre género chico/chica, lo que puede ocasionar problemas de convivencia para personas como Erika. Además, solucionar el problema que esta Persona encuentra es sencillo, barato y tiene un gran impacto.

• Evaristo: es común entre personas mayores buscar compañía con la que vivir; además, habitualmente, las personas de edad avanzada tienen problemas al usar aplicaciones con interfaces de usuario mejorables.

1.c User Journey Map

• Erika: nuestra inspiración para crear a Erika fue imaginar la situación que podría ocurrir cuando alguien con este perfil utiliza la aplicación, y eso es lo representado en el journey map. A más personas no se identifiquen con los dos géneros clásicos, más habitual se volvería.

• Evaristo: para crear el journey map de Evaristo nos fijamos en que el tutorial disponible en la página es muy pobre, algo que puede provocar que usuarios poco experimentados como él pierdan tiempo y ganas de utilizarla. Es una situación muy común hoy en día.

1.d Usability Review

• Enlace al documento:
• Valoración final (numérica): 85
• Comentario sobre la valoración: En general, nuestra valoración de Badi ha sido positiva. Destaca su fácil uso y minimalista interfaz, aunque ésta es a la vez su mayor defecto.

Paso 2. UX Design

2.a Feedback Capture Grid

Con FHome queremos implementar nuevas ideas basadas en el estudio que se ha realizado en este documento que incluyen búsqueda inteligente de pisos, uso de heurísticas para mejorar la experiencia de usuario y mejoras generales en la calidad de la experiencia de cada cliente.

El Feedback Capture Grid utilizado para encontrar problemas, sugerencias y nuevas ideas se encuentra disponible

2.b Tasks & Sitemap

• TASKS: Las tareas encontradas pueden verse Se han implementado todas las tareas en los Wireframes de la sección 2.d de este documento.

• SITEMAP: El sitemap puede verse

Leyenda Las flechas direccionales implican navegación entre los elementos conectados en la dirección que marca la punta. Las flechas discontinuas implican compartición automática de información: por ejemplo, la información del perfil del anunciante de un piso está disponible al visitar el piso que ha visitado

2.c Labelling

El labelling está disponible

Con este labelling nuestro objetivo es dar un identificador único a cada vista de la aplicación, con la finalidad de facilitar el trabajo de desarrollo e internacionalización del producto. Hemos optado por identificadores comunes y fáciles de reconocer, para facilitar la comunicación entre los miembros del equipo de desarrollo.

2.d Wireframes

Los wireframes pueden verse

Paso 3. Mi equipo UX-Case Study

3.a ¿Como se cuenta un UX-Case Study?

Los métodos UX que destacan entre los utilizados por MuseMap son su Competitive Analysis y su Affinity Map, que han sido fundamentales en el desarrollo del producto. En cambio, creemos que podrían haber incorporado un Usability Review de alguno de sus competidores más directos, así como añadido una sección de Labelling que, junto a su Sitemap, habría aclarado la funcionalidad de cada una de las vistas de su producto.

3.b Logotipo

Hemos utilizado Photoshop Portable CS8 para realizar el logotipo, con la idea de hacerlo lo más simple pero reconocible a simple vista posible. Por este motivo hemos utilizado una paleta de colores muy reducida y añadido a la H un grafismo para hacerla similar a una casa.

3.c Guidelines

Para el estilo de interfaz de nuestra aplicación hemos utilizado una gama de colores minimalista y una fuente moderna y clara.

3.d Video

El vídeo se encuentra disponible en el siguiente enlace: (https://www.youtube.com/watch?v=qQBUKe2nYXc)

Paso 4. Evaluación

Este paso puede encontrarse, con mayor nivel de detalle, en su readme asociado.

4.a Casos asignados

Se ha añadido un comentario personalizado para cada uno de los trabajos que nos han sido asignados; están disponibles en el documento readme de la práctica, en la sección 4.a. Los casos que hemos analizado son:

• DIU1.ODAKACI: (https://github.com/cmartin-moreno/DIU20)

Enlace a la valoración según rúbrica:

• DIU2.Ortega-Y-Gasset: (https://github.com/romanlarrosa/DIU20)

Enlace a la valoración según rúbrica: ()

• DIU3.Manduka: (https://github.com/alexhzr/DIUManduka)

Enlace a la valoración según rúbrica:

4.b User Testing

• DIU1.ODAKACI

Hemos elegido a Evaristo para este caso.

• DIU2.Ortega-Y-Gasset

Para analizar la experiencia de usuario con esta aplicación hemos elegido a nuestra persona Erika.

• DIU3.Manduka

Hemos elegido a Evaristo para llevar a cabo la valoración en este caso.

. 4.c Ranking

• DIU2.Ortega-Y-Gasset -> 86 puntos

• DIU1.ODAKACI -> 80 puntos

• DIU3.Manduka -> 54 puntos