Skip to content
forked from mgea/DIU

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

License

Notifications You must be signed in to change notification settings

MigueCc99/DIU20

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DIU20

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

Grupo: DIU2. Curso: 2019/20

Proyecto: Plataformas de economía colaborativa. Experiencias de compartir alojamiento.

Descripción: estudio de varias plataformas de economía colaborativa (Web y App's) sobre diferentes modelos de negocio, en este caso abarcaremos experiencias de compartir alojamiento.

Logotipo:

Miembros

  • 👤 Miguel Ángel Campos Cubillas :octocat:

UX Case Study

Vivimos en un mundo que se encuentra en estado frenético, y nosotros como parte de el estamos en constante movimiento, cambios en todos los aspectos de nuestro ser. En muchas ocasiones nos encontramos con la necesidad de echar raices en otro lugar, o simplemente necesitamos desplazarnos durante un periodo de tiempo a una localización diferente.

Ahí es donde entra la siguiente pregunta, ¿Te gustaría encontrar el lugar perfecto para vivir?

Introducción

¿Cómo encuentro la mejor opción de alojamiento disponible?

Esta es la pregunta a la cuál queremos dar respuesta con este proyecto de diseño. El principal incentivo de este diseño de sistema es permitir a cualquier usuario encontrar el alojamiento ideal en un entorno familiar para evitar que llegue a plantearse la misma pregunta.

Objetivos

  • Estudiar varios nichos de negocio en el entorno del sector del alojamiento y generar una propuesta más atractiva de las existentes.
  • Generar un diseño limpio y eficiente en un entorno fácil de usar y con múltiples herramientas de búsqueda.
  • Ayudar en el plano social a la gente a encontrar ofertas de alojamiento afines a sus necesidades.

Esquema incial

Se han presentado esquemas genéricos como:

  • App móvil interactiva que permita el contacto social en el entorno de compartir alojamiento.

  • Plataforma web que proponga alternativas para incluir ofertas de alojamiento.

Estudio del contexto

Principalmente los usuarios que utilizan esta clase de sistemas, buscan una solución rápida y eficaz a su problema de búsqueda de alojamiento.

Los puntos clave son:

  • Variedad de filtros y opciones en los sistemas de búsqueda.
  • Contacto sistemático con el propietario del inmueble.
  • Información necesaria y fiel.
  • Facilidad y seguridad en pagos y acuerdos.
  • Navegabilidad sencilla y rápida por menus contextuales.

UX Desk Research & Analisis

Método UX Competitive Analysis

Para comenzar con el diseño del sistema de comparto de aplicaciones, deberemos estudiar el entorno competitivo en el que se encontrará la aplicación al salir al mercado.

Existen varios sistemas de comparto de alojamiento ya en funcionamiento en la red, con sus correspondientes estructuras web y de tipo app movil. En este análisis previo, vamos a discernir entre las funcionalidades genéricas y escoger la más afin a nuestro objetivo, la cuál seguiremos de ejemplo para no "reinventar la rueda" y crear una buena propuesta de valor en el futuro y dar un servicio correcto.

Las aplicaciones seleccionadas en este proceso de análisis de competencia se basan en plataformas que hacen de intermediario entre un usuarios que solicitan rentar alojamientos y usuarios que requieren alquilar sus propios bienes.

Basan su sistema en un portal de búsqueda por filtros (de búsqueda), lo cuál permite a los usuarios encontrar sus alojamientos según preferencias personales.

[Mostrar más sobre el: Análisis de Competencia]

Método UX Personas

Durante el proceso de creación de las personas, he decidido tomar la iniciativa de crear dos perfiles humanos muy divergentes con el motivo de poder explorar por experiencias de usuario desafiantes para el sistema. Esta decisión dará pie a explorar ramas del sistema que podemos no haber tenido en cuenta a la hora de pensar en los puntos clave de la funcionalidad del sistema.

Este punto es sumamente importante por lo previamente expuesto, ya que el hecho de crear perfiles potenciales de casos opuestos de usuarios del sistema, permitirá una adaptabilidad mayor, y con una calidad de diseño de calidad.

En primer lugar, tenemos un perfil de un hombre no adaptado a la tecnología que requiere del uso de una herramienta como la nuestra y se encuentra en una situación en la que requiere de ayuda externa. Por otra parte, el segundo perfil, lo ocupa una mujer adaptada a la comunidad tecnológica y con otras inquietudes muy dispares. Esto nos permite ahondar en detalles del sistema diagonales que no se podrían visualizar de manera conjunta

JOSE LUÍS TORRES

Método UX [Ver más sobre: Jose Luís]

JULIA RODRIGUEZ

Método UX [Ver más sobre: Julia]

Método UX User Journey Map

Estos User Journey Map representan dos escenarios en este caso, en los que un usuario podría interactuar con nuestro sistema, en resumidas cuentas evalua el estado emocional que estos usuarios sufren al pasar por las distintas etapas en las que este escenario los envuelve.

Los escenarios escogidos en los User Journey Map deben de ser fieles a las características de las personas que se encuentran afectadas por ellos, puesto que estos van a ser un gran indicativo de usabilidad del sistema.

El desarrollo del "mood" de los participantes, determinará la situación de nuestro sistema en el entorno y los escenarios cotidianos en los que entra en acción. Lo que pretendemos con estos User Journey Map es generar un buen "mood" en el cliente durante el proceso de uso del sistema en su entorno, pues en ese caso, favorecerá el uso del sistema de manera sistemática.

EXPERIENCIA DE USUARIO 1 (JOSE LUÍS TORRES)

Método UX [Ver más sobre: Experiencia de Usuario 1]

EXPERIENCIA DE USUARIO 2 (JULIA RODRIGUEZ)

Método UX [Ver más sobre: Experiencia de Usuario 2]

Método UX Usability Review

Revisión de usabilidad:

A la hora de tener en cuenta la capacidad de usabilidad que tiene nuestro sistema, hacemos uso del método estructurado llamado Usabitily Review, el cuál evalua el sistema en función de principios de usabilidad y su buena praxis.

Es una manera de poner a prueba de manera "teórica" un sistema tras haberlo sometido a pruebas "empíricas" con otras metodologías. Esto permite generar una aproximación de los puntos débiles del diseño y encontrar las partes a perfeccionar.

[Documento de revisión de usabilidad]

Valoración final (numérica):

  • 76

Según la valoración de la revisión de usabilidad podemos determinar que estamos ante un sistema que cumple correctamente con sus requerimientos principales. Tal es así que podría llegar a satisfacer a amplia gama de usuarios, sin embargo, tiene puntos importantes a mejorar. [Ver más]

Principalmente el sistema debería de ser más estructurado

UX Design

Método UX Feedback Capture Grid

Método UX

En este punto del sistema, tras la etapa de investigación y análisis del sistema, entra en juego el "Feedback Capture Grid". Este método es una manera estructurada de organizar el "feedback" que recogemos de la fase de investigación y análisis del sistema.

Es una forma de capturar el feedback en la etapa de diseño y en etapas posteriores en función de la experiencia de los usuarios.

[FeedBack Capture Grid]

Propuesta de Valor :

  • La propuesta de valor que propongo para nuestro proyecto es crear un entorno minimalista y conciso con gran adaptabilidad tanto para nuevos usuarios como experimentados. Además de esto generar un sitema de feedback entre los componentes del sistema. Esto se consigue conectando desde los stakeholders del sistema hasta los visitantes (usuarios no registrados) del mismo.

Método UX Tasks & Sitemap

En este punto del desarrollo del diseño, hacemos uso tanto de nuestra propuesta de valor como de la información registrada en nuestro feedback capture grid. De esta forma, construirmos tareas(tasks) nuevas que resolverán problemas de diseño previos y mejoraran la calidad del sistema y la relación de este con los usuarios. Estas tasks vendrán recogidas en una Task Matrix.

Método UX

[Task Matrix]

Método UX Labelling

A partir del diseño de nuestro sistema, hemos identificado los términos para diálogo con el usuario que mostrará nuestra interfaz de usuario. Para identificarlos adecuadamente deberemos describir su acción y su cometido. Es decir, lo que provoca a nivel sistema y a nivel de percepción del usuario sobre sus acciones. Para ello hemos desarrollado un Sitemap y propuesto un Labelling para sus elementos. Con esto generamos una organización lógica de la navegación y de los elementos de diseño de manera sólida.

  • SITEMAP:

Método UX

[Sitemap]

  • LABELLING:

Método UX

[Labelling]

Método UX Wireframes

El cometido de los wireframes es crear un diseño del layout para Web o Móvil en su defecto, de tal manera que se genere una simulación que nos permita organizar el layout final del sistema. Para ello hemos hecho uso de los Bocetos Lo_Fi.

[Bocetos Lo_Fi]

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 48.5%
  • HTML 35.0%
  • CSS 16.5%