El presente rediseño de la pantalla de resultado de búsqueda de Lan.com resultó de reflexiones realizadas al momento de enfrentarse como usuario a la pantalla y su información. Cabe señalar que no hubo un brief con necesidades u objetivos por lo cual estás reflexiones de usuario fueron tomadas como las necesidades que justifican el rediseño.

---

Fundamentos del rediseño

¿Qué función cumple la primera tabla presentada en la pantalla?

Esta fue la primera reflexión y pregunta, y también la más fundamental que sustenta el rediseño propuesto.

Al momento de de enfrentarse con la pantalla este primer grupo de información fue difícil de entender y relacionar con la tarea previa que se había ejecutado (buscar un vuelo para un destino y fecha específico).

Si bien estaba claro que era un listado en forma de matriz que me permitía comparar las diferentes opciones de tarifas que existían alrededor del día de ida y regreso previamente seleccionado, al escanear la pantalla completa no se encontraba relación con los listados que se mostraban más abajo, donde habían más precios y aparentemente más opciones. La tabla carecía de una descripción que ayudara a entender su función u aporte a la tarea que debía ejecutar en esa pantalla, que fundamentalmente es elegir la hora de vuelo de ida y regreso en relación a la tarifa que mas acomode.

Este punto fue el pilar del proceso de rediseño, el cual planteó la necesidad de presentar de forma más clara la posibilidad que tiene el usuario de acceder a una tarifa más barata si retrasa o adelanta el día de sus vuelos.

¡Mucha información!

Está fue la segunda reflexión que saltó al enfrentarse a la información.

Como se describe en el punto anterior, la sensación de que la matriz de tarifas era un grupo de información inconexo con lo que realmente se iba a realizar en esa pantalla surge la necesidad de poder lograr limpiar, reorganizar y jerarquizar de manera distinta la información con el objetivo de centrar la interacción en la elección del vuelo más barato en el día y hora que más acomode.

Necesito que me guíen

Esta fue la tercera reflexión.

En muchos grupos de información se sintió que faltaba una indicación más clara de qué es lo que el usuario debía ejecutar como tarea. Si bien no se pensó en la necesidad de párrafos con instrucciones, si era posible guiar la interacción con rótulos más claros.

---

Wireframes

Los wireframes a continuación muestran la solución desarrollada.

[full_width_image]

[/full_width_image]

---

[full_width_image]

[/full_width_image]

El objetivo principal para este rediseño es la necesidad de monetizar o rentabilizar el sitio, tratando de crear una plaza efectiva para el de avisaje y desde ahí obtener un suceso comercial. El desafío está en generar espacios donde el avisaje si sea viable y rentable para ambas partes: el sitio y el avisador.

Punto relevante es la generación de contenido más profesional y de peso. Para ello se conformará un staff de editores que aporten con artículos periódicos y de calidad.

La nueva estructura considera 3 pilares fundamentales:

• La comunidad: La Buena Vida ha logrado cautivar a más de 8.000 usuarios. La comunidad es el principal motor que da vida al sitio y que por derivación será quien le genere éxito comercial.
• Reseñas de editores invitados: Para el lanzamiento del nuevo sitio se espera integrar a editores más especializados en el mundo gastronómico para que aporten con contenido relevante y con una mirada más profesional.
• Restoranes: El gremio gastronómico en Chile posee un circuito cada vez más sólido y variado, por lo que la generación de contenido dentro y para La Buena Vida es un tema resuelto. Pero para ir más allá y generar un aporte, se generará un directorio de restoranes.

---

Definición y antecedentes para el proyecto

Objetivo

El objetivo principal del rediseño de La Buena Vida es rentabilizar el sitio a través de espacios publicitarios, lo cuales serán vendidos y desde ahí obtener un suceso comercial.

Definición del encargo

Hoy, el sitio de La Buena Vida es una robusta comunidad, la cual posee una gran masa de usuarios cautivos que constituyen una importante audiencia. La posibilidad de dirigirse a esta audiencia es algo que existe hoy en día, pero la dedicación y desarrollo estratégico de este posible diálogo no está explotado. Este antecedente es clave a la hora de definir la principal motivación del rediseño: Rentabilizar el sitio.

¿Por qué es clave? Porque el desgaste en posicionar el producto digital se puede obviar pues ya está hecho, y nos podemos enfocar en generar instancias publicitarias dentro del sitio asegurando que serán vistas por un gran número de personas.

Para llevar concretar el objetivo del rediseño se ha solicitado trabajar con la metodología de la Arquitectura de la Información, asegurando con esto que estos espacios publicitarios logren ser más eficaces desde el punto de vista de la interacción y usabilidad.

A través de la recopilación de antecedentes dentro de la disciplina y del esbozo de una estrategia digital, es que se definirán interfaces coherentes y que respeten las necesidades que los usuarios del sitio esperan satisfacer, es decir, la necesidad de informarse en un medio digital y conseguir información que antes no poseían. Pero además de permitir esto al usuario, el sitio ofrecerá publicidad de una forma transparente y no invasiva, tratando de asociarse al contexto de uso.

---

Antecedentes para el proyecto

Estadísticas

La Buena Vida es un espacio de colaboración abierto que ha ido creciendo con el tiempo y que actualmente reúne cuenta con alrededor de 8.200 usuarios registrados, 6.600 artículos y 24.500 comentarios. Además, consigue 180.000 visitas mensuales, 6.000 diarias y con 1.280.000 páginas vistas al mes, en donde el 88% de ellas proviene desde buscadores como Google.

Nuevo público objetivo

Dentro de los objetivos iniciales del rediseño de La Buena Vida estaba el ampliar su público objetivo, queriendo llegar a la gente que no necesariamente sale a comer pero que de igual forma gusta del “buen vivir” y que prefiere quedarse en casa y cocinar para el y los suyos. Este público fue descartado en esta etapa pues los contenidos que se generarían para satisfacer las necesidades de esta audiencia serán parte de una segunda fase dentro del rediseño del sitio.

---

Desarrollo del proyecto

La audiencia

Se define principalmente una tipología de usuario

[quote align=»alignleft» name=»Daniel Escobar, usuario de labuenavida.cl»]Me gusta contarle a la gente lo que hago y con eso incentivar el descubrimiento de nuevas cosas y lugares.[/quote]

Daniel Escobar
Director Creativo Digital en MRM

• 31 años, soltero.
• Licenciado en Diseño, Universidad Católica de Chile.
• Usuario avanzado de internet, redes sociales y servicios online.
• Usa internet extensivamente como medio y herramienta de trabajo.
  Daniel invierte la mayor parte de su tiempo diario en el trabajo utilizando internet, pues su trabajo está inmerso en el área de la comunicación en medios digitales. Para él, internet es fuente de inspiración y es fundamental como herramienta de trabajo a la hora de conocer el medio y lo que pasa en el mundo digital. Su estilo de vida y su status económico lo convierten en un sibarita y gustoso por las cosas placenteras.

Daniel invierte la mayor parte de su tiempo diario en el trabajo utilizando internet, pues su trabajo está inmerso en el área de la comunicación en medios digitales. Para él, internet es fuente de inspiración y es fundamental como herramienta de trabajo a la hora de conocer el medio y lo que pasa en el mundo digital. Su estilo de vida y su status económico lo convierten en un sibarita y gustoso por las cosas placenteras.

Objetivos del usuario

• Conocer y descubrir tendencias de estilo de vida de las personas y potenciales consumidores de productos.
• Interactuar intensivamente con el medio digital a través de redes sociales.
• Compartir a través de internet vivencias y conocer lo que otros hacen.

---

Índice de contenidos

Portada

La portada será un distribuidor del contenido total del sitio y cumplirá la función de revelar la nueva estructura de contenidos. Junto a esto, se hará un guiño a la actual interfaz a través de listado de reseñas de la comunidad, pero mejorando la entrega de su contenido.

Reseña de Restaurantes

La reseña de restaurantes será el espacio donde la comunidad y editores invitados publiquen artículos narrando su experiencia. Para navegar y buscar los contenidos dentro de esta sección se agruparan las críticas bajo los siguientes criterios, los cuales serán definidos por cada editor:

1. Tipo de comida: Tipo u ocasión a la que pertenece el restorán o plato criticado. Las categorías iniciales serán:
   • Bar, Cafeterías, Carnes, Cocina de Autor, Cocina Mediterránea, Cocina Molecular, Comida Alemana, Comida Arabe, Comida Chilena, Comida China, Comida Española, Comida Europea, Comida Francesa, Comida Fusion-Cool, Comida Gringa, Comida Internacional, Comida Italiana, Comida Japonesa, Comida Oriental, Comida Peruana, Comida Tailandesa, Comida Tex-Mex, Comida Vegetariana, Pescados y Mariscos, Picá.
2. Lugar: Lugar geográfico y/o país del restorán o plato criticado. Se deberá agrupar por zona geográfica (ej.: Centro), cuidad y comuna, cuando aplique.
3. Recomendaciones: Se podrá indicar la ocasión o motivo ideal para visitar el restorán criticado. Las categorías iniciales serán: Con futuro, Pero debe mejorar, Fin de semana, A domicilio, Francamente malo, No recomendable, Par ir todos los días, Para almorzar de Lunes a Viernes, Para almorzar el fin de semana, Para celebrar con los amigos/as, Para invitar a los suegros, Para ir con gusto, Para ir de a dos, Para ir de noche, Para ir de vez en cuando, Para ir en familia, Para que te vean, Propuesta interesante.

Directorio restaurantes

El directorio de restaurantes permitirá la consulta de locales a los cuales se pueda salir a comer.

La sección contempla un acotado sistema de búsqueda y filtrado del contenido, complementario al buscador transversal del sitio. Se deberá incluir filtros para buscar por precio, tipo de comida, ocasión.

La ficha de cada restaurante deberá contemplar el nombre del restaurante, dirección, url sitio web y número telefónico, dentro de los datos básicos. Cada restaurante tendrá una reseña y una calificación editorial.

Noticias

La sección de noticias estará destinada a otorgar información que sea distinta a las reseñas. Estas pueden ser comunicados de prensa, anuncio y promoción de eventos gastronómicos, etc.

---

Estrategia para los espacios publicitarios

Publicidad v/s contenidos en espacios de información

Antecedentes a partir de estudios de usabilidad

El año 2008 la empresa de estrategia y diseño para medios digitales Ayer Viernes publicó un estudio que tuvo como propósito el análisis de los comportamientos visuales de los usuarios frente a la publicidad y contenidos en medios de comunicación online.

El estudio se basó metodológicamente en el uso del Eyetracking, herramienta que permite monitorizar y registrar la forma en que un usuario está mirando determinado producto digital. Esta herramienta descubre cuáles son los puntos de interés, cuánto tiempo demora en fijar la mirada, de qué manera hace barrido visual y ayuda a determinar qué mira y qué ve cada usuario mientras está frente a una pantalla.

Complementariamente se hace uso de la información generada por otros estudios similares realizados por prestigiosas consultoras internacionales, entre ellas la empresa dirigida por Jakob Nielsen.

El año 2006, Jakob Nielsen planteó a través de estudios de eyetracking que los usuarios siguen un cierto comportamiento de lectura online, similar a una letra “F”.

A partir del análisis concluyó que:

• Los usuarios no leen un texto a fondo, una lectura profunda es muy poco probable.
• Los dos primeros párrafos deben contener la información más importante.

Por otra parte, un estudio de eyetracking realizado por el Poynter Institute concluyó que existen áreas de la pantalla que tienen más valor que otras. La zona “superior a la izquierda” que los usuarios identifican para comenzar su navegación, se encuentra justamente a la altura de la información que ellos están buscando. Es decir, esta zona de importancia comienza en los contenidos requeridos y no en el área donde específicamente se ubica la publicidad. De esta manera la animación publicitaria ubicada en esa posición es escasamente percibida por los usuarios y el valor que aparentemente debiera tener por su ubicación y tamaño, se traslada hacia los contenidos, que es donde realmente los usuarios desean comenzar a informarse.

En su estudio, Ayer Viernes testeó una página con diferentes banners en diferentes ubicaciones y logró medir el tiempo de fijación de los usuarios sobre estos banners. Se concluyó que la publicidad mas cercana al campo de atención de los usuarios en relación al contenido obtuvo una mayor fijación.

¿Qué podemos concluir a partir de los estudios?

Hay 2 puntos principales que se rescatan de los estudios mencionados y que tienen que ver con cómo se construye la interfaz para “albergar” publicidad y que esta logre cierto grado de fijación:

1. Los banners deben ubicarse cerca de los primeros párrafos.
2. La publicidad debe ubicarse dentro de las zonas de mayor valor en relación al contenido de interés que el usuario busca.

---

Soluciones aplicadas

Luego de conocer los diferentes antecedentes, requerimientos y buenas prácticas nacidas desde estudios de usabilidad, se logró configurar una propuesta de solución para el rediseño del sitio La Buena Vida.

Portada

La primera porción de la portada describe los principales contenidos del sitio. Junto a ellos, en el lado izquierdo se ubica el primer banner de publicidad, intentando estar cerca del contenido de mayor valor para el usuario.

---

Bajo los destacados se encuentra el listado de reseñas. Junto a el se encuentra el segundo banner.

---

En la última porción de la pantalla, cerca del footer se encuentran dos banners más.

---

Detalle reseña

En la página del detalle de cada reseña se ubicará un banner nuevamente en la posición mas cercana a los primero párrafos.

---

Al final de la pantalla se ubicará un banner al lado izquierdo de la zona de comentarios. Es banner, ubicado en el sidebar izquierdo, quedará fijo al hacer scroll y quedará visible durante toda la navegación por la información de los comentarios.

---

Directorio restaurantes

En la primera pantalla de la sección Directorio de restaurantes se encuentra un banner al lado izquierdo de las recomendaciones.

---

En la ficha de los restaurantes se ubicará un banner al lado izquierdo, cerca de los primeros párrafos.

---

Wireframes

Los wireframes a continuación muestran los templates más representativos de la solución desarrollada.

---

---

---

---