Publicado por

Repte 2. Post d’anàlisi heurística d’Amazon (Avaluació de la usabilitat).

Repte 2. Post d’anàlisi heurística d’Amazon (Avaluació de la usabilitat).
Publicado por

Repte 2. Post d’anàlisi heurística d’Amazon (Avaluació de la usabilitat).

Anàlisi heurística d’Amazon En aquest post es durà a terme una avaluació heurística de la pàgina web d’Amazon mitjançant els principis d’usabilitat…
Anàlisi heurística d’Amazon En aquest post es durà a terme una avaluació heurística de la pàgina web d’Amazon mitjançant…

Anàlisi heurística d’Amazon

En aquest post es durà a terme una avaluació heurística de la pàgina web d’Amazon mitjançant els principis d’usabilitat de Nielsen. En aquesta avaluació s’analitzarà com Amazon aplica aquests principis al disseny d’interfície d’usuari i es destacarà tant els aspectes positius com els negatius. A més, es discutiran possibles àrees de millora per a la interfície d’usuari d’Amazon i es proporcionaran suggeriments per fer-ne millores.

Finalment, es llistaran i justificaran les troballes en funció de la seva gravetat i també es proposarà un llistat de millores o solucions. L’objectiu d’aquesta avaluació heurística és identificar problemes i oportunitats de millora en la usabilitat d’una interfície d’usuari.

No oblidarem la importància de la inclusió i raonarem sobre la perspectiva de gènere i inclusió tenint en compte diversos aspectes.


Com s’apliquen els principis de Nielsen a Amazon (www.amazon.com)

1.Visibilitat de l’estat del sistema.

✅ Bon ús: Quan un producte s’ha afegit al carretó de la compra es fa saber a l’usuari que ha realitzat correctament l’acció.

❌ Mal ús: mostrar massa informació, sense detallar amb exactitud quan es realitzarà l’entrega del producte.

2.Adequació entre el sistema i el món real.

Bon ús: Amazon utilitza un llenguatge clar i senzill per descriure les accions i els elements de la interfície d’usuari, cosa que facilita als usuaris comprendre i utilitzar la botiga en línia. Per exemple, veiem a l’hora de comprar un producte, utilitza un llenguatge fàcil de comprendre.

Mal ús: Falta d’icones en els botons de la barra d’inici o en el cercador per categories.

Veiem un menú i un llistat de categories molt plans, amb molt de text i poc visual.

3.Llibertat i control per part de la persona usuària.

Bon ús: Amazon ofereix als usuaris l’opció de personalitzar l’experiència de l’usuari al lloc web en funció dels seus interessos, historial de compres i preferències. Per exemple, Amazon suggereix productes relacionats amb les compres anteriors dels usuaris i permet als usuaris filtrar els resultats de cerca per categoria, marca, preu i altres factors personalitzables. Això brinda als usuaris més llibertat i control per trobar els productes que desitgen de manera més eficient i personalitzada. A més, Amazon també permet als usuaris personalitzar les recomanacions de productes i millorar la precisió de les recomanacions en proporcionar comentaris sobre els productes comprats.

Mal ús: En alguna ocasió, la web no dona opció a tornar enrere en la teva cerca i per tant, es perd la cerca. En el cas que es mostra a continuació, quan estem a la fitxa d’un producte, si fem clic sobre “Ver detalles”, s’obre una finestra amb els detalls però en cap cas et deixa tornar enrere.

Si cliquem sobre el botó “ver detalles”:

S’obre aquesta pantalla on no podem tornar al producte i perdem la cerca.

4.Consistència i estàndards:

Bon ús: Amazon utilitza un disseny consistent en tota l’aplicació, amb botons i elements de navegació ubicats en llocs predictibles, la qual cosa ajuda els usuaris a trobar el que estan buscant de manera intuïtiva sense haver d’aprendre res nou. A part dels icones com el carretó de la compra (Amb un símbol d’un carretó real), la lupa del cercador…

Mal ús: En alguns casos, quan cerquem un producte, ens ofereix la possibilitat de filtrar aquest producte amb les nostres preferències. Aquest filtratge és extremadament exhaustiu, poc intuïtiu (l’usuari no sap si ho ha de marcar tot), s’ha de fer scroll per tal de poder-lo visualitzar sencer… Aquest fet por confondre a l’usuari.

5. Prevenció d’errades:

Bon ús: Amazon mostra un resum de l’ordre abans que l’usuari la confirmi, cosa que permet als usuaris revisar i corregir qualsevol error abans de finalitzar la compra.

Mal ús: Sovint, Amazon anuncia productes dels quals no disposa d’stock. A la web t’anuncia que “Temporalment no hi ha stock” però et deixa comprar-lo igualment. Si l’usuari no s’ha fixat que no existeix stock i el compra per error, no s’avisa enlloc.

Tot i que s’anuncia que no existeix stock, el deixa comprar:

I, com es veu a la següent pantalla et deixa comprar-lo, sense avisar i sense especificar quan tindran stock o quan arribaran.

6.Reconeixement abans que recordar:

Bon ús: Amazon permet als usuaris realitzar cerques per paraula clau, per categoria o per departament, i ofereix una gran quantitat de filtres per refinar la cerca, cosa que ajuda els usuaris a trobar productes sense haver de recordar exactament com es diuen.

Cercador per paraules clau:

Cercador de productes per categories:

Mal ús: A la barra de menú superior no existeix cap canvi per informar a l’usuari que es troba en la pàgina seleccionada. Per exemple, en el cas mostrat en la imatge, l’usuari es troba a l’apartat “Cheques regalo” però no veiem cap canvi en el menú. No fa us de les molles pa o breadcrumb.

7.Flexibilitat i eficiència en l’ús:

Bon ús: Amazon utilitza un algorisme de recomanació que s’adapta als interessos de l’usuari i proporciona resultats rellevants, cosa que ajuda els usuaris a trobar productes ràpidament. A més dels anteriors mecanismes anteriorment comentats per trobar de forma fàcil el que l’usuari vol trobar.

Mal ús: De vegades, la pàgina d’Amazon pot tenir massa informació o massa elements en una sola pàgina, el que pot fer que sigui difícil per als usuaris trobar el que estan buscant.

8.Disseny estètic i minimalista:

Bon ús: Amazon en algunes de les seves pàgines (la minoria) utilitza un disseny net i minimalista que fa que la pàgina sigui fàcil de llegir i utilitzar.

Mal ús: De vegades, Amazon mostra anuncis o promocions intrusives que poden distreure o confondre els usuaris. En la majoria de casos son anuncis patrocinats per venedors que venen el seu producte a Amazon.

9.Ajuda les persones usuàries a reconèixer i diagnosticar els errors i a recuperar-se:

Bon ús: Amazon mostra missatges d’error clars i específics quan es produeix un problema, cosa que ajuda els usuaris a reconèixer el problema i buscar solucions.

Mal ús: De vegades, els missatges d’error d’Amazon poden ser genèrics o poc informatius, cosa que dificulta als usuaris identificar i resoldre el problema.

10.Ajuda i documentació:

Bon ús: Amazon ofereix una àmplia gamma de recursos d’ajuda i documentació per als usuaris, incloent preguntes freqüents, tutorials i vídeos instructius, cosa que ajuda els usuaris a aprendre a utilitzar la botiga en línia i a solucionar problemes.

Mal ús: De vegades, la documentació d’Amazon pot ser difícil de trobar o no estar actualitzada, cosa que pot fer que els usuaris no trobin la informació que necessiten.

En general, la pàgina web d’Amazon aplica bé la majoria dels principis de Nielsen, encara que en alguns casos hi pot haver problemes o àrees de millora. En qualsevol cas, és important recordar que l’avaluació heurística és una tècnica subjectiva i que diferents avaluadors poden tenir opinions diferents sobre l’eficàcia d’una interfície d’usuari.

Nivells de gravetat del no compliment dels principis

Gravetat Heurística Problema Solució
10 Ajuda i documentació Documentació difícil de trobar o no ser actualitzada. Això pot ocasionar que els usuaris no trobin la informació que necessiten. Posar aquesta informació en un lloc més visible on l’usuari pugui trobar la informació ràpidament.
9 Reconèixer i diagnosticar els errors Missatges genèrics. Indicar clarament, el l’exemple, el nombre de números que té un BIC, un IBAN i informar de com trobar-ho. També, informar a l’usuari que el nom no pot contenir valors numèrics.
8 Llibertat i control per part de la persona usuària En alguna ocasió, la web no dona opció a tornar enrere en la teva cerca i per tant, es perd la cerca Afegir un botó, que es vegi ràpidament, on l’usuari tingui la opció de tornar enrere.
7 Prevenció d’errades Sovint, Amazon anuncia productes dels quals no disposa d’stock. A la web t’anuncia que “Temporalment no hi ha stock” però et deixa comprar-lo igualment. Si l’usuari no s’ha fixat que no existeix stock i el compra per error, no s’avisa enlloc. Que existeixi un botó diferente al de “Comprar” per tal que l’usuari sapiga que no el pot comprar temporalment.
6 Reconeixement abans que recordar A la barra de menú superior no existeix cap canvi per informar a l’usuari que es troba en la pàgina seleccionada Destacar a la barra de menú (amb colors, subratllats…), l’apartat en el que es troba l’usuari.
5 Flexibilitat i eficiència d’ús. De vegades, la pàgina d’Amazon pot tenir massa informació o massa elements en una sola pàgina, el que pot fer que sigui difícil per als usuaris trobar el que estan buscant. Tot i tractar-se d’una web d’e-commerce on la prioritat es vendre el màxim possible, seria important no recarregar la pàgina amb tanta informació, a vegades irrellevant. Simplificar el disseny per tal d’aconseguir un espai més minimalista.
4 Adequació entre el sistema i el món real Falta d’icones en els botons de la barra d’inici o en el cercador per categories. Implementar icones en alguns dels botons del menú i de la cerca per categories per tal d’ajudar a l’usuari a identificar aquesta acció visualment, relacionant les icones amb el món real.
3 Disseny estètic i minimalista En ocasions, Amazon mostra anuncis o promocions intrusives que poden distreure o confondre els usuaris. En la majoria de casos son anuncis patrocinats per venedors que venen el seu producte a Amazon.

 

No saturar la web amb tants anuncis i recomanacions constantment, això atempta contra el disseny i l’excés d’informació addicional podria molestar a l’usuari.
2 Visibilitat del sistema Mostrar massa informació, sense detallar amb exactitud quan es realitzarà l’entrega del producte. Concretar l’entrega i eliminar la informació irrelevant.
1 Consistència i estàndards Filtratge extremadament exhaustiu, poc intuïtiu Fer un filtratge de producte molt més intuïtiu, sense tants apartats i que es pugui visualitzar a primera vista sense fer scroll.

 

 


Consideracions de la interfície des d’una perspectiva de gènere i inclusiva.

En l’actualitat, la perspectiva de gènere i inclusió és una qüestió important en la societat, i això també s’aplica a la indústria del comerç electrònic. Amazon, com a una de les plataformes més importants en línia, ha d’estar al dia en aquest aspecte.

Pel que fa al llenguatge utilitzat en la pàgina web d’Amazon, es pot observar que s’intenta ser inclusiu, ja que s’evita l’ús de termes exclusius com «ell» o «ella». Això es pot veure en les descripcions dels productes, en les quals s’utilitzen termes més neutrals i genèrics, com «la persona usuària» o «les persones que comprin aquest producte». A més, també s’utilitza el llenguatge inclusiu en els missatges de benvinguda i de confirmació de la compra.

En quant a la interacció amb la pàgina web, sembla que no hi ha cap assumpte de la identitat de gènere de la persona usuària. Amazon no demana informació sobre el gènere de la persona al registrar-se, i la interacció amb la plataforma es fa sense cap mena de discriminació.

En relació a les imatges mostrades, Amazon té en compte la diversitat i inclusió. Això es pot veure en la varietat de persones i models que apareixen en les imatges dels productes.

Pel que fa als colors, la pàgina web d’Amazon utilitza una paleta de colors que no es considera exclusiva o discriminatòria. Les combinacions de colors són fàcils de llegir i no es fan servir colors que podrien ser perjudicials per a persones amb discapacitats visuals.

En conclusió, es pot dir que Amazon té en compte la perspectiva de gènere i inclusió en la seva pàgina web. S’intenta ser inclusiu en el llenguatge utilitzat, no es discrimina en la interacció amb la plataforma i es mostra una varietat de persones i models en les imatges dels productes. També s’utilitza una paleta de colors que és accessible i inclusiva. No obstant això, sempre hi ha espai per a la millora i Amazon pot continuar treballant per ser més inclusiu i per abordar les qüestions relacionades amb la diversitat de manera més profunda i sistemàtica.

Per Adrián Sáez Cordón.

Debate0en Repte 2. Post d’anàlisi heurística d’Amazon (Avaluació de la usabilitat).

No hay comentarios.

Publicado por

Evaluación Heurística Ataquilla.com

Publicado por

Evaluación Heurística Ataquilla.com

Ataquilla.com En este artículo se examinará la página web de venta de entradas de Ataquilla, que es uno de los servicios de…
Ataquilla.com En este artículo se examinará la página web de venta de entradas de Ataquilla, que es uno de…

Ataquilla.com

En este artículo se examinará la página web de venta de entradas de Ataquilla, que es uno de los servicios de venta de entradas más populares en Galicia. Este servicio permite buscar entradas para eventos según la ubicación y la fecha, lo que puede dificultar la navegación en algunos casos.

Ataquilla es un servicio de venta de entradas de la Fundación Galicia Obra Social, conocida comercialmente como Afundación. Esta organización se dedica principalmente al desarrollo de obra social y la gestión del patrimonio cultural en Galicia.

Metodología: Explicación acerca de cómo se ha llevado a cabo el análisis

Una Evaluación Heurística es una técnica en la que un experto evalúa un producto para identificar problemas de usabilidad potenciales, utilizando una lista de principios de usabilidad. Esta técnica es eficaz para identificar problemas antes de llevar a cabo pruebas con usuarios.

Para la realización del análisis heurístico y análisis desde de la perspectiva de genero de la web se realizaron los siguiente pasos:

    1. Primero me dediqué a explorar todas las secciones del sitio web para entender cómo acceder a las diferentes páginas. Probando las diferentes funcionalidades de la web.
    2. Realice un listado con las 10 principios heurísticos de Nielsen, con algunos ejemplos, para entender mejor cada heurística, también busqué información adicional en Internet.
    3. Volví a explorar la web iba identificando prácticas positivas y negativas en general,
    4. Después, creé una listado de ejemplos de buenas practicas y de malas practicas de cada uno de los casos y posibles mejoras  para mejorar la experiencia de los usuarios.
    5. Mientras hacía esto, también tomaba capturas de pantalla de los ejemplos que os adjunto.
    6. Finalmente, volví a navegar por todo el portal para buscar aspectos relacionados con la perspectiva de género e inclusión.
Los 10 principios heurísticos de Nielsen: Cada uno de los principios con su buen y mal ejemplo de aplicación y justificación de por qué motivo es un ejemplo ese hallazgo

#1: Visibilidad del estado del sistema

Este principio de usabilidad web nos indica que siempre tenemos que tener informado al usuario de lo que está pasando en nuestra web y ofrecerle una respuesta en el
menor tiempo posible

A) Generalmente se pueden encontrar Breadcrumbs para saber qué parte del portal nos encontramos, pero estos no son muy identificables y es fácil que se pierdan de vista mientras navegamos, por esta Web. Teatro seria la indicación de en que sección de la web nos encontramos, pero acaba desapareciendo.

Es una mala práctica por parte de la web el no incluir este tipo de indicaciones de forma clara para que los usuarios puedan guiarse. Se tiene que incluir algún tipo de indicación en la barra de menú.

#2: Coincidencia entre el sistema y el mundo real

El sistema tiene que “hablar” el lenguaje del usuario con palabras o frases que a éste lesean familiares y que pueda reconocer con facilidad.
La información tiene que mostrarse con un orden lógico y las imágenes o iconos usados tienen que ser claros, sin darle la posibilidad al usuario de equivocarse.

A) Se pueden ver los patios de butacas de los diferentes lugares y que sitios están libre cuando son entradas numeradas. Utilizar diferentes colores para representar los diferentes tipos de asientos disponibles es una buena práctica en el diseño de interfaces de usuario. El uso de colores distintos para los asientos puede facilitar la comprensión y la toma de decisiones por parte de los usuarios, ya que les permite identificar rápidamente los tipos de asientos disponibles, como asientos normales, asientos preferenciales o asientos especiales, de manera visual.
B) La información se muestra de forma clara y en orden lógico. No es difícil moverse por el portal.

Es una Buena practica el poder ver de un solo vistazo cuales son los asientos que estas disponible y en que zonas

#3: Control y libertad del usuario

A veces, un usuario se equivoca, es normal, está dentro de la naturaleza humana el equivocarse.
Tenemos que darle al usuario la posibilidad de subsanar el error y no sentirse frustrado por no poder realizar algo.
Cuando es fácil para las personas dar marcha atrás en un proceso o deshacer una acción, se fomenta una sensación de libertad y confianza.

A) La web permite con facilidad el rectificar la compra de una entrada que se compra por error.

Es una buena practica el facilitar al usuario poder eliminar el exceso de entradas y modificar con facilidad en cualquier momento de la compra.

#4: Consistencia y estándares

Los usuarios no deberían tener que preguntarse si diferentes palabras, situaciones o acciones significan lo mismo. Tenemos que tener en cuenta es seguir los convenios establecidos para ciertos iconos.

A) Los elementos con los que se pueden interactuar cambian de aspecto cuando se pasa el ratón, de manera que los usuarios puedan identificar claramente qué elementos son interactivos.
B) Indican con colores de forma clara las butacas que esta disponibles y tipo de asiento

Es importante asegurarse de que los colores utilizados sean accesibles para todos los usuarios, incluyendo a aquellos con discapacidades visuales o dificultades en la percepción del color.

#5: Prevención de errores

Prevenir cualquier error que pueda cometer el usuario. Y dado el caso de que este cometa uno, tenemos que poner a su alcance todas las opciones posibles para poder corregirlo.
Hay dos tipos de errores: los deslices y las equivocaciones. Los deslices son errores inconscientes causados por falta de atención.
Los errores son errores conscientes basados en un desajuste entre el modelo mental del usuario y el diseño.

A) Tiene un buscador que tiene la función de auto completado y que permite buscar por nombre y lugar.
B) El formulario avisa si se produce un error cuando se escribe, donde y porque.

Es una buena practica que mientras se escribe se pueden ver todos los resultados al momento lo que ayuda a que la persona que escribe no tenga que saber exactamente el nombre completo del evento.

6: Reconocimiento en lugar de recuerdo

Minimizar la carga de memoria del usuario haciendo visibles los elementos, acciones y opciones. El usuario no debería tener que recordar información de una parte de la interfaz a otra.
La información necesaria para utilizar el diseño (p. ej., etiquetas de campo o elementos de menú) debe estar visible o recuperarse fácilmente cuando sea necesario.

A) Durante todo el proceso de compra se tiene claro el numero de entradas cuanto va a acostar y la butaca

Es una buena practica que el usuario no tenga que recordar información de una página a otra. Es importante que la información sobre la cantidad de entradas, el precio y la ubicación de las butacas se muestren claramente en todo el proceso de compra, para que el usuario pueda revisar y confirmar su selección en todo momento. Al hacer que la información necesaria para el proceso de compra sea fácilmente visible, se reduce la carga de memoria del usuario y se mejora la experiencia de usuario en el sitio web.

#7: Flexibilidad y eficiencia de uso

Los accesos directos, ocultos para los usuarios novatos, pueden acelerar la interacción para el usuario experto, de modo que el diseño pueda satisfacer tanto a los usuarios inexpertos como a los experimentados. Los procesos flexibles se pueden llevar a cabo de diferentes maneras, de modo que las personas puedan elegir el método que mejor les funcione.

A ) La barra de buscador permite buscar eventos específicos lo que sirve para agilizar el trabajo para usuarios avanzados.  Además, es positivo que el portal esté diseñado pensando tanto en usuarios avanzados como en usuarios novatos. La capacidad de buscar actividades por calendario y ubicación de forma sencilla es una buena práctica, ya que facilita la búsqueda y selección de eventos según las preferencias del usuario. Esto asegura que tanto los usuarios experimentados como los novatos puedan utilizar el portal de manera eficiente y encontrar las actividades culturales que deseen participar.

Es una buena práctica en el diseño del portal incluir una barra de búsqueda que permita a los usuarios buscar eventos específicos. Esto agiliza el trabajo de los usuarios avanzados, ya que les permite encontrar rápidamente los eventos o actividades que están buscando.

#8: Diseño estético y minimalista

Las interfaces no deben contener información que sea irrelevante o que rara vez se necesite.
Se trata de asegurarte de mantener el contenido y el diseño visual enfocados en lo esencial. Asegúrese de que los elementos visuales de la interfaz respalden los objetivos principales del usuario.

A ) La Web es sencilla y no contiene información a mayores que puede molestar o distraer. No tiene publicidad como sucede en otros  portales  de venta de entradas  Online.
B ) La  paleta de colores de portal esta constituido por 3 colores (Azul, Rojo y Blanco) que son los colores corporativos de A fundación.  Se evita una saturación de colores.

Mejoras:  Aun que el uso de los colores y de las tipografías están justificadas a nivel de identidad grafica de la fundación, esta genera problemas de contraste dentro de la web.

#9: Ayude a los usuarios a reconocer, diagnosticar y recuperarse de errores

Los mensajes de error deben expresarse en un lenguaje sencillo (sin códigos de error), indicar con precisión el problema y sugerir una solución de manera constructiva.
Los mensajes de error deben presentarse con tratamientos visuales que ayuden a los usuarios a notarlos y reconocerlos.

A) El formulario avisa si se produce un error cuando se escribe, donde y porque. Lo que evita tener que hacer dos veces el formulario en caso de error.
B) Los avisos son en inglés esto es una mala practica.

Mejoras: Habría que cambiar los mensajes de error el formulario al castellano o galego también hay que tener en cuenta el tamaño de los mensajes de error  ya que el contraste puede ser muy bajo.

#10: Ayuda y documentación

Es mejor si el sistema no necesita ninguna explicación adicional. Sin embargo, puede ser necesario proporcionar documentación para ayudar a los usuarios a comprender cómo completar sus tareas.
El contenido de la ayuda y la documentación debe ser fácil de buscar y debe centrarse en la tarea del usuario.

A) Dispone de una pagina de ayuda, pero no es esta accesible de forma directa.
B) No es muy completa comparada con las de otros servicios.

Mala practica; hay que dar un acceso directo desde contacto para facilitar a los usuarios el acceso a la información. También habría que hacer un una reforma de la pagina de ayuda para dividir las consultas en diferentes problemáticas y soluciones. Incluso añadir una barra de búsqueda para facilitar la búsqueda de información.

Listado de Mejoras
    1. La funcionalidad de inicio de sesión o creación de cuenta no esta disponible en la web esta función es importante, lo que les permitiría guardar sus preferencias, ver el historial de compras anteriores, recibir notificaciones relevantes y tener un proceso de compra más eficiente en futuras visitas. No tener esta opción resultar en una experiencia mala para los usuarios, ya que tendrían que volver a ingresar su información en cada compra. Por que el botón de entrar no es para loguearse.  
    2. Ayuda a la Documentación: No hay un acceso a la ayuda en la barra del menú ni a través de contacto. Dentro de la pagina de ayuda no hay mucha información, no esta dividida en temáticas para ayudar a los usuarios a localizar la temática de su problema  y así encontrar una solución a su problema.
    3. Diseño estético y minimalista. – Hay que hacer una revisión de la identidad grafica del sitio para ajustar los colores y tipografías en algunos apartados de la web. Esta problemática podría afectar a personas mayores y con problemas de visión.
    4.  Visibilidad del estado del sistema: Se deberían poder encontrar Breadcrumbs o «migas de pan» en las interfaces de usuario para indicar la ubicación del usuario dentro del portal o sitio web. Sin embargo, si estos elementos no son fácilmente identificables o se pierden de vista durante la navegación. Es importante que los usuarios cuenten con indicaciones claras para poder orientarse y saber en qué parte del portal se encuentran.
    5.  Ayude a los usuarios a reconocer, diagnosticar y recuperarse de errores: El formulario de contacto anqué indica donde esta el error es importante que este en Castellano o en Galego también que los tamaño de las tipografías sean de tamaños mas grandes.
Consideraciones de la interfaz desde una perspectiva de género e inclusión.

En términos de inclusión y perspectiva de género, es importante considerar no solo los aspectos técnicos, sino también los aspectos culturales y sociales en el diseño de la interfaz de una web. En cuanto a la accesibilidad, se han identificado problemas en el contraste de los botones de llamada a la acción, lo que dificulta la legibilidad y navegación para algunos usuarios.

Asimismo, se han detectado problemas similares en algunas tipografías y colores que se utilizan en la página.

Este problema se puede deber a que para la creación de  la web  usaron los colores corporativos de la entidad que esta detrás de la Ataquilla
Las imágenes cuentan con etiquetas de accesibilidad, como «alt» lo que ayuda a dar accesibilidad a la pagina.

En relación a la perspectiva de género, la web parece tratar al usuario de forma neutral, sin hacer distinción por género ni recopilar información de género en los formularios. No se han incluido imágenes de espectadores ni de personas, lo que podría considerarse una estrategia para evitar la identificación de géneros  y hacer la web neutra.

Si bien es cierto que no hacer distinción de género en la interfaz de una web puede ser considerado un paso hacia la neutralidad, también es importante considerar la inclusión de todas las identidades de género en el diseño de la página. Esto implica no solo evitar la discriminación, sino también incluir representaciones de género diverso en las imágenes y contenido de la página, para que todos los usuarios se sientan identificados y bienvenidos.

En ese sentido, la falta de imágenes de espectadores o personas en la página podría limitar la inclusión de algunas identidades de género, especialmente si el contenido del sitio web se dirige a un público diverso. Por lo tanto, se sugiere considerar incluir imágenes y contenido que representen la diversidad de género en la página, para asegurar una experiencia inclusiva y representativa para todos los usuarios.

Debate0en Evaluación Heurística Ataquilla.com

No hay comentarios.

Publicado por

Evaluación heurística MercadoLibre

Publicado por

Evaluación heurística MercadoLibre

Post de analisis heurístico En este post se realiza un análisis heurístico de la página web del ecommerce latinoamericano Mercadolibre. El análisis…
Post de analisis heurístico En este post se realiza un análisis heurístico de la página web del ecommerce latinoamericano…

Post de analisis heurístico

En este post se realiza un análisis heurístico de la página web del ecommerce latinoamericano Mercadolibre. El análisis se realiza teniendo en cuenta los diez principios de Nielsen y su aplicación sobre la pagina teniendo en cuenta sus implementaciones buenas y malas.

Metodología

Para realizar el análisis se han seguido los textos propuestos en los recursos de la PEC en especial los relacionados con la evaluación heurística (Nielsen, 1994; Modroño, 2017, 2018; Cuaderno de evaluación de la usabilidad).  Se han tomado capturas de pantalla de cada uno de los ejemplos de los principios que se reflejan en la página, seguido de los ejemplos de buenos y malos usos de los principios heurísticos, también, se realizan recomendaciones a implementar para mejorar el diseño de la pagina y corregir lo errores notados.

1. Empate entre el sistema y el mundo real 

Buena práctica: un ejemplo de buena práctica es la forma en la que organizan algunas de las categorías de productos, la que se muestra en la imagen es la de productos de supermercado; se organizan productos con base en su utilidad, al igual que en las tiendas físicas.

Mala práctica: me parece que existe un exceso de categorías entre categorías, todo está muy “cuadriculado”, puede que el usuario pueda ubicar mejor el producto que quiere de esta manera, pero, igual es mucha información en pantalla, cosa que en tiendas físicas está mejor distribuida. Sería más útil poner un buscador dentro de las categorías, para que el usuario no pierda tanto tiempo buscando productos.

2. Diseño estético y minimalista

Este punto me parece que es un poco irónico, ya que la página cumple con un diseño estético pero a veces poco minimalista, como vamos a ver a continuación:

 

Buena práctica: en este caso, tenemos que las categorías se agrupan bajo iconos sencillos y reconocibles a los usuarios, lo cual está muy bien y no satura la interfaz.

Mala práctica: pero, por otro lado, tenemos que en la página también se muestran las categorías de manera escrita, lo cual se hace de una forma excesiva y saturante para el usuario. Como se puede ver en la imagen de abajo, todo lo que está en texto, son categorías. Quizás no sea necesario tener que quitar las categorías para solucionar, en cambio, se podrían colocar pestañas que permitan reducir la cantidad de texto en pantalla para hacer más cómoda la interacción al usuario.

3. Ayudar a reconocer, diagnosticar y recuperarse de errores

Buena práctica: En este caso se nos informa de un error en el que tratamos de ingresar con una cuenta de correo correspondiente al dominio venezolano de la página, a la página colombiana; la solución que se nos da es un link que nos redirige hacia el dominio de Venezuela.

Mala práctica:  en este caso, al tratar de crear una cuenta, en la fase de reconocimiento facial aparece un error, pero no dice ni como solucionarlo ni por que se ocasiona, entonces dejan al usuario básicamente a medio camino de crear su cuenta. Hacer evidente el error, para que el usuario sepa que está pasando sería de mucha ayuda, en conjunto con un link directo hacia soporte. 

 

4. Visibilidad del estado del sistema 

 

Buena práctica: Mercadolibre siempre nos permite conocer en qué paso de la compra nos encontramos con la opción del carrito, como también nos permite conocer qué elementos pasados hemos visto a través del historial.

 

Mala práctica: el sistema falla en siempre dar la ubicación del usuario en la página, por ejemplo, en la imagen nos encontramos en la categoría cables, pero en ningún momento se nos indica que nos encontramos allí. Sería bueno añadir un mapa de la página accesible en todo momento, para guiar al usuario.

5. Control y libertad del usuario 

Buena práctica: al crear una cuenta, te dan la opción de deshacer y de repetir alguno de los pasos anteriores por si te equivocaste al hacerlo; como también, si dejas el proceso detenido y sin completar, puedes continuarlo después.

Mala práctica: es curioso, que la mala práctica se encuentre en el mismo proceso de creación de cuenta. Solo que esta vez, se da cuando hay un fallo al reconocer tu imagen facial; el error puede seguir ocurriendo y nunca se te dan opciones para retomar después, o hacer algo distinto; es poco claro que puedes salir de la página sin perder el proceso. Así, implementar un botón que permita volver a la página anterior, o a la página principal, sería una buena idea.

 

 

6. Ayuda y documentación 

 

Buena práctica: como podemos ver, la página cuenta con un apartado de FAQ y de ayuda bastante completo, cuenta con un buscador también, para facilitar la búsqueda de información del usuario.

Mala práctica:  una mala práctica que tiene la página es que no hay forma de contacto directo, no hay direcciones de correo electrónico, ni chats de ayuda. Todo depende de que el usuario lea instrucciones y busque su solución. La solución, por lo tanto sería implementar chats de soporte, links o medios de contacto mas evidentes para el usuario.

 

7. Prevención de errores 

Buena práctica: el sistema cumple con avisar alteraciones que puede tener el servicio que presta la página, en este caso nos está avisando de que no se realizan envíos hacia la ubicación deseada y que el producto no está disponible si no hasta un día después de realizar la compra. Esto no crea falsas expectativas.

Mala práctica: En este caso tenemos una mala práctica al momento de crear una cuenta, en la que se da un fallo al utilizar la cámara del dispositivo para realizar reconocimiento facial; la cosa es, que la cámara si funciona durante todo el proceso, pero la pagina de igual manera da error y ninguna de las soluciones que propone sive. Una opción que se podría implementar, seria un link hacia soporte en caso de que el usuario no encuentre la solución.

8. Flexibilidad y eficiencia de uso 

Buena práctica: en este caso tenemos la opción del carrito de compra, la cual nos permite añadir objetos a nuestro carrito, para seguir explorando más productos para añadir. Es una opción “avanzada” que puede ahorrar tiempo de navegación a las personas.

Mala práctica: Como mala práctica, tenemos el hecho de que al iniciar sesión, después de haber seguido todos los pasos correctamente y darle al botón iniciar sesión, la página nos dice que hay que rellenar un captcha; cosa que se pudo haber hecho desde el principio. Una solución podría ser que el captcha siempre esté activo.

9. Reconocimiento mejor que recuerdo

 

Buena práctica: dentro de las categorías de compra de la página suelen haber buscadores especializados de productos, los cuales ayudan al usuario a poder realizar la búsqueda de manera más sencilla. En este caso tenemos un buscador de automóviles con varias opciones de búsqueda.

Mala práctica: en este caso tenemos que en la barra superior parece haber un exceso de “títulos” que en sí, si guían al usuario durante su navegación, pero que pueden ser reducidos mediante un símbolo, como lo es el de menú hamburguesa.

10. Consistencia y estándares 

 

Buena práctica: Una buena práctica es que los botones de acciones importantes están estandarizados con el color azul de fondo y la letra blanca para la fuente. Esto se cumple por todo el recorrido de la página.

Mala práctica: un ejemplo de mala práctica es como se utiliza el banner principal de la página, para meter publicidad de suscripciones, cuando en casi ninguna pagina que conozco pasa esto, es raro ver eso en la esquina superior derecha siempre. Una solución podría ser quitar la publicidad y no colocar nada, o colocar otro tipo de imagen que le aporte utilidad a los usuarios, por ejemplo ahí podría ir una opción de chat de ayuda.

Consideraciones de la interfaz desde una perspectiva de género e inclusión

En si, durante mi uso de la interfaz no encontré ningún tipo de discriminación directa hacia grupos sociales. La empresa como tal, cuenta con una política inclusiva bastante seria, en relación a sus empleados, aunque navegando por la página se pueden encontrar unos cuantos descuidos del género de los usuarios, como por ejemplo, en las categorías dedicadas a ropa, los filtros por género solo consisten en: hombre, mujer, niño, niña y sin género (aunque en realidad me parece que son categorías que se adaptan al tipo de ropa que se vende). La página no hace uso de colores de manera sexista, ni de manera excluyente.

De hecho, la página tiene un apartado exclusivo de accesibilidad en donde se explica su compromiso para hacer una página accesible para todo público, independientemente de sus capacidades. Constantemente se están evaluando para adaptar el uso de la página a todo público.

Debate0en Evaluación heurística MercadoLibre

No hay comentarios.

Publicado por

PEC2: Evaluación heurísitca

Publicado por

PEC2: Evaluación heurísitca

1. Objetivos 1.1. Interfaz La interfaz elegida es la aplicación Style DNA: Your Pocket Stylist. Se trata de un virtual closet y outfit planner…
1. Objetivos 1.1. Interfaz La interfaz elegida es la aplicación Style DNA: Your Pocket Stylist. Se trata de un…

1. Objetivos

1.1. Interfaz

La interfaz elegida es la aplicación Style DNA: Your Pocket Stylist. Se trata de un virtual closet outfit planner que tiene como objetivo ayudar al usuario a almacenar su ropa, así como las distintas combinaciones que se pueden realizar con ellas y descubrir nuevas marcas. Contiene las siguientes funciones principales:

  • Un armario virtual donde los usuarios pueden tomar fotos de su ropa o buscar imágenes en línea para agregarlas a su colección de ropa.
  • Categorización de prendas que las organiza las prendas en diferentes categorías para una fácil navegación.
  • Creación de conjuntos que permite a los usuarios arrastrar y soltar prendas en una interfaz visual y guardar los conjuntos completos en su armario virtual.
  • Recomendaciones de conjuntos que utiliza un algoritmo de inteligencia artificial para ofrecer recomendaciones personalizadas en función de las prendas que el usuario tiene en su armario virtual, así como poder incluir a estos conjuntos ropa nueva que puede adquirir el usuario.
  • Seguimiento de tendencias que permite a los usuarios estar a la moda con las últimas tendencias y recibir sugerencias para incorporarlas en su estilo personal.

1.2. Metodología

Se llevará al cabo la evaluación a través de los diez principios de Nielsen, justificando en cada parte cómo afecta ese principio a la interfaz e interacción del usuario. Así mismo, he señalado un listado de gravedad respecto a la experiencia del usuario.


2. Análisis

2.1. Los diez principios heurísticos de Nielsen

1. Visibilidad del estado del sistema.

Descripción: Después de realizar el test personalizado, la app enseña una pantalla de carga. A medida que sube la barra de carga, la app enseña al usuario distintas funcionalidades, como podemos observar en la foto.

Valoración: No obstante, tengo la impresión de que realmente es un simulador de carga, pues mientras lo hacía, aparecía la opción de subscribirte a un plan y los distintos precios, desapareciendo por completo la pantalla de carga; esto provocaba que rompiera dicha simulación.

Gravedad: 2. No demuestra de verdad una barra de carga, sino que se realiza como una estrategia para atraer al usuario a subscribirse a un plan de pago y estropea su experiencia del usuario, al percibirse como spam.

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

Descripción: La aplicación se ajusta a los objetos de la vida real.

Valoración: Las subclases del índice son abundantes. Quizás una segunda agrupación resultaría más sencilla para el usuario.

3. Libertad y control por parte de la persona usuaria.

Descripción: Esta captura de pantalla muestra el test inicial que se le realiza al usuario para personalizar mejor el contenido expuesto.

Valoración: El usuario no puede rectificar lo que ha elegido después de darle «next», lo cual resulta bastante problemático, ya que no se puede volver a realizar el test una vez estás registrado.

Gravedad: 1. Este error perjudica en gran medida la experiencia el usuario, pues realizar de nuevo el test supondría borrar su cuenta y volver a realizarlo. Debería ser un proceso fácil y rápido.

4. Consistencia y estándares.

Descripción: Este es el menú principal de la aplicación, situado en la esquina inferior izquierda. Como se puede observar, la aplicación cumple con la consistencia y estándares, como por ejemplo el símbolo situado en la esquina superior izquiera: la bolsa indica el carro de la compra, pero en este caso se ajusta al contexto de compra de ropa.

Valoración: El icono de la bolsa de compra resulta ser muy pequeño. Un tamaño más grande ayudaría a encontrarlo al usuario, sobre todo con problemas de visión.

5. Prevención de errores.

Descripción: Después de realizar el test personalizado, se le pide al usuario un selfie para comprobar los colores más acordes a su constitución.

Valoración: La prevención de realizar una mala foto está muy bien expuesta e ilustrada en este caso.

6. Reconocimiento antes que recuerdo.

Descripción: En el perfil, se puede observar las estadísticas de la cantidad de cada uno de los parámetros estéticos que mejor le quedan al usuario. Además, todos los iconos van acompañados de un icono.

Valoración: Los iconos de «Color» y «Fabric» no representan del todo el concepto asignado. Quizás el cambio a otros símbolos más universales (una paleta de pintor, un rollo de tela) ayudarían más al usuario con su asociación.

7. Flexibilidad y eficencia en el uso.

Descripción: Se trata de la función de añadir prendas al armario virtual.

Valoración: El usuario puede realizar una foto de su compra, pero para aquellos usuarios que quizás, por diversos motivos de salud o desconocimiento de tecnología, les resulte más difícil utilizar la cámara, añadir las prendas desde el catálogo ya formado es buena idea.

8. Diseño estético y minimalista.

Descripción: Este es el apartado del catálogo, donde el usuario puede buscar los objetos que desea.

Valoración: Precisamente al tratarse de un apartado de búsqueda, debería ser un diseño mñas estructurado.

Gravedad: 5. Hay muchas objetos en una interfaz de búsqueda. Debería tener un diseño más sencillo, así como una ligera reducción de tamaños de algunas letras, que disconcordan con la página en general.

9. Ayuda a las personas usuarias a reconocer y diagnosticar los errores y a recuperarse.

Descripción: Se trata de la pantalla de ayuda de la aplicación.

Valoración: Más opciones ayudarían al usuario, de diversas índoles.

Gravedad: 3. Resulta ser demasiado escaso ante los numerosos problemas a los que se puede encontrar el usuario (problemas con la cámara, etc.).

10. Ayuda y documentación.

Descripción: Se trata de los ajustes de la apliación.

Valoración: Se debería incluir ajustes de usuario, como por ejemplo, las preferencias.

Gravedad: 4. Los ajustes, realmente, no incluyen la opción de modificar, por ejemplo, las preferencias o ajusted de perfil.

2.2. Consideraciones: inclusión y género

Este tipo de aplicaciones suelen ir enfocadas exclusivamente a mujeres con bastantes consecuencias negativas, como por ejemplo un mayor foco de consumismo y un reforzamiento de los esteriotipos de género. La ropa no tiene género, ni debería ser catalogada dependiendo de ello: un hombre puede ponerse un vestido. No obstante, la implementación futura que realiza la aplicación para incluir también hombres usuarios me parece buena idea; espero que el catálogo no se limite a cada género y cada usuario pueda acceder al otro si así lo desea.


3. Conclusiones

La aplicación es relativamente nueva y tiene margen de mejora; una vez solventados los problemas que presenta, podría resultar en una aplicación muy cómoda para el usuario.

Debate0en PEC2: Evaluación heurísitca

No hay comentarios.