/DIU20

Prácticas Diseño Interfaces de Usuario 2019-20

Primary LanguageJavaScriptMIT LicenseMIT

DIU20

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

Grupo: DIU2_Mjölnir. Curso: 2019/20

Proyecto:

App para Compartetupiso

Descripción:

Es una aplicación movil que comparte funciones con la página web de Compartetupiso.com y añade algunas como el chat de soporte o el foro.

Logotipo:

(Se mantendría el original)

Miembros

  • 👤 Darío Megías Guerrero :octocat:

En esta práctica estudiaremos un caso de plataforma de economía colaborativa y realizaremos una propuesta para su diseño Web/movil. Utilizaremos herramientas y entregables descritos en el siguiente CheckList (https://github.com/mgea/UX-DIU-Checklist) Elimine este texto desde la práctica 1

Qué es economia colaborativa: Martínez-Polo, J. (2019). El fenómeno del consumo colaborativo: del intercambio de bienes y servicios a la economía de las plataformas, Sphera Publica, 1(19), 24-46. http://sphera.ucam.edu/index.php/sphera-01/article/view/363/14141434

Proceso de Diseño

Paso 1. UX Desk Research & Analisis

Método UX 1.a Competitive Analysis

Describe brevemente características de las aplicaciones que tienes asignadas, y por qué has elegido una de ellas (150-300 caracteres)

Nuestro grupo se encargará de analizar sitios web dedicados a la compartición de viviendas por diferentes métodos.

Yo he escogido compartetupiso.com simplemente porque me pareció la más bonita y más simple. Ofrecía algo diferente sin competencia directa y eso me atrajo. No he encontrado nada parecido con lo que compararla.

Método UX 1.b Persona

Comenta brevemente porqué has seleccionado a esas personas y sube una captura de pantalla de su ficha (80-150 caracteres)

Por un lado he escogido a Javier Roldán, un hombre de 45 años recién divorciado que necesita compañía.

Javier Cole

Por otro lado se me ha ocurrido el perfil de Alba Moreno, una joven con ganas de viajar pero poco dinero.

Alba Moreno

Para saber más sobre estas personas, vaya aquí

Método UX 1.c User Journey Map

Comenta brevemente porqué has escogido estas dos experiencias de usuario (y si consideras que son habituales) (80-150 caracteres)

Quería tener una mala experiencia que no dependiera directamente de la página.

Experiencia de Javier Cole

Y otra experiencia plenamente satisfactoria.

Experiencia de Alba Roldán

Método UX 1.d Usability Review

Revisión de usabilidad: (toma los siguientes documentos de referncia y verifica puntos de verificación de usabilidad

SE deben incluir claramente los siguientes elementos

  • Enlace al documento: Aquí
  • Valoración final (numérica): 80
  • Comentario sobre la valoración: Es una página sencilla, orientada a mostrar información y no a interactuar con ella. Por ello es capaz de mantenerse limpia y bonita.

Paso 2. UX Design

Método UX 2.a Feedback Capture Grid

Comenta con un diagrama los aspectos más destacados a modo de conclusion de la práctica anterior.

Interesante Críticas
Preguntas Nuevas ideas

El documento completo está aquí.

¿Que planteas como "propuesta de valor" para un nuevo diseño de aplicación para economia colaborativa ? (150-200 caracteres)

Una forma más directa de comunicación entre los propios usuarios ayuda a reforzar el concepto de comprtir y ayuda a los usuarios a crear una comunidad de la que formar parte

Método UX 2.b Tasks & Sitemap

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

Hemos querido hacer hincapié en que hay tareas que no se tenían en cuenta pero que realmente sí tienen peso. Las puedes ver en esta tabla Usuarios / Tareas.

En cuanto al sitemap, puedes verlo completo aquí.

Método UX 2.c Labelling

Identificar términos para diálogo con usuario

Término Significado
Login¿? acceder a plataforma

Se detalla en este documento.

Método UX 2.d Wireframes

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

Hemos hecho a mano una serie de bocetos lo-fi de las diferentes panatallas en formato aplicación móvil. Puedes verlos aquí.

Paso 3. Mi equipo UX-Case Study

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

Analizar lo aprendido de la experiencia MuseApp

Es un IX-Case Study muy completo elaborado por un equipo profesional con un objetivo claro en mente. Pero, ¿es quizá demasiado extenso? Esto pienso

Método UX 3.b Logotipo

El logotipo que ya ofrece la página me parece muy adecuado

Logotiopo Compartetupiso

Si diseña un logotipo, explique la herramienta utilizada y la resolución empleada. ¿Puede usar esta imagen como cabecera de Twitter, por ejemplo, o necesita otra?

Método UX 3.c Guidelines

El estilo de la página original es algo que quise conservar y mi meta es seguir un estilo similar

Tras documentarse, muestre las deciones tomadas sobre Patrones IU a usar para la fase siguiente de prototipado.

Método UX 3.d Video

Enlace al vídeo

Documente y resuma el diseño de su producto en forma de video de 90 segundos aprox

Paso 4. Evaluación

Método UX 4.a Casos asignados

Caso 1: Equipo MMM del grupo DIU-1

Son Ana María Romero Delgado y Juan Ocaña Valenzuela (aquí el GitHub de su proyecto).

Parten de la página Nomadizers para crear la app homónima.

La app trata de compartir experiencias de viaje y no sólo el viaje en sí.

Caso 2: Equipo Mumavi del grupo DIU-2

Son Francisco Javier Casado de Amezúa García y Miguel Muñoz Molina (aquí el GitHub de su proyecto).

Parten de Badi para crear FHome.

La app trata de compartir tu vivienda o parte de ella.

Caso 3: Equipo Lutece del grupo DIU-3

Son José Manuel Navarro Cuartero e Iván Valero Rodríguez (aquí el GitHub de su proyecto).

Parten de MeetUp para crear CountWithMe.

La app trata de compartir experiencias o eventos concretos.

Más información sobre cada uno de ellos en la carpeta P4

Método UX 4.b User Testing

He elegido a Alba de entre mis personas de usuario. En su historia encaja muy bien este tipo de aplicaciones y, con todas ellas, se lo ha pasado en grande.

Lee sus experiencias AQUÍ

Método UX. 4.c Ranking

Así han quedado las puntuaciones:

Equipo Puesto Puntuación Resultado
MMM 94/100 Excelente
Mumavi 95/100 Excelente
Lutece 90/100 Excelente

Conclusión y valoración sobre P4

En general me ha servido para aprender, para ver el diseño en sí con más perspectiva e ilusión y darle más importancia. Conclusión más extendida AQUÍ

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 final / Valoración de las prácticas

(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