wikichaves

Análisis y rediseño de Livra.com

27/03/2009 | Livra + Usabilidad

Resumen

Livra es una comunidad donde los usuarios pueden buscar reseñas (reviews), leer opiniones de otros usuarios y dejar su propia opinión sobre productos, servicios, comidas, etc. Además Livra te invita a completar encuestas online y así participar en sorteos por premios.

El objetivo del siguiente análisis y posterior rediseño funcional es mejorar la usabilidad del sitio mediante:

1. Revisión de la arquitectura de la información,
2. Reorganización de los elementos,
3. Rediseño de interfaz a una más simple e intuitiva.

Durante la etapa de análisis, hice preguntas a 10 usuarios (que no conocían el sitio) por separado, de entre 17 y 59 años sobre la aspectos funcionales y contenidos de la homepage del sitio. Pregunté sobre el layout y funciones generales y luego específicamente sobre cada uno de los elementos (header, spot, módulos, etc).

En base a las opiniones de los usuarios y mi propia experiencia, elaboré una lista de recomendaciones para un rediseño funcional (que describo más abajo) acompañado de una nueva propuesta de interfaz gráfica .

1) Análisis de Livra.com (antes)

Aprovechando el desconocimiento de los usuarios y buscando espontaneidad en las respuestas, pregunté transcurridos los primeros 5 segundos “¿Para qué te parece que sirve el sitio ?” Sorprendentemente, la mayoría de los usuarios lo relacionaron con sitios de encuentros amorosos. Luego dejé que el usuario analice el sitio con más detenimiento y volví a consultar. De los comentarios de una segunda lectura, se destacan las palabras opiniones, foro, blog, reviews, compras, tecnología.

Una vez finalizado el análisis general, consulté sobre cada uno de sus elementos:

• Logo: La mayoría de los consultados dijeron que el logo simboliza 2 personas, hombre y mujer, tomados de la mano. Otras apreciaciones fueron intercambio, flechas.
• Menú de registro/login: La mayoría de los consultados tuvieron dudas sobre la palabra “Identificarse“, respondiendo “Supongo que es como un login”. La respuesta refleja cierta duda.
• Menú de navegación: Ante la pregunta “¿Qué esperás encontrar dentro de cada sección?” No hubo grandes problemas en describir los posibles contenidos de cada sección, salvo el caso de Picks. Ninguno de los consultados pudo describir correctamente qué podían encontrar dentro de dicha sección. Algunas respuestas fueron, “fotos”, “los elegidos”, “el top 10″.
• Banner:
  - Texto: La mayoría de los usuarios consideró que el texto tiene una longitud adecuada, aunque comentó que es un poco confuso y poco creíble. “Si yo opino que el control de la Playstation es malo, ¿realmente llega?”, “Si tuviese los logos de las empresas, tipo Microsoft, Sony, etc, sería más serio, creería más”. Luego de leer el texto minuciosamente les preguntaba “¿Cómo podés ganarte los premios?“. Las respuestas no fueron nada contundentes: “Supongo que con las encuestas”, “No sé, no lo había ni registrado”, “¿Qué premios?”. Ninguno de los usuarios tuvo dudas en dónde clickear para registrarte, incluso un usuario destacó como positivo que el botón de “Registrate” estuviese más destacado. Hubo ciertas dudas sobre el qué significaba el título “Tomate el tour“.
  – Imagen Ilustrativa: El 50% de los usuarios tuvo problemas para identificar qué representaba la imagen y su relación con los corazones. “No se qué son los corazones”, “Acá no puedo hacer click, yo quisiera entrar”
• Estadísticas: Si bien la gran mayoría de los usuarios vieron positivos los números estadísticos, varios destacaron que éstos “no son muy creíbles” ya que denominan cifras exactas. Un usuario incluso advirtió que si bien los números son alentadores, si hacemos la división de opiniones por productos, nos da un promedio de 2 opiniones por cada producto cargado, lo cual no es muy alentador. Dos usuarios reclamaron la falta de una cifra de cantidad de usuarios.
• Módulos:
  - Lo que más gusta: La mayoría de los usuarios tuvieron problemas en identificar qué eran los “productos” intangibles (besos, dormir en cucharita) ante la falta de un texto descriptivo.
  - Usuarios activos: Hubo cierta confusión sobre si los usuarios activos eran los que estaban conectados en ese momento, o si eran los usuarios que más participativos de la comunidad. Un comentario que se destaca fue “A mi me gustaría saber cuántos usuarios activos hay ahora, como en los foros”.
  - La comuidad responde: Si bien se entendió el mecanismo de pregunta/respuesta, los usuarios no entendían si las encuestas eran publicadas por usuarios o por un agente de Livra. Ante la pregunta “¿Con cual de los elementos del menú de navegación relacionarías éste módulo?” el 100% respondió “con encuestas“. Varios usuarios se quejaron porque (dependiendo que Pick tocase) no se leía el título completo (se cortaba).
• Footer: Por lo general no hubo grandes comentarios sobre el footer. Tres usuarios destacaron desconocer la palabra “geeks” y un usuario respondió que el link de “Reportá un problema” servía para denunciar agresiones, o problemas dentro de la comunidad.

2) Rediseño de Livra.com (después)

Teniendo en cuenta las opiniones de los usuarios y mi propia experiencia elaboré una lista de recomendaciones y un posterior rediseño funcional e interfaz gráfica

• Title/Favicon: Si bien no se les consultó a los usuarios sobre estos dos items, cosidero que el “Title” es demasiado extenso generando problemas en los buscadores (ejemplo, ver como se corta) y perdiendo el foco de la descripción de la comunidad. El “favicon” debería ser una síntesis del Logo, para generar rápido reconocimiento, y no una manzana que no tiene ningún vínculo aparente con el sitio.
• Logo: Creo que gran parte de la primera confusión de la funcionalidad del sitio como uno de relaciones amorosas, se debe a que el logo puede ser visto como un hombre y una mujer de la mano. Recomiendo rediseñarlo el ligeramente (no hay propuesta presentada), manteniendo la forma de flecha (intercambio) e incluso manteniendo las figuras humanas, y paleta de colores, pero desvinculado con el concepto de hombre/mujer y sobre todo de relación amorosa (tomados de la mano)
• Menú de registro/login: Se hicieron algunos ajustes en el menú. Se quitó texto innecesario, se cambió el título de “Identificarse” por uno más intuitivo, “Iniciar sesión”. Se agregó la posibilidad de contacto. Se agregó una pequeña flecha hacia abajo al país para que el usuario sepa de antemano que clickeándola, de desplegará un sub-menú (dropdown) de selección de países.
• Búsqueda: Darle mayor importancia al buscador, enriquece la experiencia de los usuarios que utilizan el sitio como servicio de búsquedas de opiniones y que no quieren perder tiempo. Sugerirle posibles búsquedas (mal llamados productos), soluciona parte de la confusión que puede tener un usuario inexperto ante la amplitud de posibles búsquedas a realizarse.
• Menú de navegación: Se continuó con el sistema de solapas para demarcar cada sección. Se agregó una solapa por detrás de la palabra “Inicio” que no tenía y confundía ligeramente al usuario. Se agregó el item Blog que estaba presente en el sitio pero de una forma poco accesible. Se agregaron flechas hacia abajo para desplegar sub-menús dentro de cada una de las secciones principales. Se repensaron los nombres de las secciones principales para ganar consistencia a lo largo del sitio.
  - Opiniones: Se accede a la parte antiguamente denominada “productos”. Dentro del sub-menú tenemos la posibilidad de “buscar productos”, “crear productos”, “categorías”, etc.
  - Encuestas: Contenería lo que antes era llamado Picks (muy confuso el nombre) y las encuestas propias de Livra.
  - Amigos: Para ganar consistencia a lo largo del sitio, se reemplazó el nombre de Gente, por Amigos.
• Banner: Se repensó el banner principal en un sistema más funcional hacia la explicación de la comunidad (reemplazando al Tour) con foco en los 3 puntos principales: Opiniones, encuestas y amigos. El funcionamiento sería que al cliquear en cada uno de los links internos, botones o el link de “siguiente”, el contenido se reemplaza por el seleccionado dentro del área mismo del banner (técnicamente recomiendo Javascript). En cuanto a los contenidos, el primer texto sintetiza el funcionamiento general de la comunidad. La imágen ilustra el funcionamiento de la sección. Cada uno de los links, te lleva a un siguiente paso donde te explica en detalle las diferentes secciones principales, cómo buscar opiniones, cómo completar encuestas y ganar premios y cómo participar de la comunidad. El botón de regístrate mantien su ubicación y presencia dentro de los 4 pasos. Se usó el verde que se vincula con un concepto positivo, en vez del antiguo naranja que se asemejaba con el rojo (negativo).
• Estadísticas: Las cifras estadísticas serán actualizadas cada vez que el usuario refresque la página para darle mayor credibilidad. Se agregó también el número de usuarios de la comunidad.
• Actividad de la comunidad: Este área reemplazaría a “usuarios activos”. Sería de funcionamiento similar a la actual “actividad de usuarios” pero con la actividad de todos los usuarios recientemente activos.
• Módulos: Los módulos serían todos de un tamaño fijo, de fácil manipuleo y rotación.
  - Opiniones de usuarios: Este módulo despliega opiniones resumidas de usuarios. El módulo tiene foto, título, usuario editor, calificación y reseña sobre un item (producto, servicio, lugar, etc). Se invita a los usarios a continuar viendo más opiniones, registrarse para opinar o enviar a un amigo.
  - Mini-encuestas: Este módulo es similar a “La comunidad responde” focalizando el título en los usuarios y con más espacio para el título de la mini-encuestas. Se invita a los usuarios a continuar viendo más mini-encuestas, registrarse para opinar o enviar a un amigo.
• Footer:Se simplficó en footer en una línea. Se cambió el título de “Reportá un problema” por “Reportá un error en el sitio”. Se reemplazó el título “Built” por “última actualización”.

Futentes externas: Logo de Livra avatares e íconos de actividad de Livra.com | Ilustración en banner de Inmagine | Iconos en banner de Campaign Monitor