Introducción:

Para el desarrollo de la PEC 2 voy a analizar la página web de Gigaset en base a las 10 heurísticas de Nielsen. Gigaset es una empresa de telecomunicaciones alemana, líder europea en la venta en teléfonos, smartphones y smart home. Analizare los flujos del proceso de compra, búsqueda de productos y proceso de pago.

Escogí esta web por que compré algunos de sus productos y aunque la página estéticamente se ve muy bien, tiene algunos problemas de interacción, por ejemplo: se debe realizar muchos clics y cambios de pantallas para realizar la compra o al regresar a un proceso anterior se pierde parte de la información ya realizada.

Metodología:

Como previamente lo indique, para este análisis voy a utilizar la evaluación heurística de Nielsen, la cual nos ayudara con sus 10 principios a detectar los errores de usabilidad de la página gigaset.com.

Los 10 principios componen mi checklist, con los cuales voy a inspeccionar los flujos del proceso de compra, búsqueda de productos y proceso de pago. Luego realizaré un listado de los resultados de los principios clasificándolos según su gravedad. Los parámetros para esta clasificación son:

– La frecuencia con la que ocurre el problema.
– El impacto del problema.
– La persistencia del problema.

Para finalizar realizaré un análisis desde una perspectiva de género e inclusión.

Los 10 principios heurísticos de Nielsen:

1. Visibilidad del estado del sistema.

Buena práctica: El usuario sabe en todo momento el estado del sistema. Se le informa qué ha buscado previamente y en qué parte del proceso de compra se encuentra.

2. Empate entre el sistema y el mundo real.

Mala práctica: La página de Gigaset esta traducida a muchos idiomas. Sin embargo, en la página en español existen muchas palabras en inglés. Si el usuario no habla el idioma no va a poder navegar de una manera óptima.

3. Control y libertad del usuario.

Buena práctica: El usuario puede eliminar productos de la lista de compras sin ningún aviso molesto.

4. Consistencia y estándares.

Mala práctica: Mala práctica: Al hacer clic en la categoría de una tienda online, el usuario está acostumbrado a que se muestre los productos que puede comprar. En la página de Gigaset al hacer clic en una categoría “Smartphones” te lleva a una landing page informativa y cuando haces clic en “Comprar teléfonos móviles” (que está escondido) te lleva a la página de los productos que puedes comprar.

5. Prevención de errores.

Buena práctica: El usuario recibe información oportuna de los campos que ha llenado mal o la información es incompleta.

6. Reconocimiento mejor que recuerdo.

Buena práctica: Indica al usuario los campos por los cuales se ha realizado una búsqueda. El usuario no necesita recordar estos datos.

7. Flexibilidad y eficiencia de uso.

Mala práctica: Al querer realizar el pago en cada paso aparece una ventana de comprobación de dirección. Dos veces tuve que confirmar la misma dirección. Estoy hace la interacción muy lenta.

8. Diseño estético y minimalista.

Buena práctica: EL diseño de la página es minimalista y el usuario puede encontrar los productos fácilmente. No existen elementos innecesarios o ruido visual.

9. Ayudar a reconocer, diagnosticar y recuperarse de errores.

Buena práctica: Los mensajes de erros son indicados con precisión y sugieren una solución.

10. Ayuda y documentación.

Mala práctica: La página no cuenta con un mapa del sitio web.

Luego de la evaluación heurística de Nielsen encontré 4 principios que no se cumplen y un 1 principio que se cumplen, pero tienen posibilidades de mejoras.

Listado priorizado según gravedad:

– Flexibilidad y eficiencia de uso.
– Empate entre el sistema y el mundo real.
– Consistencia y estándares.
– Ayuda y documentación.

– Visibilidad del estado del sistema.

– Flexibilidad y eficiencia de uso.

Este es el problema más grave que encontré en la página web, ya que el usuario se puede arrepentir de la compra en el último proceso que debería cumplir. El proceso de pago debe ser lo más fácil y rápido posible para concretar la compra.

Solución: La dirección que no tenga errores debe ser aprobada y no reconfirmada. Se puede usar un plug de google maps que verifique automáticamente la dirección.

– Empate entre el sistema y el mundo real.

Existen muchas palabras en el idioma inglés, esto dificulta la navegación de los usuarios que no hablan ese idioma.

Solución: Traducir las palabras en inglés al castellano y utilizar un lenguaje acorde con el usuario.

– Consistencia y estándares.

Al hacer clic en la categoría no te lleva directo a la lista de productos que puedes comprar. esto es un problema para los usuarios que compran habitualmente online y están acostumbrados a ver lo más rápido posible los productos.

Solución: Mostrar los productos de la tienda online luego del primer clic en las categorías.

– Ayuda y documentación.

Los usuarios inexpertos no tienen una sección de ayuda de la página web.

Solución: Crear un mapa del sitio.

– Visibilidad del estado del sistema.

Si bien este principio se cumple, los textos de la ubicación del usuario en la página web son demasiado pequeños y dificultan su lectura.

Solución: Aumentar dos puntos a estos textos y realizar pruebas de usuario para poder verificar que el usuario puede encontrar esta información sin problemas.

Consideraciones de la interfaz desde una perspectiva de género.

La web no hace muchas alusiones al género, utiliza mayormente términos neutros. Para crear una cuenta no existen preguntas de género.

Es satisfactorio ver que usan imágenes diversas sin dejar de lado a ningún grupo de personas. Incluso tienen un aparatado “Fair for future” donde describen su responsabilidad social con las personas y el medio ambiente.

Llegue a la conclusión que en general la web de Gigaset no incumple con el diseño inclusivo y tienen campañas que impulsan la igualdad de las personas y el cuidado del medio ambiente.

Bibliografía:

Judith Membrives, Cuaderno de evaluación de la usabilidad. Barcelona UOC, Febrero 2019. [consulta: 11.11.22]. Disponible en: http://quadern-usabilitat.recursos.uoc.edu/es/

Tomàs Modroño, Evaluación Heurística (PARTE I-II). Septiembre 2017. [consulta: 12.11.22]. Disponible en: https://interactius.com/evaluacion-heuristica-parte-i/

By GammaUX , Diseño inclusivo desde una perspectiva de género. Febrero de 2020. [consulta: 12.11.22]. Disponible en: https://www.gammaux.com/blog/diseno-inclusivo-desde-perspectiva-de-genero/

Screenshots y Fotos utilizadas: Gigaset.com, freepik.com, tenor.com