INTRODUCCIÓ

L’aplicació de Vinted ha estat escollida pel seu ús personal i la popularitat creixent cap a un mercat més sostenible. La compra venda de roba i productes de la llar de segona mà, s’ha convertit en una tendència actual de comerç en línia.

El fet que aquesta plataforma tingui vàries funcionalitats rellevants com la de crear anuncis per a vendre, navegar i cercar productes, fer pagaments en aquesta mateixa o gestionar els enviaments, fa que aquesta sigui interessant per a analitzar i estudiar la seva bona i mala implementació dels 10 principis de Jakob Nielsen.

METODOLOGIA

Per a dur a terme aquesta anàlisi dels principis heurístics, primerament s’ha fet un estudi d’aquests amb els recursos proporcionats i la cerca per Internet.

Un cop sabuts aquests i tenint un coneixement previ, s’ha començat a fer ús de l’app a analitzar per veure com s’apliquen al llarg de tota la interfície i les seves funcionalitats importants. Identificant-los en el seu bon ús i detectant possibles millores i recomanacions.

Obtenint, una avaluació objectiva i força detallada per a millorar l’experiència com a usuari per a un ús més eficient i efectiu, i al mateix temps, més agradable.

PRINCIPIS DE JAKOB NIELSEN

1. VISIBILITAT DE L’ESTAT DEL SISTEMA

+ L’app manté informat a l’usuari sobre l’estat de les seves compres. Informa de la seva confirmació, rebent un correu al compte associat i una notificació a la mateixa aplicació. També mostra un seguiment del procés d’enviament i notifica un cop aquest ha acabat i s’ha entregat el paquet al comprador.

– A vegades aquesta retroalimentació (feedback) no és immediata. Tenint retard en l’actualització de l’estat del procés o la visualització i edició del producte a vendre. Generant desconfiança.

2. CORRESPONDÈNCIA ENTRE EL SISTEMA I EL MÓN REAL

+ Fa ús d’un llenguatge clar i familiar. Els botons van acompanyats de les seves descripcions (etiquetes)  de termes intuïtius com “vender”, “buscar”, “mensajes”… En fer el filtratge de cerca, les categories s’adeqüen a les necessitats que esperem trobar, fent una bona segmentació depenen de si vols roba d’home, de dona, per a nens…

–  L’aplicació no té un mecanisme de revisió de les publicacions prou detallat, això fa que a vegades, publicacions amb imatges poc nítides, mal il·luminades o que mostrin pocs detalls de la peça. Comportant incertesa per part dels compradors en no mostrar realment com és aquesta.

3. CONTROL I LLIBERTAT D’USUARI

+ Permet modificar el perfil, editar les publicacions un cop penjades, eliminar articles o afegir-los com a favorits. També permet fer un control simple de les transaccions, donant l’opció d’enviar el teu saldo al compte bancari associat amb tan sols un clic.

– No és possible modificar el lloc d’entrega del paquet un cop comprat aquest. Has de cancelar la compra i fer una de nova.

4. CONSISTÈNCIA I ESTÀNDARS

+ Manté una estructura coherent en tota la plataforma (web, app). Les icones i botons estan en llocs consistents, facilitant la navegació. Mantenint un mateix estil uniforme en tota l’app.

5. PREVENCIÓ D’ERRORS

+ Fa una bona implementació en els processos de compra i venda. Per exemple, quan l’usuari fa la compra, l’app mostra un resum detallat d’aquesta abans de la seva confirmació. Ressaltant la informació important com els preus de l’enviament, de protecció com a comprador i el preu total.

– Tot i que les confirmacions són força clares a vegades alguns errors en la validació de dades com l’adreça de l’enviament o el mètode de pagament no es comuniquen de manera immediata. On els usuaris finalment s’acaben adonant de l’error un cop s’està acabant el procés de compra (enviament i la seva entrega).

6. RECONEIXAMENT ABANS QUE RECORD

+ Vinted aprofita l’historial de cerca i els productes vistos anteriorment per facilitar la navegació i la compra de l’usuari. Oferint recomanacions personalitzades i mostrant productes similars.

– Les cerques i el seu filtratge corresponent només queden guardades a l’historial, donant la possibilitat de guardar-les. Aquestes estarien bé tenir un apartat corresponent a part del simple historial, per així, anar veient si s’han publicat nous productes relacionats amb la cerca d’una forma més visible que no pas l’historial, on la cerca pot ser antiga i no aparèixer o estar en les últimes posicions.

7. FLEXIBILITAT I EFICIÈNCIA D’ÚS

+ L’ampli filtratge de cerca, ajuda als usuaris a trobar més ràpidament els productes específics segons els seus criteris com la talla corresponent, el preu mínim i màxim, la comndició d’estat (nou, usat…), etc. Beneficiant-se d’aquestes cerques com s’ha comentat, per a rebre recomanacions personalitzades, fent més eficient aquest procés

– L’app pot anar més lenta a l’aplicar múltiples filtres de cerca o quan la connexió d’internet és baixa. Obtenint una experiència menys satisfactoria al no carregar les imatges dels productes a veure o fer una navegació més duradera.

8. ESTÈTICA I DISSENY MINIMALISTA

+ Presenta un disseny visual atractiu, net i minimalista i modern per a l’ús actual. Amb colors suaus i un fons blanc per ressaltar les imatges dels anuncis dels productes i els botons i icones. Fent que la navegació sigui més agradable.

– Tot i ser un disseny minimalista, la pàgina d’inici pot veure’s força sobrecarregada. Oferint les recomanacions dels productes, els productes vistos anteriorment, les novetats, marques poc interessants, etc.

9. AJUDA ALS USUARIS A RECONÈIXER, DIAGNOSTICAR I RECUPERAR-SE DELS ERRORS

+ Proporciona missatges d’error clars quan l’usuari comet algun error, com en el cas de fer una transacció fallida o un pagament no processat. També en intentar publicar un producte sense finalitzar les seves dades.

-Alguns errors poden ser poc detallats. Com pot ser quan penges un article i aquest ja no està disponible, l’app ofereix solucions força generalistes, sense ser del tot clares i detallades de com evitar i solucionar el problema.

10. AJUDA I DOCUMENTACIÓ

+ Compte amb una secció de guia i d’ajuda dins l’app. Aquesta cobreix una àmplia varietat de temes que van des de com crear un anunci fins a com gestionar les transaccions o solucionar problemes comuns.

– Aquesta podria ser més visual. Millorant-la estèticament agregant més vídeos tutorials de passos a seguir de diferents funcionalitats rellevants. Millorant l’experiència principalment pels nous usuaris. 

LLISTA PRIORITATS SEGONS GRAVETAT

1. Feedback/retroalimentació immediata (en l’enviament i publicació d’un producte)
2. Càrrega lenta de les imatges al tenir poca cobertura, connexió o filtratges forces detallats
3. Millorar l’apartat de suport i ajuda, fent-lo més visual i atractiu
4. Minimitzar sobrecàrrega inicial
5. Poca visibilitat de cerques guardades d’interès

PROPOSTES DE MILLORA

1. Implementar un sistema d’actualització a temps real per l’estat de les comandes fetes
2. Optimitzar les imatges perquè s’adaptin a una resolució òptima al dispositiu mòbil. Reduint el seu pes i càrrega.
3. Crear tutorials visuals breus dels passos a seguir.
4. Simplificar pàgina d’inici agrupant seccions i deixant més espai en blanc. Traient partit a les recomanacions i deixant de banda altres característiques com la de nous productes, que aquesta pot ser vista en fer una cerca.
5. Tenir una secció similar a la de productes favorits per a guardar les cerques d’interès. Sent aquesta més visible i més senzilla d’accedir.

CONCLUSIÓ

L’app de Vinted en general fa un bon treball en l’aplicació dels principis de Jakon Nielsen. Oferint una interfície intuïtiva i eficient, amb un disseny atractiu i funcionalitats flexibles per la compra i venda de productes.

No obstant això, existeixen possibles millores, especialment en la millora d’una retroalimentació immediata per evitar errors o problemes d’incertesa.

Amb aquestes possibles millores comentades (velocitat de càrrega, simplificació inicial…), l’experiència en l’app potser encarà més fluida i satisfactòria.

Anàlisi Heurística de l’Aplicació Duolingo

Índex

1. Introducció
2. Metodologia
3. Anàlisi dels 10 Principis Heurístics de Nielsen
4. Llistat Prioritzat segons Gravetat de les Troballes
5. Propostes de Millora
6. Conclusió
7. Referències

1. Introducció

En aquesta anàlisi, es revisa l’aplicació mòbil Duolingo per a l’aprenentatge d’idiomes, destacant els seus punts forts i àrees de millora basant-nos en els 10 principis heurístics de Jakob Nielsen. L’elecció de Duolingo es fonamenta en la seva àmplia història de més de 12 anys de producte, caracteritzada per iteracions constants de disseny i un enfocament en l’aprenentatge interactiu.

2. Metodologia

L’anàlisi s’ha basat en l’aplicació pràctica dels principis heurístics de Jakob Nielsen per identificar àrees de millora i aspectes positius de la interfície. Cada principi ha estat avaluat en funció de la seva aplicació dins de l’app, utilitzant tant el context teòric del Quadern d’Avaluació de la Usabilitat com el marc de disseny de Duolingo per mantenir una avaluació centrada en l’usuari i alineada amb els valors estètics de la marca (imatge 01). Aquesta metodologia segueix l’enfocament del design thinking, posant l’usuari al centre per trobar solucions pràctiques a possibles problemes de disseny.

Anàlisi dels 10 Principis Heurístics de Nielsen

3.1. Visibilitat de l’estat del sistema

Troballa positiva: L’aplicació Duolingo informa els usuaris del seu progrés mitjançant notificacions visuals constants, com ara la icona de flama que indica les ratxes de pràctica diària (veure imatge 02).

Imatge 02 – Duolingo APP – “day streak”

Troballa negativa: No sempre és evident el progrés detallat en l’aprenentatge de cada unitat, fet que pot confondre els usuaris avançats.

Imatge 03 – Duolingo APP – “progress feels generic”

3.2. Correspondència entre el sistema i el món real

Troballa positiva: Les icones utilitzades a l’aplicació, com les que representen el correu i el correu electrònic (veure imatge 04 i 05), fan correspondència amb elements del món real, facilitant la comprensió.

Imatges 04 i 5 – Duolingo APP – “Les icones indiquen que les notificacions es poden configurar per correu electrònic i sms”

Troballa negativa: Algunes metàfores visuals poden resultar menys intuïtives per a nous usuaris, com les icones de lliga (Imatge 06 i 07).

Imatges 06 i 07 – Duolingo APP – “Icones de lliga i insígnies de Challenge mensuals ”

3.3. Control i llibertat de l’usuari

Troballa positiva: L’aplicació Duolingo permet als usuaris sortir d’una lliçó i reprendre-la més tard, proporcionant una certa flexibilitat en la gestió del temps d’aprenentatge (veure imatge 08).

Imatges 08- Duolingo APP – “Icona del botó de tancament ”

Troballa negativa: No hi ha una funció clara de desfer o retrocedir quan es comet un error en un exercici. Aquesta absència pot augmentar la frustració dels usuaris, ja que han de repetir tota la pregunta o exercici per corregir errors mínims. Incorporar una opció de desfer o retrocedir ràpidament ajudaria a millorar l’experiència d’usuari i reduir la frustració.

Imatge 09- Duolingo APP – “error popup ”

3.4. Consistència i estàndards

Troballa positiva: L’aplicació manté una coherència visual i funcional en tota la interfície, seguint les pautes del seu guia de disseny de marca (Imatges 10 – 12).

Troballa negativa: Algunes seccions, com les notificacions (veure imatge 13), poden presentar elements que no segueixen la mateixa coherència de disseny.

Imatges 13- Duolingo APP – “Notificacions ”

3.5. Prevenció d’errors

Troballa positiva: Les pistes visuals i les opcions múltiples ajuden a prevenir errors en la selecció de respostes (veure imatge 14).

Imatge 14- Duolingo APP – “opcions múltiples ”

Troballa negativa: Quan s’introdueixen respostes escrites, no hi ha validació en temps real per evitar errors tipogràfics. (veure imatge 15)

Imatge 15- Duolingo APP – “exemple de errors tipogràfics ”

3.6. Reconeixement abans que record

Troballa positiva: Els usuaris poden reconèixer ràpidament paraules clau gràcies a la repetició en els exercicis (veure imatge 16 i 17).

Imatge 16 i 17- Duolingo APP – “exemple de repetició en els exercicis ”

Troballa negativa: Els menús secundaris i la navegaciò poden requerir que els usuaris recordin on es troben certes opcions.

Imatge 18 i 19- Duolingo APP – “Navegacio i menu secundari ”

3.7. Flexibilitat i eficiència d’ús

Troballa positiva: L’aplicació ofereix funcionalitats que permeten personalitzar l’experiència d’aprenentatge (veure imatges 20 i 21).

Imatge 20 I 21- Duolingo APP – “exemple de l’experiència d’aprenentatge personalitzable  ”

Troballa negativa: La manca de dreceres per a usuaris avançats pot limitar la seva eficiència.

Imatge 22- Duolingo APP – “exemple de l’experiència d’aprenentatge limitada per usuaris avançats”

3.8. Estètica i disseny minimalista

Troballa positiva: El disseny de l’aplicació és net i agradable, amb icones i colors que no sobrecarreguen la interfície (veure Imatge 23).

Imatge 23- Duolingo APP – “exemple d’il·lustració a la plataforma”

Troballa negativa: Algunes pantalles poden mostrar informació massa condensada, com a la secció de lliga (veure imatge 24).

Imatge 24- Duolingo APP – “l’experiència de vegades pot ser una mica aclaparadora”

3.9. Ajuda als usuaris a reconèixer, diagnosticar i recuperar-se dels errors

Troballa positiva: L’aplicació proporciona missatges clars quan es cometen errors durant un exercici (veure imatge 25).

Imatge 25- Duolingo APP – “exemple de missatges d´error”

Troballa negativa: Els missatges d’error podrien ser més detallats per ajudar els usuaris a entendre per què han fallat.

Imatge 26- Duolingo APP –  “exemple de missatges d´error”

3.10. Ajuda i documentació

Troballa positiva: L’aplicació ofereix documentació accessible a través de la seva pàgina de suport.

Imatge 26- Duolingo APP – “FAQ page”

Troballa negativa: No hi ha ajuda integrada directament a l’aplicació per a preguntes freqüents mentre es realitzen les activitats.

4.Llistat Prioritzat segons Gravetat de les Troballes

1. Manca de funció de desfer: Proposta de millora: afegir una funció de desfer ràpida.
2. Validació en temps real per a respostes escrites: Proposta de millora: implementar una funció de validació instantània.
3. Inconsistència en el disseny de notificacions: Proposta de millora: unificar l’estil segons el guia de disseny de marca.
4. Manca d’ajuda integrada: Proposta de millora: afegir una secció d’ajuda en context.
5. Sobrecàrrega visual en algunes pantalles: Proposta de millora: simplificar la informació mostrada.

5.Propostes de Millora

Per millorar l’experiència de l’usuari a l’aplicació de Duolingo, és crucial abordar aspectes que augmentin la seva satisfacció i autonomia. Primerament, la implementació d’una opció de desfer per corregir errors immediats durant les lliçons proporcionaria un major control i reduiria la frustració, especialment en activitats que impliquen múltiples passos. Això ajudaria a fomentar una experiència més fluida i alineada amb les expectatives d’usabilitat segons el principi de control i llibertat de l’usuari. A més, la validació instantània de respostes, amb un feedback clar i intuïtiu, ajudaria els usuaris a comprendre els seus errors i aprendre en temps real, enfortint el procés d’aprenentatge i reduint la repetició innecessària d’exercicis.

Per altra banda, per garantir la consistència visual i evitar la confusió, seria necessari unificar el disseny de totes les seccions de l’aplicació. Això implicaria revisar i ajustar l’ús d’icones, colors, i etiquetes, seguint de manera estricta la Duolingo Brand Design Guide, tal com s’ha observat en exemples positius i negatius. Aquesta coherència reforçaria la percepció de qualitat i professionalitat.

Una altra proposta és la incorporació d’ajuda contextual interactiva, com tutorials breus o missatges d’assistència que apareguin quan l’usuari ho necessiti. Aquesta característica oferiria suport addicional als nous usuaris o aquells menys experimentats, reduint l’abandonament i augmentant la satisfacció general. L’ús d’informació visual clara, com el ressaltat de seccions importants, ajudaria a evitar errors per manca de comprensió.

Finalment, es podria afegir una funcionalitat de seguiment de progrés més detallada que permeti als usuaris visualitzar les seves millores i identificar àrees que necessiten més pràctica, la qual cosa milloraria l’experiència global i motivaria la retenció a llarg termini. Aquestes propostes no només millorarien la usabilitat, sinó que també alinearien l’aplicació amb els principis de disseny centrats en l’usuari, com promou el Design Thinking, posant l’èmfasi en l’empatia i la resolució de problemes reals (Interaction Design Foundation).

6. Conclusió

L’aplicació Duolingo és un exemple de bona aplicació de molts principis de disseny heurístic, com la consistència visual i el suport al reconeixement sobre la memòria. No obstant això, l’anàlisi revela algunes àrees de millora clau per optimitzar l’experiència de l’usuari. En particular, la manca d’una funció de desfer i la necessitat de validació instantània de respostes limiten el control de l’usuari, augmentant la frustració en cas d’errors. A més, unificar el disseny de totes les seccions garantiria una experiència més coherent i professional. La implementació d’aquestes propostes ajudaria Duolingo a reforçar la seva posició com a aplicació d’aprenentatge líder, assegurant una experiència d’usuari que no només sigui eficient, sinó també agradable i intuïtiva.

7.Referències

Universitat Oberta de Catalunya (UOC). (n.d.) Quadern d’Avaluació de la Usabilitat. Barcelona: UOC.

Interaction Design Foundation. Design Thinking. Available at:https://www.interaction-design.org/literature/topics/design-thinking

Duolingo Design Guide. Available at:https://design.duolingo.com/

Introducció

Aquest post tractarà sobre un anàlisi heurístic individual seguint els 10 principis de Jakob Nielsen amb exemples sobre la página web de Domestika. Domestika és una página web dedicada a oferir cursos online de diferents arts creatives com artesanía, disseny, belles arts o cinema. Els cursos són de pagament i cada creador també pot crear un curs pròpiament dit. A més a més la página web vol conenctar els diferents usuàris mitjançant fórums o buscar feina.
L’anàlisi s’ha dut a terme fent una primera visita a la página web per aprendre com es navega i posteriorment he fet un anàlisi mitjançant notes escrites de cada un dels deu principis d’anàlisi heurístic mirant si el principi és freqüentment, si els usuàris ho poden superar i si el problema és fàcil de superar o reapareix. A partir d’aquí presento la problemàtica i plantejo una possible solució si és un problema o el principi està ben solucionat. A continuació ensenyo les conclusions extretes.

Anàlisi segons els principis de Jakob Nielsen

1. Aquí presento dos exemples del primer punt d’anàlisis heurístic de Jakob Nielsen que consisteixen en veure en que está treballant el sistema: el primer exemple és el temps que queda per agafar una oferta de cursos més barats ja que és una cosa que va canviant. Aquest exemple no acaba de funciona bé ja que no és una reacció a una interacció que hagis fet sinó que t’informa d’una promoció que canvia amb el temps. L’altre exemple és que quan donés clic per buscar un curs en concret, la pestanya s’allarga i brilla perquè sàpiguis on estaràs escrivint. Aquest és un bon exemple per dir-li a l’usuàri que l’ordinador está reaccionant a les teves accions.
   
2. Quan parlem de l’adequació del sistema i el món real, sempre parlem de crear similituds que ens siguin fàcils de reconèixer, en aquest cas Adequació entre el sistema i el món real es pot aconseguir mitjançant les icones d’avisos i de compra mitjançant una campana i un carro de la compra, que són objectes de la vida quotidiana que relacionem amb les accions que ens donaràn a la página web.
3. Un exemple de llibertat i control per part de la persona usuària l’he descobert quan he trobat un curs interessant i quan volia tirar enrere ho podia fer mitjançant unes paraules interactives situades a la part superior esquerra, per veure tots els cursos o per anar a la página principal de domestika. Penso que s’hauria de millorar aquest principi ja que aquesta opció es pot repetir si cliques a la icona general del navegador web de tirar enrere o si prems el logotip de domestika que et porta a la página principal. També es podría millorar afegint el tipus de curs que estàs mirant mitjançant una icona o unes paraules més especifiques.
4. El principi número 4 de consistencia i estàndards es compleix si ens fixem en la lupa del cercador ja que aquesta lupa compleix uns estàndards presents a totes les aplicacions i pàgines web, com que és universal i molt utilitzat millor usar aquest que els usuàris ja coneixen que algún altre que sigui diferent però faci la mateixa acció.
   
5. L’opció per suprimir errors que hagis comés el podem trobar quan pots suprimir un curs que està a la teva llista de la compra i que has posat per error. És una bona forma d’entendre aquest principi mitjançant l’ús d’un símbol que sembla una paperera molt visible. Així pots modificar la cistella de la compra si de cas havies afegit una curs de més ho havies fet una pre-selecció.
   
6. El principi reconèixer abans que recordar el podem trobar quan es més fàcil anar a la pestanya “mis cursos” per veure els cursos que ja has comprat abans que fer memòria d’aquests, sobretot si en tens molts. Aquesta pestanya et permet no haver de recordar quins cursos has comprat sinó que anant allà el spots veure directament i quan entres en un curs també et pots marcar les coses que ja has vist per quan tornis a estudiar amb aquests cursos sàpigues per on passaves.
   
7. El principi flexibilitat i eficiència en l’ús es compleix quan vas a buscar feina a Domestika ja que pots acotar la cerca de forma eficient mitjançant les opcions de la part superior com la localització de la feina o la disciplina on hi ha aquesta feina.
   
8. Tot i que aquesta pàgina web gira al voltant de la creativitat, aquesta no traspassa en el disseny de la pàgina web i tal com podem veure a la imatge on es podem triar la categoría del curs que ens interessa hi segueix havent un disseny estètic i minimalista amb la informació simplificada i necessària i amb una unitat estètica entre totes les fotografies.
   
9. Quan la web t’ajuda a reconèixer, diagnosticar errors i recuperar-se es quan comets un error al fer el pagament del curs i la pàgina web t’avisa amb un missatge dient que el número de la tarjeta no és vàlid, perquè quan ho tornis a escriure t’hi puguis fixar millor, el fet que el missatge et digui exactament que és el que ha fallat t’ajuda a l’hora de que puguis solucionar el problema més fàcilment.
   
10. Un mal exemple de l’últim principi, Ajuda i documentació, és que si estàs buscant com fer un pas però en aquest cas l’ajuda está molt amagada i quan hi entres tens molt de text explicatiu. Aquests factors fan que no sàpiguis cap a on anar o respondre per solucionar el dubte que tens.
    

Possibles solucions

Vists els problemes principals d’aquesta pàgina web fent l’anàlisi heurístic considero que el punt que s’hauria d’arreglar és el número 10: Ajuda i documentació ja que s’hauria de col·locar l’ajuda més a mà de qualsevol usuàri en comptes d’estar amagada als primers pasos. Això segurament es podria solucionar col·locant una icona fixa a la pestanya superior del disseny i fent que en comptes de tant de text hi hagués vídeos explicatius explicant la solución als problemes més típics.
També m’agradaria ressaltar que el principi número 3: Llibertat i control de les persones usuàries s’hauria de simplificar tenint en compte les opcions per defecte que hi ha al navegador i afegir el tipus de disciplina creativa en la qual está classificat aquest curs. No sé si en comptes d’utilitzar text, es podrían utilizar icones que descrivissin cada apartat.

Altres consideracions

Finalment també considero interessant plantejar una millora general de la web que té a veure amb el punt 8: disseny estètic i minimalista. Considero que hi ha un predomini important del text per buscar informació i segurament es podría simplificar utilitzant icones per gran part de la informació o buscar paraules clau més concretes i exactes.

Ramon Casas Colomé