La web de Balenciaga y sus heurísticas

Paulalouzaoleon
6 min readOct 25, 2020

--

Me dispongo a hacer el análisis heurístico de la web de Balenciaga.

Pero antes de nada, ¿Sabemos qué es la heurística?. La heurística se refiere a la disciplina, el arte o la ciencia del descubrimiento.

Precisamente eso es lo que voy a hacer, tratar de descubrir si la web de Balenciaga cumple con los principios básicos de usabilidad, es decir, si es una web fácil, cómoda, segura y eficiente para el usuario, o lo que es lo mismo, si tiene una buena experiencia en la navegación.

En 2017 Balenciaga lanzó su nueva página web. Su diseño super minimalista, casi wireframe, resultó ser tan sorprendente como inesperado para una marca de lujo. Parece ser que su diseño se quiso centrar en la experiencia de compra propiamente dicha, sin ninguna distracción (no hay contenido editorial). Vamos a ver si lo ha conseguido.

Para poder hacer este análisis me ayudaré de las 10 reglas heurísticas de Jakob Nielsen, el gurú del UX.

Comenzamos:

1.Visibilidad del estado del sistema. ¿Mantiene el sistema de la web informado al usuario de lo que está ocurriendo mientras navega? ¿Le da feedback cuando realiza una acción?

La web de Balenciaga es muy minimalista, y los elementos que utiliza para dar feedback al usuario lo son también:

  • Utiliza subrayados al pasar por las distintas categorías.
  • Señala en negrita elementos seleccionados.
  • El contenido visual (el único que hay son las fotos del producto) se mueve cuando navegas encima.

Aunque echo de menos “spinners” informativos cuando hay una interacción, por ejemplo, al entrar en la Home o cada vez que cambias de categoría, concluyo que cumple con la heurística.

Subrayado cuando pasas por la categoría

2. Relación entre el sistema y el mundo real. ¿Utiliza la web el lenguaje del usuario?

El lenguaje que usa es claro, conciso y muy fácil de entender para cualquiera. cumple con la heurística.

Texto explicativo del apartado de Devolución.

3. Control y libertad del usuario. El usuario debe poder volver fácilmente al estado anterior.

Después de haber navegado en profundidad por la web, considero que, en general, el usuario sabe como volver al paso previo, bien directamente con la palabra “volver” mediante “X” o flechas. En otros procesos la manera de volver atrás es pinchando en el logotipo. Pero, en algunos procesos como el de compra, solo te deja modificar los productos dentro de la cesta (y el proceso no es muy claro) NO te da la libertad de “cancelar” la cesta total o modificar de manera simple.

No opciones de cancelación de pedido en el proceso de compra.

Por eso considero que en este punto, NO cumple con la heurística.

4. Consistencia y estándares. Para que exista una buena usabilidad el usuario no debe cuestionarse si una función significa una cosa u otra. Para ello solo hay que seguir las convenciones establecidas y no tratar de reescribir estos estándares.

Balenciaga, a pesar de que rompe muchos estándares estéticos dentro del sector del lujo en cuanto a la interfaz de su web, se puede decir que no confunde al usuario en el sentido de usabilidad. Todos los elementos son conocidos y reconocibles.

cumple con la heurística.

Proceso compra.

5. Prevención de errores. Tal y como su nombre indica se trata de preveer el error.

Nos muestra información antes de registrarnos para ayudarnos a tomar la mejor decisión.

cumple con la heurística.

Información de ayuda antes de registrarte.

6. Reconocimiento antes que recuerdo. Hacer visible todas las acciones y opciones posibles con el fin de minimizar la carga mental en el usuario.

Una funcionalidad de las que más me gusta de la web es que la propia barra de búsqueda te sugiere productos que te ayudan a limitar de una manera muy rápida y específica una categoría de producto.

cumple con la heurística.

Sugerencias automáticas al pinchar en el buscador

7. Flexibilidad y eficiencia de uso. Esto quiere decir que la interfaz ofrece una interacción más rápida a los usuarios avanzados. Un programa personalizado según tu grado de control.

Este tipo de web, tal vez no requiere de atajos o interacciones personalizadas. Sin embargo, la ayuda que ofrece el buscador, mencionado justo en el punto anterior también podría considerarse como heurística de eficiencia de uso. cumple.

8. Estética y diseño minimalista. No se refiere solo a la estética visual sino también a la informativa. Solo necesitamos lo estrictamente necesario y útil.

En este sentido creo que toda la web lo cumple, de hecho, tal vez sea demasiado minimalista y chocante para lo que el usuario está acostumbrado. Un poco más de contenido visual considero que podría hacer la experiencia más agradable.

A pesar de esto, SÍ cumple con la heurística

Home

9. Ayuda al usuario a reconocer, diagnosticar y recuperarse de los errores. Cuando se comete errores el sistema debería permitir conocer al usuario lo que está pasando y decirle cómo solucionarlo.

En este caso te está informando del típico error 404 (de página no encontrada).

cumple con la heurística.

Te informan de lo que está sucediendo

10. Ayuda y documentación. El usuario, a veces, por avanzado que sea necesita información. Esta debe poder encontrarse de manera fácil y estar pensada para ayudar al usuario.

Un caso muy típico en las webs de moda es buscar los términos de devolución. En el caso de la web de Balenciaga podemos encontrar de forma rápida (en un solo click) esta información y otra similar. Tiene una sección de FAQ en la parte inferior de la web pero también, pinchando arriba a la derecha en el signo de interrogación aparece esa mima información.

cumple con la heurística.

Información que aparece al pinchar en el signo de ? arriba a la derecha.

Como he comentado al inicio de la historia, la web de Balenciaga arriesga y trata de diferenciarse de sus homólogas. La ausencia de contenido visual y el esquema minimalista es muy llamativo y desconcertante.

En términos generales la web cumple con las reglas básicas de usabilidad de Jacob Nielsen. Sería muy interesante conocer el objetivo que persigue Balenciaga con este nuevo diseño y tener datos comparativos de valoración de usabilidad para entender (entre otras cosas), si el usuario, al encontrarse por primera vez con este modelo lo reconoce o, por el contrario, siente que necesita aprender cómo moverse en un nuevo entorno.

“En Internet, la usabilidad es una condición necesaria para sobrevivir”, Jakob Nielsen

--

--