Publicado por

Análisis Heuristico Impala Vintage – Gerard López Chacon

Publicado por

Análisis Heuristico Impala Vintage – Gerard López Chacon

Impala Vintage es un sitio web dedicado a la venta de ropa y accesorios de estilo vintage. Metodologia El análisis de Impala…
Impala Vintage es un sitio web dedicado a la venta de ropa y accesorios de estilo vintage. Metodologia El…

Impala Vintage es un sitio web dedicado a la venta de ropa y accesorios de estilo vintage.

Metodologia

El análisis de Impala Vintage realizado se basa en los Diez Principios de Nielsen (https: //www.nngroup.com/articles/ten-usability-heuristics/).

Nos gustaría aprovechar esta oportunidad para realizar una evaluación 

Usando ejemplos del sitio web de Impala Vintage, ilustraremos cada principio usando  buenos y  malos ejemplos.

  1. Visibilidad del estado del Sistema

El sitio web de Impala Vintage nos muestra el principio de visibilidad de estado del sistema al mostrar todo el rato que en nuestro carrito hay artículos guardados. Manteniendo así al usuario informado sobre si tiene el carrito vacío o no.

Por otro lado un mal ejemplo es que no puedes ver ni el total de la compra ni cuantos artículos dispone el usuario en el carrito, haciendo así que pueda llegar a confundirse con lo que ha seleccionado o no.

  1. Coincidencia entre el sistema y el mundo real

Esta web utiliza imágenes basadas en el mundo real para representar cada uno de los productos que venden dentro de su sitio web. Eso facilita a los usuarios a identificar rápidamente cada producto dentro del sitio. También han introducido logotipos de sus principales marcas para filtrar más rápidamente dentro de sus productos

Solo han puesto 5 marcas dentro de todo el amplio abanico de productos que disponen dentro de su tienda online, eso puede hacer que el usuario que busque marcas fuera de esas no permanezca dentro del sitio web.

  1. Control y libertad del usuario

Una vez ya dentro de la confirmación de la compra, disponemos de un botón donde nos llevará de nuevo al carrito para modificar este y tener el control y libertad que nos explica el principio de Nielsen.

Por otro lado puede ser confuso de encontrar ya que se encuentra en una esquina de la pantalla y puede ser de dificultosa visualización.

  1. Consistencia y estándares

Podemos encontrar el principio de consistencia y estándares que encontraremos en el botón de carrito que está colocado siempre en la misma ubicación que en la gran mayoría de las webs por lo que los usuarios están ya acostumbrados a buscar en ese lugar.

Si no utilizaran esta arquitectura y disposición los usuarios no encontrarán el carrito y puede generar confusión y rechazo.

 

  1. Prevención de errores

Nos hace un recordatorio en la parte inferior de la pantalla para hacernos recordatorio e informarnos de cuánto nos falta en nuestro carrito para que nos salga el envío gratuito.

Por otro lado, debería de estar más cerca de la zona del carrito de la compra para poder localizarlo más rápido y fácilmente.

 

  1. Reconocimiento en lugar de recuerdo

Esta web nos hace una selección llamada Impala vintage que una vez usas con frecuencia el sitio te hace una selección personalizada de los productos que acostumbras a mirar en el sitio.

  1. Flexibilidad y eficiencia de uso

Esta web nos proporciona unos filtros de tallaje de ropa y nos filtra también por colección, esto lo que nos permite es que nuestra experiencia de compra sea más eficiente y nos permite más flexibilidad al usuario a personalizar sus resultados según sus preferencias.

Una mala práctica es que en los filtros no se vuelva a repetir los filtros por marca que anteriormente nos han mostrado dentro de la web principal.

  1. Diseño estético y minimalista

Esta web nos muestra una arquitectura y diseño minimalista donde encontramos los productos bien presentados sobre un fondo blanco que contrasta perfectamente, donde no encontramos ningún tipo de distracción ni elementos que nos hagan perder el hilo de visualización. Además que dispone de una paleta de colores simple y unificada que se repite en todo el largo de la web.

Trabajan con un estilo minimalista muy pronunciado que nos puede llegar a dar la sensación de que está por acabar de diseñar. No obstante es funcional.

  1. Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de errores

Este sitio web dispone de un chat de ayuda que permite a los usuarios obtener asistencia en diferentes posibles problemas que podemos encontrarnos por la web.

10.Ayuda y documentación

En el final de la página muestra un apartado para términos legales e información de contacto. También en el mismo chat se muestran preguntas más frecuentes o información para seguir el pedido.

Propuesta de mejora
  • Repetir el filtro de marcas dentro del apartado de marca. 
  • Hacer un mensaje de pop-up para las informaciones de pedidos mínimos para que te salga el envío gratuito.
Conclusión

El sitio web de Impala Vintage se adhiere a los 10 principios de  buena usabilidad de Nielsen. En esta publicación pudimos observar esto al revisar cada principio y sus ejemplos. Mercadona lo hizo bien esta vez.

Debate0en Análisis Heuristico Impala Vintage – Gerard López Chacon

No hay comentarios.

Publicado por

Anàlisi heurística de Book Track

Anàlisi heurística de Book Track
Publicado por

Anàlisi heurística de Book Track

La selecció L’objectiu d’aquesta publicació és fer una anàlisi heurística, partint dels deu principis de Jakob Nielsen, d’una interfície digital. En aquest…
La selecció L’objectiu d’aquesta publicació és fer una anàlisi heurística, partint dels deu principis de Jakob Nielsen, d’una interfície…

La selecció

L’objectiu d’aquesta publicació és fer una anàlisi heurística, partint dels deu principis de Jakob Nielsen, d’una interfície digital. En aquest cas, he seleccionat l’aplicació per a telèfons intel·ligents Book Track, que és una biblioteca de llibres, més orientada a un ús personal que no a un ús social com altres del mateix tipus. No és una aplicació que utilitzi molt ni de la seva usabilitat en depenen negocis o sistemes estratègics, però fins i tot en aquests casos, un bon disseny i una bona usabilitat acaben decidint als usuaris a fer-ne anar una o una altra.

La metodologia

Aquesta anàlisi es basarà en els 10 principis de Jakob Nielsen, que són unes regles bàsiques sobre les quals s’han generat mètodes d’avaluació d’interfícies des d’un concepte holístic. L’anàlisi acabarà amb una matriu de gravetat, on s’analitzarà la importància dels problemes trobats i s’hi donarà una solució.

Aquests deu principis són:

  1. Visibilitat de l’estat del sistema.
  2. Adequació entre el sistema i el món real.
  3. Llibertat i control per part de l’usuari.
  4. Consistència i estàndards.
  5. Prevenció d’errors.
  6. Reconeixement abans que record.
  7. Flexibilitat i eficiència en l’ús.
  8. Disseny estètic i minimalista.
  9. Ajuda els usuaris a reconèixer i diagnosticar els errors i recuperar-se’n.
  10. Ajuda i documentació.

L’anàlisi

1. Visibilitat de l’estat del sistema.

♥ Bones pràctiques

En general, la resposta del sistema és bona, els botons reaccionen amb canvis de color, els plafons que van apareixent o els canvis de pantalla tenen animacions ràpides i fluides, les cobertes dels llibres també tenen una petita animació. En tot moment, l’usuari veu com l’aplicació reacciona immediatament a les seves accions.

∅ Errors detectats

El formulari de cerca de llibres té un petit error, ja que la primera vegada que s’hi introdueix text,  no fa cap cerca, de forma que s’ha de tornar a posar el focus al camp, i tornar a prémer la tecla de cerca, i llavors sí que mostra els resultats, tal com es veu al gif adjuntat. Canviant l’idioma de la cerca, a vegades els resultats s’actualitzen automàticament i d’altres no.

Un altre error trobat és en la gestió de les ubicacions, on no es mostren les ubicacions introduïdes prèviament, i fa la sensació que no n’hi ha cap d’introduïda, quan no és el cas. A més, quan es prem el botó «+ Seleccionar lloc», llavors surten les entrades prèviament, però no queda gens clar el comportament.


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

♥ Bones pràctiques

L’aplicació recrea objectes i situacions reals per millorar la seva usabilitat. Els llibres són un objecte físic, i la portada és el seu tret més diferencial. Per això, Book Track mostra sempre la portada dels llibres, en qualsevol llistat on es mostrin.

També ens permet classificar els llibres en una ubicació física: un habitatge, format per habitacions, que estan formades per prestatges o llibreries, de forma que l’entorn digital ens permet trobar fàcilment un llibre en l’entorn real.

Una altra bona pràctica que hi trobem és el control del progrés de lectura: mentre que en llibres digitals mostra el percentatge llegit, en els llibres físics mostra pàgines.

∅ Errors detectats

En el món real, els usuaris tenen diversos dispositius, i aquesta aplicació treballa amb una base de dades diferent per a cada dispositiu, de forma que un usuari només la pot tenir en un únic dispositiu, a excepció que utilitzi importacions / exportacions freqüentment.


3. Llibertat i control per part de l’usuari.

♥ Bones pràctiques

Per utilitzar aquesta aplicació, no s’ha de crear cap usuari i, per tant, no s’envien les nostres dades personals a la base de dades de l’empresa desenvolupadora.

També permet exportar tot el catàleg a un fitxer csv, així com importar de diferents plataformes de catàlegs de llibres. Evidentment, també podem eliminar totes les dades introduïdes a l’aplicació.

∅ Errors detectats

El fet de no treballar amb usuari, significa que per a cada dispositiu, el catàleg de llibres és únic, de forma que no es pot tenir a l’ipad i al mòbil. A més, tampoc disposa de versió web.


4. Consistència i estàndards.

♥ Bones pràctiques

L’aplicació és consistent: les animacions de canvi de pantalla són sempre iguals, tots els llistats de llibres tenen un filtre a la part superior, i, en general, l’aplicació es comporta com esperes, un cop l’has utilitzat.

Una altra bona pràctica de consistència és que les icones de les estadístiques de la pantalla inicial que fan referència a Biblioteca i Llista de desitjos, són les mateixes que trobem en els llistats dels llibres.

 

∅ Errors detectats

El principal problema que li veig en aquest punt és que el disseny no segueix els estàndards de la navegació de les aplicacions per a iOS, que tenen la barra inferior amb tres o quatre punts de navegació.

També destacaria l’ús dels colors, on els llibres que tenim tenen una icona taronja i els que volem una de vermella, són colors poc indicatius i amb significats culturals que poca relació tenen amb la funcionalitat.


5. Prevenció d’errors.

♥ Bones pràctiques

La possibilitat de l’usuari d’aquesta aplicació de cometre errors és bastant limitada, per ser una aplicació relativament senzilla i amb poques funcionalitats, i perquè l’ús principal que se’n farà serà amb les opcions automàtiques: entrar un llibre a partir dels resultats que retorna la cerca, que són modificables en cas que hi hagi algun error.

Amb les dades ja introduïdes, l’única confirmació que es demana és quan es vol esborrar un llibre. Qualsevol modificació de les dades d’un llibre s’accepten directament, comportament raonable, ja que el llibre segueix estant disponible per si la modificació és accidental.


6. Reconeixement abans que record.

♥ Bones pràctiques

Les estadístiques de la pantalla principal van acompanyades d’una etiqueta indicativa, fent molt fàcil la seva comprensió i evitant haver de recordar què significa cada una de les icones.

Amb les dades ja introduïdes, l’única confirmació que es demana és quan es vol esborrar un llibre. Qualsevol modificació de les dades d’un llibre s’accepten directament, comportament raonable, ja que el llibre segueix estant disponible per si la modificació és accidental.

 

∅ Errors detectats

La introducció de llibres mitjançant l’escaneig del codi de barres permet escanejar-ne més d’un de seguit, per, posteriorment, introduir-los tots a la vegada. Però això en cap moment s’indica durant el procés, de forma que l’usuari ho ha de descobrir per si sol, i recordar-ho la pròxima vegada.


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

♥ Bones pràctiques

Book Tracker ofereix un grau bastant elevat de personalització. La part més evident és, sens dubte, la possibilitat de mostrar o ocultar tota la informació que pots mostrar la pantalla inicial, excepte les estadístiques superiors.

També permet introduir els llibres de tres maneres: escanejant el codi de barres, buscant per usuari, títol, o codi ISBN, o bé introduint manualment tota la informació, funcionalitat molt útil en el cas que el llibre no formi part de les bases de dades d’on extreu la informació.

Les estadístiques de la pantalla inicial són també botons que permeten obrir el catàleg de llibres que es tenen i els que es volen tenir, que són les dues funcions més utilitzades de l’aplicació.

Fins i tot deixa escollir la icona de l’aplicació.

 

∅ Errors detectats

Buscar un autor pot ser complicat perquè s’ha de buscar manualment dins el llistat d’autors, ja que no hi ha cap cerca disponible. Per exemple, he buscat Edgard Allan Poe per una captura del punt 4, i com que no recordava l’ordre de la llista, primer he buscat Alla, després Edgard, i finalment Poe. El mateix passa amb editorials o categories, però aquestes mai seran tan extenses com la d’autors, ni tan utilitzades.

La forma de crear Ubicacions i habitcions i prestatgeries és del tot confusa, és bastant caòtic l’ús d’aquesta part de l’aplicació.


8. Disseny estètic i minimalista.

♥ Bones pràctiques

El disseny és correcte, compleix amb els requisits més bàsics: que sigui homogeni i coherent al llarg de totes les pantalles, que sigui nítid, i que no tingui elements extres. La visualització és clara i no hi ha elements que la sobrecarreguin. I les icones aporten la informació extra per donar context quan és necessari.

∅ Errors detectats

No són pròpiament errors, i potser són casos una mica al límit de què és un error o no, però trobo que el disseny no és atractiu, i que colors com el del fons o el mateix blau principal no estan ben trobats. El disseny de les icones també és millorable.


9. Ajuda els usuaris a reconèixer i diagnosticar els errors i recuperar-se’n.

♥ Bones pràctiques

En aquest cas, la bona pràctica ajuda a què no calgui reconèixer els errors ni recuperar-se’n perquè ja no es produeixen. L’entrada manual de llibres no activa el botó Desar si no s’ha posat un títol, i per crear un auto es necessita, com a mínim, el cognom, que és el paràmetre utilitzar per a l’ordenació. Tampoc hi ha més formularis on es puguin introduir dades incorrectes o es puguin generar errors a conseqüència d’una acció de l’usuari.


10. Ajuda i documentació.

♥ Bones pràctiques

L’aplicació és tan senzilla que no necessita cap mena d’ajuda. L’acció més problemàtica, que és la importació d’un catàleg mitjançant un fitxer csv, està resolta amb un text d’ajuda a la mateixa pantalla d’importar. Aquesta opció ofereix 4 formats de fitxers csv generats per plataformes àmpliament utilitzades, i una cinquena opció, per a formats lliures. Seleccionant aquesta opció, es mostra més ajuda sobre com fer la importació, que bàsicament és una manera estàndard i generalitzada consistent en associar cada columna a una dada (i que també es podria incloure al punt 4. consistència i estàndards).

  

∅ Errors detectats

Hi ha una petita inconsistència lingüística, que podria ser problema de traducció o del text original, depenent de la pantalla es parla d’Ubicació o de Posicions.

A Gesitonar posicions, el botó té un text «+ Seleccionar lloc», on el símbol «+» contradiu totalment l’acció Seleccionar, ja que el «+» s’utilitza sempre per crear.


La matriu de gravetat

Per aquesta matriu, s’han utilitzat aquests valors per avaluar la gravetat:

  • 0 = no és un problema d’usabilitat.
  • 1 = problema sense importància: no és necessari solucionar-lo llevat que es disposi de temps en el projecte.
  • 2 = problema d’usabilitat menor: problema de baixa prioritat.
  • 3 = problema d’usabilitat greu: problema d’alta prioritat.
  • 4 = catàstrofe: imprescindible solucionar-lo.

Debate0en Anàlisi heurística de Book Track

No hay comentarios.