El dan\u00e8s Jacob Nielsen, referent mundial en usabilitat i experi\u00e8ncia d\u2019usuari, \u00e9s un dels impulsors de l\u2019aplicaci\u00f3 de les t\u00e8cniques d\u2019usabilitat en el disseny d\u2019interf\u00edcies d\u2019usuari. Ha escrit innombrables articles de refer\u00e8ncia i ha estudiat m\u00e9s de 250 problemes d\u2019usabilitat que li han servit de base per definir les \u00abregles generals\u00bb d\u2019aquesta tem\u00e0tica.<\/p>\n
Detallem 10 dels aspectes m\u00e9s importants que cal analitzar a l\u2019hora de comprovar si el teu web \u00e9s usable<\/strong>.<\/p>\n Vol dir informar sempre l\u2019usuari del que est\u00e0 passant al web mentre hi interactua. \u00c9s important que el web parli el mateix llenguatge que fa servir el nostre usuari, de manera clara i senzilla, evitant tecnicismes i terminologia dif\u00edcil d\u2019entendre. L\u2019usuari ha de tenir total llibertat d\u2019acci\u00f3 dins del web, tant per navegar com per fer accions. No l\u2019hem de limitar ni for\u00e7ar a fer determinades accions que no sabem si est\u00e0 disposat a fer, ja sigui de manera conscient o inconscient. El teu web ha de mantenir la coher\u00e8ncia durant tota la navegaci\u00f3. Aix\u00f2 vol dir, per exemple, no canviar els men\u00fas de navegaci\u00f3 a les diferents \u00e0rees del web ni la posici\u00f3 dels t\u00edtols, del cercador, els colors, els formats, els noms de les diferents \u00e0rees, etc. Procura no esperar que els usuaris cometin errors per despr\u00e9s mostrar-los un missatge d\u2019av\u00eds i dir-los que ho han fet malament. Intenta resoldre\u2019ls abans que es produeixin. La navegaci\u00f3 del web ha de ser simple i intu\u00eftiva perqu\u00e8 l\u2019usuari no s\u2019hagi d\u2019aturar a recordar com ha de fer alguna cosa. \u00c9s important que l\u2019usuari no hagi d\u2019anar provant, endevinant o buscant la informaci\u00f3 dins del nostre web. El teu web ha d\u2019estar adaptat als diferents perfils d\u2019usuari, tant principiants com experts. Pots incorporar \u00abacceleradors\u00bb per als usuaris m\u00e9s avan\u00e7ats sense que confonguin els novells. Aquests acceleradors s\u00f3n dreceres o accessos directes a determinades \u00e0rees que eviten els passos intermedis. \u00c9s molt important que el disseny contingui la informaci\u00f3 rellevant i necess\u00e0ria per a l\u2019usuari. Cal tenir en compte que la informaci\u00f3 addicional innecess\u00e0ria afegeix soroll i competeix en visibilitat amb els elements m\u00e9s importants del web. Els missatges d\u2019error d\u2019un web han de ser prou clars perqu\u00e8 qualsevol usuari els entengui i, a m\u00e9s, han d\u2019oferir una soluci\u00f3 o una sortida. Moltes vegades cal incorporar contingut d\u2019ajuda perqu\u00e8 l\u2019usuari el pugui consultar en qualsevol moment, encara que el web no ho necessiti. Amb aquesta petita guia inicial pots comen\u00e7ar a analitzar el teu web per veure si realment compleix els criteris b\u00e0sics d\u2019usabilitat<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":" El dan\u00e8s Jacob Nielsen, referent mundial en usabilitat i experi\u00e8ncia d\u2019usuari, \u00e9s un dels impulsors de l\u2019aplicaci\u00f3 de les t\u00e8cniques d\u2019usabilitat en el disseny d\u2019interf\u00edcies d\u2019usuari. Ha escrit innombrables articles de refer\u00e8ncia i ha estudiat m\u00e9s de 250 problemes d\u2019usabilitat que li han servit de base per definir les \u00abregles generals\u00bb d\u2019aquesta tem\u00e0tica. Detallem 10 […]<\/p>\n","protected":false},"author":2,"featured_media":12600,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1721],"tags":[],"class_list":["post-18902","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-customer-experience"],"yoast_head":"\n1- Qu\u00e8 est\u00e0 passant al teu web?<\/h2>\n
Visibilitat de l\u2019estat del sistema<\/h3>\n
\nAlguns exemples que no sempre es compleixen.
\n–<\/strong> Informar del proc\u00e9s de c\u00e0rrega del web. De vegades hi ha webs que requereixen temps d\u2019espera i, si no es comuniquen a l\u2019usuari, aquest no sap si \u00e9s una fallada del web i hi ha el risc que l\u2019abandoni.
\n–<\/strong> Confirmaci\u00f3 d\u2019accions. Missatges de confirmaci\u00f3, per exemple en registrar-se al web, confirmaci\u00f3 de compra (comandes), confirmaci\u00f3 d\u2019enviament de formularis, etc.
\nNo deixis mai que el teu usuari hagi d\u2019endevinar qu\u00e8 est\u00e0 passant al teu web.<\/strong><\/p>\n2- Parlem el mateix idioma que l\u2019usuari?<\/h2>\n
Relaci\u00f3 l\u00f2gica entre el sistema i el m\u00f3n real<\/h3>\n
\nAix\u00f2 no s\u2019aplica nom\u00e9s als continguts o textos, sin\u00f3 a tots els elements del web: imatges, processos, format de presentaci\u00f3 de la informaci\u00f3, etc.
\nCom m\u00e9s simple i clar, millor.<\/strong><\/p>\n3- L\u2019usuari pot navegar i fer accions lliurement?<\/h2>\n
Control i llibertat de l\u2019usuari<\/h3>\n
\nNo hem de posar mai limitacions, sin\u00f3 ajudar l\u2019usuari a solucionar qualsevol problema que es pugui trobar mentre interactua amb el nostre web.
\nPer exemple: control de camps als formularis (\u00abhas d\u2019omplir aquest camp\u00bb), recuperaci\u00f3 de contrasenya, tornar enrere o modificar dades personals mal introdu\u00efdes durant el registre.
\nSi l\u2019usuari se sent for\u00e7at o limitat, marxar\u00e0 r\u00e0pidament del nostre web.<\/strong><\/p>\n4- Fas servir elements clars, coherents i est\u00e0ndard?<\/h2>\n
Coher\u00e8ncia i est\u00e0ndards<\/h3>\n
\nTamb\u00e9 \u00e9s important tenir en compte els est\u00e0ndards que s\u2019utilitzen gaireb\u00e9 per defecte, sense voler marcar tend\u00e8ncia canviant-los, perqu\u00e8 l\u2019\u00fanic que aconseguirem \u00e9s que l\u2019usuari no entengui qu\u00e8 ha de fer o com funciona el nostre web.
\nCal prioritzar la funcionalitat per sobre de l\u2019est\u00e8tica o el disseny. Referents com Amazon o Google s\u00f3n exemples a seguir.<\/strong><\/p>\n5- Tens en compte els possibles errors futurs dels usuaris per anticipar-te i evitar-los?<\/h2>\n
Prevenci\u00f3 d\u2019errors<\/h3>\n
\nPodem evitar aquests errors incorporant textos o missatges d\u2019ajuda, demanant confirmaci\u00f3 a l\u2019usuari, fent comprovacions en temps real o eliminant informaci\u00f3 innecess\u00e0ria.
\nPer exemple, es pot evitar un possible error incorporant el doble camp de confirmaci\u00f3 de contrasenya en el registre d\u2019usuari, i un av\u00eds en temps real quan la contrasenya del primer camp no coincideix amb la del segon.
\nM\u00e9s val prevenir que curar.<\/strong><\/p>\n6- El teu web recorda les accions que han de fer els usuaris?<\/h2>\n
Millor recon\u00e8ixer que memoritzar<\/h3>\n
\nI encara m\u00e9s en aspectes clau com el proc\u00e9s de compra, el registre d\u2019usuari o la gesti\u00f3 de dades personals.
\nHi ha opcions que es poden incorporar per facilitar la cerca i l\u2019acc\u00e9s a la informaci\u00f3, com ara els \u00faltims productes vistos, els suggeriments de productes al cercador o indicar en quin pas del proc\u00e9s de compra es troba l\u2019usuari.<\/p>\n7- El teu web est\u00e0 preparat per a tota mena d\u2019usuaris?<\/h2>\n
Flexibilitat i efici\u00e8ncia d\u2019\u00fas<\/h3>\n
\nLa personalitzaci\u00f3 de la interf\u00edcie \u00e9s una manera d\u2019adaptar el web a cada perfil d\u2019usuari, ajustant-se a les seves necessitats segons l\u2019experi\u00e8ncia de navegaci\u00f3 de cadasc\u00fa.
\nEl web ha d\u2019estar concebut perqu\u00e8 qualsevol usuari inexpert pugui navegar, entendre i fer qualsevol acci\u00f3 que necessiti.<\/strong><\/p>\n8- El teu web t\u00e9 un disseny minimalista amb una est\u00e8tica adaptada al teu negoci?<\/h2>\n
Disseny est\u00e8tic i minimalista<\/h3>\n
\nAix\u00f2 s\u2019ha d\u2019aplicar als continguts, la forma de presentaci\u00f3, les imatges i el disseny visual en general.
\nMenys \u00e9s m\u00e9s…<\/strong><\/p>\n9- El teu web ajuda a recon\u00e8ixer els errors, diagnosticar-los i trobar-hi una soluci\u00f3?<\/h2>\n
Reconeixement, diagn\u00f2stic i recuperaci\u00f3 d\u2019errors.<\/h3>\n
\nUn dels exemples m\u00e9s clars \u00e9s la famosa p\u00e0gina d\u2019error, que s\u2019ha de personalitzar amb un missatge proper i opcions per continuar navegant pel web.
\nUn altre exemple \u00e9s la p\u00e0gina de \u00abcistella buida\u00bb, que moltes vegades no ofereix opcions per continuar navegant.
\nComunicar un missatge negatiu de manera amena i ajudar l\u2019usuari a continuar al nostre web.<\/strong><\/p>\n10- Tens una secci\u00f3 d\u2019ajuda o preguntes freq\u00fcents al teu web?<\/h2>\n
Ajuda i documentaci\u00f3<\/h3>\n
\nAquestes seccions dissenyades especialment solen ser l\u2019Ajuda o les FAQ (preguntes freq\u00fcents) i han de cobrir totes les necessitats dels clients. No nom\u00e9s des del punt de vista t\u00e8cnic, sin\u00f3 tamb\u00e9 sobre temes com despeses i terminis d\u2019enviament, mitjans de pagament, seguretat, devolucions, privacitat, etc.<\/p>\n