Publicat per

M · Evaluación de la Usabilidad · PEC II · Evaluación Heurística

Representación de la usabilidad a través de gifs y capturas de pantalla

 

“Some people use usability to refer to the practice of testing designs with representative users. For others, it means adopting a very specific development methodology. But every approach to usability seeks to make products easier to use.”

Jesse James Garret, The elements of User Experience: User-centred Design for the web

INTRODUCCIÓN


Análisis Heurístico de una interfaz digital

Este artículo trata sobre el análisis de la usabilidad de una plataforma ya existente. En este caso se trata de la página web de Goodreads. Para los que no la conocen, Goodreads es una plataforma enfocada en los libros disponiendo de diferentes fines, con sus raíces en Estados Unidos.

A través de los años se ha popularizado internacionalmente llegando en 2019 a 90 millones de personas registradas. Pese a esta inmensa acogida a nivel mundial de la plataforma, algunas de sus funcionalidades siguen disponibles solo para los Estados Unidos.

Algunas de las funcionalidades de Goodreads son: buscar libros, leer y dejar reseñas, ver lo que han leído amigos que también están en la plataforma, leer principios de libro escritos por autores novatos, apuntar libros que el usuarios quiere leer, ya sean estos relacionados con el ámbito personal o profesional, o llevar un control de aquellos libros que el usuario ha leido ya.

¿Por qué esta interfaz?

Giff of a small girl reading and laughing.

Soy una gran amante de la lectura desde que tengo memoria y Goodreads es una de las páginas a las que más acedo durante mi día a día. Ya sea para descubrir nuevos libros para leer en mi tiempo libre, para leer artículos escritos por los propios autores o ver publicaciones que me interesan del ambito profesional en video (los autores las han enlazado con otras plataformas: youtube, vimeo, etc..) u otros formatos, no hay día en la que no entre y no me encuentre con alguna dificultad.

METODOLOGÍA


Para llevar a cabo este proceso de investigación de la interfaz digital Goodreads se ha optado por la lista de las heurísticas de Jakob Nilson:

10 Usability Heuristics for User Interface Design
10 Nielsen Norman Group · Usability Heuristics for User Interface Design

A la hora de definir la gravedad de los hallazgos y las soluciones se han tenido en cuenta los siguientes 3 niveles de gravedad:
• La frecuencia con la que ocurre el problema: ¿es frecuente o no?
• El impacto del problema: ¿los usuarios pueden superarlo fácilmente o no?
• La persistencia del problema: ¿se resuelve inmediatamente o reaparece a lo largo del uso?

 

Para evaluar estos hallazgos encontrados se ha definido el siguiente codigo:

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                Baja

PERSISTENCIA             Alta                    Media                Baja

* Desactivado: Baja

 

HEURÍSTICAS DE JAKOB NIELSEN


Visibilidad del estado del sistema


BUENA PRACTICA

El usuario en algunas páginas puede ver con facilidad donde está ubicado dentro de la página web, ya sea a través de un subrayado de bajo de la categoría o con la ayuda de un título. Esto ayuda al usuario a ubicarse dentro de la web sabiendo en todo momento donde está haciendo su taréa muy facil a la hora de navegar a través de las páginas. Igual que este errizo que surfea feliz con su helado a través de diferentes pestañas de google en bucle.

giff

También se puede identificar la existencia de una forma de mostrar el progreso de los usuarios al leer un libro. Este progreso se puede añadir en porcentaje del libro leído o en número de páginas leídas. La página utiliza el mismo diseño para mostrar el porcentaje de avance del usuario en el caso en el que tenga una meta de lecturas fijadas para el año en curso. Es como los increibles abrazos virtuales que recibimos y tuvimos que esperar a que se carguen durante la pandemia covid 19.

giff

MALA PRACTICA


Durante la navegación, en algunos apartados como Home o Browse, el usuario se pierde debido a que no existe ningún indicador de la página de donde está. Seguramente el usuario de Godreads en este punto se siente como Hänsel y Gretel en el cuento de los Hermanos Grimm cuando los pajaritos se comieron sus migas y ya no encontraron el camino de vuelta a casa. El problema es que este error solo aparece en algunas de las páginas de la navegación.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

giff

 

 

Cualquier libro añadido por un usuario a sus listas (por defecto Read y Want to Read, pero el usuario se puede crear las listas que quiera, por ejemplo: ux, crimen, diseño, etc) es visible para todos los demás amigos de la plataforma, lo que puede llegar a ser muy molesto para estos ultimos al añadir muchos libros a la vez en algunas de las listas.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

giff

 

Adecuación entre el sistema y el mundo real


BUENA PRACTICA


Podemos  observar como muchas de las tareas que el usuario puede llegar a hacer en la página de Goodreads tienen una correcta correlación con el modelo mental del usuario. Algunos de los ejemplos que encontramos son relacionados con la iconografía o incluso con el tono de voz con el que la plataforma se comunica con el usuario. Asímismo, nos encontramos con el termino “estanteria” (shelf) que le recuerda al usuario a como ordena los libros en el mundo real, pudiendo hacer lalgo similar en este apartado en la página.

giff

MALA PRACTICA

Pese a que a través del modelo mental esta página se comunica de forma perfecta, sigue siendo un problema el que la página no esté accesible en otros idiomas por lo que no se comunica en el idioma de todos los usuarios. Se considera que esté punto es una desventaja tanto desde el punto de vista de la usabilidad como de la accesibilidad de los usuarios.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

giff

 

Asimismo, la distribución del contenido dentro de las diferentes páginas de la plataforma es un poco caótico. Recordemos que el usuario no es Marie Kondo, una persona a la que le encanta el desorden, sino más bien es una persona que escanea el contenido en busca de la información que necesita. Por ejemplo, el estado del avance de lectura se actualiza desde “Home” siendo una cosa más bien de cada uno de los usuarios y quizás sería más accesible encontrar su ubicación en el mismo perfil personal. En algunas paginas las opciones de personalización o menús dentro de la pagina están a la derecha y en otras página a la izquierda, lo que hace que el usuario las este buscando todo el rato.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

giff

Por ultimo, se han encontrado estos términos pueden llegar a ser confusos:

  • Utilización del termino “Ask” en un botón para preguntar a los autores a través de un comentario de texto sobre sus libros. Al no ser una terminología estandarizada para un botón llega a los usuarios a la confusión cuando hubiese sido mucho más fácil “deja una pregunta” o “comenta”
  • “Browser” (“Navegación” en español) se ha utilizado para apartados que parece que nos les cuadraban a la hora de hacer la Arquitectura de la Información en ninguna de las otras categorías.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

 

Libertad y control por parte de la persona usuaria


BUENA PRACTICA

Una de las ventajas de las que dispone el usuario en cuanto a control de lo que hace dentro de la aplicación es la posibilidad de ver solo el contenido de sus amigos, de los que sigue o de toda la comunidad. Disponer de esta posibilidad hace que el usuario se pueda centrar en el contenido que le interesa o poder explorar y descubrir contenido que hasta entonces no tenia a su alcance.

También en este apartado me gustaría mencionar otro ejemplo identificado. Si un usuario de Goodreads busca un libro que n está en la base de datos de la plataforma, dispone de las opciones Añadir libro de forma manual o Importar libro lo que me parece realmente muy útil. Por ejemplo, si un usuario encuentra un libro nuevo pero que solo ha sido lanzado en algunos paises y que no está traducido a ingles, lo puede añadir sin ningún problema para tenerlo en las “estanterias virtuales” de la plataforma.

MALA PRACTICA

Los usuarios no disponen de la opción de mantener en privado los libros que añaden a sus listas de lectura, lo que es tanto un inconveniente para la privacidad de los usuarios, como para las personas que lo siguen (en el caso de tenerlo activado) debido a las notificaciones.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

Consistencia y estándares


BUENA PRACTICA

Se identifica buena coherencia y cumplimiento de estandares en cuanto a iconografía, colores y tipografía.

MALA PRACTICA

Una mala practica de este principio de usabilidad es el hecho de que el progreso de un libro en Estados Unidos es automatizado al disponer de un Kindle. Sin embargo, si el usuario cambia de ubicación fuera de dicho territorio, la actualización del proceso de lectura se tiene que hacer de forma manual. Se considera que hay un error en cuanto a consistencia en la visibilidad del estado del sistema en función de la ubicación de los usuarios.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

También disponen de otros apartados que son accesibles desde otras ubicaciones fuera de Estados Unidos sin embargo, no estan activadas. Generalmente el usuario entra sin saberlo y le avisan que está desactivado solo después de haber hecho varios clicks en el menu para llegar a la página en concreto, lo que lleva a que se frustre. Uno de los ejemplos puede ser la subcategoria Giveaway de dentro de Browse.

 

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alto                    Medio                 Bajo

PERSISTENCIA             Alta                    Media                 Baja

giff

En cuanto a estructura de páginas, se ha detectado que la página de Home dispone de scroll lo que no cuadra para nada con el resto de las páginas.Debido a este cambio, lo que busca habitualmente el usuario en el footer ha sido trasladado en el lateral derecho, lo que es un poco confuso teniendo en cuenta que en las demás páginas si que está en la parte inferior.

 

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

 

Prevención de errores


BUENA PRACTICA

En el caso en el que los errores que puede cometer el usuario pueden llegar a ser criticos, la plataforma informa con un doble check preguntando si realmente se desea seguir con el proceso.

MALA PRACTICA

No existe ninguna forma de prevenir al usuario de que está añadiendo sin querer un libro en una categoría que no quiere. Por ejemplo, si la ultima vez que he añadido un libro en la lista Want to read lo he añadido también en la que tengo llamada UX, la proxima vez que ponga un libro en la lista Want to read va a añadirse de forma automatica a la de UX y el sistema no me va a avisar de ello. Esta podría ser una de las razónes por las que los usuarios no suelen utilizar las listas más que las tres que vienen por defecto.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

 

Reconocimiento antes que recuerdo


BUENA PRACTICA

Algunos elementos que pueden ser reconocidos por el usuario a una simple vista son la iconografía, los botones, la jerarquía y la mayoría de la nomenclatura. Al disponer de este sistema el usuario no tiene que retener la información para un largo periodo de tiempo, haciendo su navegación mucho más eficaz.

MALA PRACTICA

A los usuarios en general no les gusta tener que aprender cosas nuevas para saber como funciona un sistema, aún menos cuando tienen que aprenderlo leyendo. El hecho de que Goodreads este disponible solo en ingles, disponga de pocas representaciones graficas en su navegación y algunas de las nomenclaturas sean dificiles de comprender por el usuario hacen que la carga de la memoria sea bastante elevada, lo que lleva que el usuario termine su navegación batsante saturado

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

 

Flexibilidad y eficiencia en el uso


BUENA PRACTICA

 

Dentro de la plataforma se puede llegar de forma muy facil a un mismo sitio siguiendo atajos, siendo estos generalmente conocidos solo por usuarios más expertos. Uno de los ejemplos que encontramos es acceder a las listas de los libros desde tres puntos diferentes. Esto sucede también con otras opciones como pueden ser las categorias de los libros.

MALA PRACTICA

 

Un apartado de esta plataforma en el que considero que este principio de usabilidad fracasa es en los clubs de lectura. Es un apartado en el que predomina el texto y no se dispone casi de flexibilidad como podría ser destacar o fijar un mensaje para que predomine, añadir otro tipo de contenido que no sea texto u otras funcionalidades que podrian llegar a ser de gran utilidad para los usuarios.

 

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

Diseño estético y minimalista


BUENA PRACTICA

Goodreads dispone de un diseño estetico debido a su jerrarquía visual y al sistema de colores que utiliza. Observaremos que su minimalismo destaca solo en algunos apartados como en el de Amigos o Frases.

MALA PRACTICA

En general al diseño de la plataforma le falta disponer de más espacio negativo gracias al que el contenido pueda ser procesado y digerido por el usuario. Esto hace que la percepción del diseño sea cargada y quizás incluso aestetica.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

 

Reconocer y diagnosticar los errores y a recuperarse


MALA PRACTICA

Se ha probado a enviar un mensaje a través de la plataforma para poder así ver si el sistema previene los errores. Tras enviar el mensaje se ha descubierto que la lataforma no destaca ninguna opción para deshacer el mensaje, pero si existe la opción de Borrar. Lo que no queda claro es si al borrar el mensaje se elimina tanto del emisor como del receptor o solo del usuario que lo ha borrado. Tras probar borrarlo y preguntar al destinatario del mensaje si se ha borrado o no la conversación por su lado la respuesta ha sido negativa. Además, al borrar el mensaje, el aviso que ha salido para notificarme si estaba segura de borrar el mensaje no sa sido para nada preciso, sino más bien muy general. Debido a eso, considero que este principio de usabilidad fracasa.

FRECUENCIA                 Alta                    Media                Baja

IMPACTO                        Alta                    Media                 Baja

PERSISTENCIA             Alta                    Media                 Baja

 

Ayuda y documentación


BUENA PRACTICA

La página web dispone de un apartado de Ayuda a través del que los usuarios pueden encontrar información relevante para comprender mejor la navegación dentro de toda la plataforma. Este apartado es accesible desde todas las paginas de la plataforma. Además, goodreads dispone a través de todo el trascurso de la interacción de guía para que el usuario comprenda tanto la nomenclatura cono el uso de cada una de las categorias.

 

BIBLIOGRAFÍA


Goodreads, Aplicación analizada, Link: https://www.goodreads.com/

Stadista, Number of registred members on Goodreads from May 2011 to July 2019, Link: https://www.statista.com/statistics/252986/number-of-registered-members-on-goodreadscom/

Membrives, J., & Tesconi, S. (. (s.f.). 4. La evaluación de la usabilidad sin personas usuarias, Universitat Oberta de Catalunya, Cuaderno de evaluación de la usabilidad. Link http://quadern-usabilitat.recursos.uoc.edu/es/4-1-introduccion/

Nielsen, J. (15 de Noviembre de 2020), 10 Usability Heuristics for User Interface Design, Nielsen Norman Group, Link: https://www.nngroup.com/articles/ten-usability-heuristics/

Garrett, J. J. (2011). The elements of user experience: User-centered design for the Web and beyond, Cap: The Strategy Plane, Subcap. Usability and User research, Página 50.

Los gifs utilizados son provenientes de giphy, Link: https://giphy.com/

 


Gracias por leer hasta aquí. Cualquier feedback y/o sugerencias son más que bienvenidas así que no dudes en dejar tus pensamientos en un comentario.

Debat0el M · Evaluación de la Usabilidad · PEC II · Evaluación Heurística

Deixa un comentari