User Interface

En este séptimo módulo se ha trabajado la teoría relacionada con el diseño de la UI (User Interface). Es el momento dar vida a los prototipos de baja fidelidad con los cambios UX con nuestro diseño final y actualizar el prototipo antiguo con las conclusiones extraídas en el módulo de test.

Principalmente el módulo se ha basado en determinar unas historias de usuario, que mostraran unos flujos concretos para realizar los diseños finales de esas pantallas. Se han realizado dos historias, y principalmente se basan en las dos principales funciones que tiene la página reservar y contactar.

En las clases teóricas realizamos las historias de usuario y se nos explicaron los conceptos de Percepción y teoría de la visión, Gramática de la visión, Dirección de arte, Técnicas de creatividad, Composición, Color, Tipografía, Legibilidad, Iconografía, Elementos gráficos y Representación de la información. A través de estos, se pensó el primer esbozo de cómo sería nuestra idea de guía de estilo del rediseño web.

El look and feel que tiene la versión original de Vive Barcelona era correcto aun asemejándose bastante a la competencia (Airbnb). Aún así hacía falta un toque más personal y distintivo porque se podían confundir ambos productos y prestan servicios diferentes.

A nivel de estructuración de la página también hemos realizado cambios en base al prototipo de Axure ya que con las conclusiones extraídas de los tests pudimos contrastar algunos cambios que eran buenos pero vimos que otros no lo eran tanto. Esto nos llevó a realizar casi una página única con todo el contenido. No necesitábamos marear al usuario con muchas subpáginas o estructuras complicadas cuando es un servicio tan sencillo como informar que y cómo se está haciendo y reservar el piso deseado.

Finalmente, lo que hemos obtenido es una web con un diseño y estructura que recuerda al anterior pero con aire más personal y distintivo que el anterior que recordaba demasiado a Airbnb. En la página inicial se muestra cuál es el servicio que se vende, que pisos hay disponibles en ese momento, poder ver todos los pisos con diferentes filtrados, que ventajas hay y cómo contactar. Las únicas páginas extras que hay son las de detalle de cada apartamento, otra con el listado de todas las ventajas que proporciona Vive Barcelona, reserva y registro. Esto facilita la navegación del usuario en gran medida y evita confusión en su uso. En conclusión, estamos bastante satisfechos con los cambios de diseño y estructura de esta versión desktop final.