Publicado por

Análisis heurístico del sitio web www.vazva.es

Publicado por

Análisis heurístico del sitio web www.vazva.es

VAZVA nace en 2005, en una pequeña ciudad costera del norte de España llamada A Coruña. Comenzó siendo una tienda multimarca vinculada…
VAZVA nace en 2005, en una pequeña ciudad costera del norte de España llamada A Coruña. Comenzó siendo una…

Vazva

VAZVA nace en 2005, en una pequeña ciudad costera del norte de España llamada A Coruña.

Comenzó siendo una tienda multimarca vinculada al mundo del mar y del surf. No fue hasta el año 2010 que se convertiría en una de venta exclusiva de su marca, vinculada a un estilo de vida más transgresor con productos de alta calidad diseñados en Galicia y confeccionados en el norte de Portugal. Es decir, Vazva siempre apoyo el producto de proximidad (Galicia y Portugal están al lado).

Actualmente cuenta con 60 puntos de venta en toda Europa. Al tratarse de una marca relativamente reciente y con pocos años de recorrido, me ha parecido interesante si, además de centrarse en sus productos y en la calidad de las prendas, también se preocupa de la experiencia de usuario en su página web.

Metodología 

Para el análisis heurístico hemos hecho uso del libro de Mònica Zapata Lluch llamado Métodos de evaluación sin usuarios.

Lo que he hecho ha sido leer detenidamente uno por uno cada uno de los puntos e intentar encontrarlos en la web, añadiendo información si veía más tarde que otra ventana también se podía adaptar.

Para las capturas y vídeos de pantalla he usado la herramienta ShareX, que te permite grabar tanto formato vídeo como formato gif, aunque funciona bastante mejor con el formato vídeo.

Análisis heurístico

1. Visibilidad del estado del sistema.

1.1 Realizar una compra 

Al entraren un producto, vemos que aparecen varias interfaces para realizar la selección.

Tallas: al pulsar sobre la talla seleccionada, el recuadro cambia su color de borde por lo que el usuario sabe en todo momento qué talla tiene seleccionada.

Por otro lado tenemos la opción de añadir al carrito, podemos observar que se realiza una animación de carga mientras se añade el producto y después se abre una ventana auxiliar en la que se muestra la cesta.

 

Se trata de una buena práctica ya que el usuario en todo momento sabe las acciones que está realizando.

 

1.2 Consulta de las diferentes secciones 

La marca vende diferentes tipos de prendas, para hombre, mujer y niños, al pasear por encima de sus secciones vemos que estas se representan con un color diferente pero una vez clickas y entras dentro de la sección, desaparece la animación y nada te recuerda en qué parte de la página te encuentras.

Se trata de una mala práctica ya que el usuario no sabe dónde se encuentra en todo momento por lo que tiene que hacer un sobreesfuerzo para memorizar en qué sección está.

¿Cómo solucionarlo?

Para enmendar este tipo de errores es tan sencillo como programar un cambio de estado de la sección, si además del cambio de color al pasar el cursor por encima este se mantuviera diferente al clickar sobre él.

Otra opción sería mantener la sección actual subrayada para que así el usuario sepa donde se encuentra.

2. Adecuación entre el sistema y el mundo real

2.1 Lenguaje utilizado

Al tratarse de una marca de ropa, el lenguaje utilizado es sencillo y común, las descripciones son sencillas de entender para el usuario medio.

Se trata de una buena práctica ya que nos acercamos a todo tipo de usuarios con mayor o menor cultura. Además el target de la marca es gente joven por lo que considero que el lenguaje es el adecuado.

3. Libertad y control por parte del usuario

A la hora de realizar compras, es normal añadir productos en la cesta que luego no se quieran adquirir por lo que siempre existe la opción de eliminar ese producto de la cesta. Como vemos el sistema no exige ningún tipo de confirmación de esta opción ni te permite revertir la acción.

Se considera una mala práctica con un nivel de gravedad medio, el no permitir al usuario revertir la acción ni tener ninguna ventana de confirmación puede hacer que el usuario cometa errores.

¿Cómo solucionarlo?

Se puede añadir la opción de abrir una ventana emergente de confirmación y un botón de deshacer en algún lugar de la ventana de carrito de la compra.

4. Consistencia y estándares

La página web utiliza un vocabulario presente en otras páginas web, no necesita aprender palabras nuevas y vemos un uso coherente de la lengua.

Lo único que podemos decir es que mezcla el inglés y el español por lo que eso puede confundir al usuario, si la página web está en castellano y existe “guía de tallas” no debería usar size guide.

La mezcla de idiomas se ve en otras secciones como en el buscador

Se considera una mala práctica con un nivel de gravedad medio, si el usuario selecciona el idioma español no debería haber palabras en inglés

¿Cómo solucionarlo?

A pesar de que el inglés está estandarizado en internet se debería configurar la página de tal manera que el usuario pueda escoger el idioma que quiere.

5. Prevención de errores

5.1 Registro

A la hora de realizar el registro, nos pide unos datos concretos bastante simples. Pero en ningún momento pide confirmación de email ni de contraseña, el escribir la contraseña y el email dos veces evita muchos errores a la hora de escribirla.

Se considera una mala práctica porque la probabilidad de equivocarse al escribir el correo o la contraseña es alta por lo que puede dar errores de registro

¿Cómo solucionarlo?

A pesar de que para el usuario puede ser tedioso el mandarle repetir el email y la contraseña evitan muchos errores.

5.2 Ventana de búsqueda

La ventana de búsqueda no contempla los errores, si escribes mal el nombre del producto esta no te indica nada como “quizás quiso decir…” ni ningún mensaje similar.

 

Se considera una mala práctica ya que la barra de búsqueda debería dar opciones para este tipo de erratas o recomendar lo que quizás quería buscar el usuario.

¿Cómo solucionarlo?

Configurando la ventana de errores para que entienda que esas erratas pueden ser las palabras correctas.

6. Reconocimiento antes que recuerdo

6.1 Filtros 

La web permite aplicar filtros pero una vez el usuario hace scroll estos desaparecen por lo que si hace scroll mucho tiempo puede olvidarse de los filtros usados y debe volver al inicio de la página lo que es tedioso.

Se considera una mala práctica ya que supone un sobreesfuerzo para el usuario aunque en este caso tampoco hay tantos artículos para que llegue a resultar molesto.

¿Cómo solucionarlo?

Manteniendo la barra de filtros fija mientras se hace scroll

6.2  Buscador

Tampoco el buscador recuerda búsquedas anteriores por lo que no podemos recordar búsquedas que el usuario hizo el día anterior o la hora anterior, por ejemplo.

Se considera una mala práctica de gravedad baja, el usuario quizás quiera recordar alguna búsqueda anterior y no puede.

¿Cómo solucionarlo?

Añadiendo memoria al buscador.

7. Flexibilidad y eficiencia en el uso

Durante la ventana de pago, permite que el usuario ya tenga guardados sus datos previamente para que así este no tenga que rellenar los campos cada vez que hace una compra. (No inserto la pantalla completa para no compartir mis datos)

Se trata de una buena práctica ya que permite al usuario no tener que rellenar los mismos campos en cada compra.

8. Diseño estético y minimalista

La página web se encuentra organizada por secciones en las cuales aparece la prenda con su nombre, todo está dispuesto de una manera similar y sin añadir demasiado ruido a las fotos.

Se trata de una buena práctica ya que el usuario no tiene distracciones que entorpezcan el proceso de compra.

9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los errores

El único error que ha reconocido es el de inicio de sesión y para eso que es deficitario y otorga la información justa al usuario.

Se considera una mala práctica ya que el usuario tiene información deficiente acerca de los errores que puede cometer.

10. Ayuda y documentación

En el medio de pago hemos visto que nos pide los diferentes datos de la tarjeta, al cambiar del número al CVC cambia el icono de la tarjeta.

Se considera una mala práctica ya que el cambio del icono aporta poca información y no es claro para el usuario

¿Cómo solucionarlo?

Aportando más información al usuario, a veces no basta solo con un icono y hacen falta palabras o un icono/foto mucho más específica.

 

Priorización de resolución de errores

 

1. Ayuda y documentación

Si el método de pago es confuso, el usuario no podrá realizar la compra por lo que se trata de una pérdida de dinero para la empresa.

Lo considero el más grave porque el fin de cualquier página web de venta es vender.

¿Cómo solucionarlo?

Aportando más información al usuario, a veces no basta solo con un icono y hacen falta palabras o un icono/foto mucho más específica.

2. Prevención de errores

En el registro debería exigirse repetir el email y la contraseña para que el usuario no tenga erratas clásicas como poner «con» o escribir en mayúsculas cuando quiere escribir la contraseña en minúsculas y viceversa.

¿Cómo solucionarlo?

A pesar de que para el usuario puede ser tedioso el mandarle repetir el email y la contraseña evitan muchos errores.

3. Prevención de errores

La barra de búsqueda debería conocer las erratas simple como saltarse una letra o desordenarlas, si el usuario no puede encontrar el producto no va a poder comprar.

¿Cómo solucionarlo?

Configurando la ventana de errores para que entienda que esas erratas pueden ser las palabras correctas.

4. Consistencia y estándares

La mezcla de idiomas puede resultar confuso para el usuario que además de eso ha seleccionado el idioma español en la parte superior.

¿Cómo solucionarlo?

A pesar de que el inglés está estandarizado en internet se debería configurar la página de tal manera que el usuario pueda escoger el idioma que quiere.

5. Libertad y control por parte del usuario

El usuario debería poder revertir sus acciones o debería tener que confirmar a la hora de eliminar un producto de su cesta ya que si elimina uno que no quiere le obligaremos a volver a buscarlo en la web.

¿Cómo solucionarlo?

Se puede añadir la opción de abrir una ventana emergente de confirmación y un botón de deshacer en algún lugar de la ventana de carrito de la compra.

6. Visibilidad del estado del sistema.

La consulta de las diferentes secciones debería ser clara y el usuario debería saber en todo momento en dónde se encuentra.

¿Cómo solucionarlo?

Para enmendar este tipo de errores es tan sencillo como programar un cambio de estado de la sección, si además del cambio de color al pasar el cursor por encima este se mantuviera diferente al clickar sobre él.

Otra opción sería mantener la sección actual subrayada para que así el usuario sepa donde se encuentra.

7. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los errores

Hay muy poca información a la hora de reconocer errores, el usuario debería tener más información para poder solucionarlos.

¿Cómo solucionarlo?

Identificando los errores más comunes y configurando copys en ventanas emergentes para cuando ocurran.

8. Reconocimiento antes que recuerdo

El uso de filtros debería mantenerse fijo en todo momento aunque en este caso no es tan grave ya que la colección de artículos es pequeña pero en vistas a un crecimiento de la misma debería permanecer presente.

¿Cómo solucionarlo?

Manteniendo la barra de filtros fija mientras se hace scroll

 

Desde una visión de género e inclusión 

La web de Vazva vende productos diferenciados por género, utiliza la denominación binaria. Vamos a olvidarnos en este análisis de la sección kids, que sí es neutra.

El producto de Vazva se basa básicamente en camisetas y sudaderas, puede tener algún producto más específico como pantalones, pero la marca se ve dominada por su sección circular de prendas.

Las sudaderas y camisetas consideramos que a nivel patronaje no tienen género, por lo que Vazva podría añadir una sección neutra si quisiera mantener las secciones de hombre y mujer podría añadir también una llamada «unisex». Aun así entendemos que en moda es bastante complicado no diferenciar por sexos binarios porque a nivel patronaje hay cosas que cambian,

Otro aspecto a tener en cuenta es que esa diferenciación no existe en la sección de niños, que sí es neutra por lo que Vazva entiende que su ropa no tiene género en cierto modo.

A la hora de registrarse tampoco de pregunta tu sexo ni como quiere que se refieran a ti, ni hay ningún tipo de indicio en su página de que la manera en la que te hablan sea relevante.

Como conclusión podemos decir que al tratarse del mundo de la moda entendemos esta diferenciación pero Vazva podría hacer un esfuerzo para añadir otra sección en la que cualquier persona de cualquier género se sienta identificada.

 

Muchas gracias por leer

Bibliografía de la web de Vazva

Vazva. (n.d.). Retrieved November 19, 2022, from http://www.vazva.es/

Debate0en Análisis heurístico del sitio web www.vazva.es

No hay comentarios.