{"id":10124,"date":"2026-05-04T15:32:41","date_gmt":"2026-05-04T14:32:41","guid":{"rendered":"https:\/\/josepgonzalez.com\/?p=10124"},"modified":"2026-10-06T16:43:09","modified_gmt":"2026-10-06T15:43:09","slug":"usabilitat-web-errors","status":"publish","type":"post","link":"https:\/\/josepgonzalez.com\/ca\/usabilitat-web-errors\/","title":{"rendered":"Aix\u00f2 que no has de fer en la usabilitat web"},"content":{"rendered":"

Un web pot tenir un disseny preci\u00f3s i, tot i aix\u00ed, perdre visitants perqu\u00e8 no saben moure’s-hi. D’aix\u00f2 va la usabilitat, i \u00e9s un tema que sempre \u00e9s sobre la taula quan dissenyem un web. En aquest article repasso all\u00f2 que no has de fer en la usabilitat web<\/strong>, amb errors que continuo veient cada dia en webs de tota mena, i com evitar-los.<\/p>\n

Qu\u00e8 \u00e9s la usabilitat web?<\/h2>\n

La usabilitat \u00e9s la capacitat d’una p\u00e0gina web de ser usada amb facilitat, amb una lectura i una funcionalitat d’acord amb all\u00f2 que l’usuari necessita. Forma part de l’experi\u00e8ncia d’usuari (UX), i el seu objectiu \u00e9s que qualsevol persona trobi el que busca sense esfor\u00e7.<\/p>\n

Una mala usabilitat pot fer que el contingut sigui pr\u00e0cticament inaccessible per al visitant. Aix\u00f2 provoca una taxa de rebot m\u00e9s alta, menys conversions i, a la llarga, pot afectar el posicionament SEO, perqu\u00e8 Google t\u00e9 en compte senyals d’experi\u00e8ncia d’usuari com la velocitat, l’adaptaci\u00f3 a m\u00f2bil i la facilitat de navegaci\u00f3.<\/p>\n

All\u00f2 que no has de fer en la usabilitat web<\/h2>\n

La mala usabilitat \u00e9s un dels principals factors que causen frustraci\u00f3 en els visitants. Aquests s\u00f3n els errors m\u00e9s habituals, sobretot en la navegaci\u00f3.<\/p>\n

1. Navegaci\u00f3 amb massa opcions<\/h3>\n

Quan un visitant es troba amb un men\u00fa amb moltes opcions, l’obliguem a llegir-les totes per trobar el que li interessa. Aquest proc\u00e9s de decisi\u00f3 \u00e9s frustrant, consumeix temps valu\u00f3s i satura la interf\u00edcie. Soluci\u00f3:<\/strong> limita el men\u00fa principal a les seccions realment importants (com a orientaci\u00f3, entre 5 i 7) i agrupa la resta.<\/p>\n

2. Enlla\u00e7os poc importants al men\u00fa principal<\/h3>\n

Un error com\u00fa \u00e9s deixar al men\u00fa enlla\u00e7os irrellevants sense pensar en all\u00f2 que necessita el teu p\u00fablic objectiu. Soluci\u00f3:<\/strong> revisa a Google Analytics o Search Console quines p\u00e0gines visita m\u00e9s la teva audi\u00e8ncia i prioritza-les. El secundari, al peu de p\u00e0gina.<\/p>\n

3. Navegaci\u00f3 pensada nom\u00e9s per a pantalles grans<\/h3>\n

Avui una part enorme del tr\u00e0nsit arriba des del m\u00f2bil, i Google indexa prioritzant la versi\u00f3 m\u00f2bil del teu web. Si el men\u00fa nom\u00e9s funciona b\u00e9 a l’ordinador, la navegaci\u00f3 es torna in\u00fatil en tauletes i smartphones. Soluci\u00f3:<\/strong> dissenya primer per a m\u00f2bil (mobile first), amb men\u00fa tipus hamburguesa, botons grans i zones t\u00e0ctils c\u00f2modes, i prova-ho en dispositius reals.<\/p>\n

4. Massa submen\u00fas desplegables<\/h3>\n

En una pantalla petita, els submen\u00fas flotants amb moltes opcions es tornen ingovernables, i en dispositius t\u00e0ctils no existeix el \u00abpassar el ratol\u00ed per sobre\u00bb. Algunes p\u00e0gines acaben sent inaccessibles. Soluci\u00f3:<\/strong> simplifica l’estructura a un o dos nivells com a m\u00e0xim.<\/p>\n

5. Enlla\u00e7os que no es distingeixen de la resta del text<\/h3>\n

Si els enlla\u00e7os no estan subratllats, ni en negreta, ni tenen un color diferent, l’usuari no sap que hi pot fer clic. Aix\u00f2 tamb\u00e9 \u00e9s un problema d’accessibilitat. Soluci\u00f3:<\/strong> fes servir un color amb bon contrast i, si pots, subratllat, i que els botons semblin botons.<\/p>\n

6. Una barra de navegaci\u00f3 diferent a cada p\u00e0gina<\/h3>\n

Aquesta incoher\u00e8ncia confon i fa que els visitants se sentin inc\u00f2modes en moure’s pel teu web. Soluci\u00f3:<\/strong> mant\u00e9n la mateixa cap\u00e7alera i el mateix men\u00fa a tot el lloc, amb un logo que sempre dugui a la p\u00e0gina d’inici.<\/p>\n

7. Etiquetes de men\u00fa massa llargues<\/h3>\n

Els textos llargs al men\u00fa augmenten el temps necessari per processar la informaci\u00f3. Els usuaris volen dedicar el seu temps al contingut, no a navegar-hi. Soluci\u00f3:<\/strong> una o dues paraules clares, que reflecteixin el to del teu web i de la teva empresa.<\/p>\n

8. Ignorar la velocitat de c\u00e0rrega<\/h3>\n

Un web lent \u00e9s un web amb mala usabilitat: l’usuari no espera. Si no saps com est\u00e0 el teu, mira la meva guia sobre com mesurar la velocitat de c\u00e0rrega d’un web<\/a>.<\/p>\n

9. No pensar en l’accessibilitat<\/h3>\n

Contrastos pobres, textos min\u00fascuns, imatges sense text alternatiu o formularis que no es poden fer servir amb teclat exclouen una part dels teus visitants. A m\u00e9s, l’accessibilitat web \u00e9s una exig\u00e8ncia cada cop m\u00e9s gran a Europa. Un web accessible \u00e9s un web m\u00e9s usable per a tothom.<\/p>\n

Preguntes freq\u00fcents<\/h2>\n

Quina difer\u00e8ncia hi ha entre usabilitat i experi\u00e8ncia d’usuari (UX)?<\/h3>\n

La usabilitat se centra en com de f\u00e0cil \u00e9s usar el web. La UX \u00e9s m\u00e9s \u00e0mplia: inclou tamb\u00e9 les emocions i la percepci\u00f3 de l’usuari durant tota la visita.<\/p>\n

La usabilitat influeix en el SEO?<\/h3>\n

S\u00ed, de manera indirecta. Un web f\u00e0cil d’usar redueix el rebot, augmenta el temps de perman\u00e8ncia i compleix millor amb els senyals d’experi\u00e8ncia que Google valora.<\/p>\n

Com s\u00e9 si el meu web t\u00e9 problemes d’usabilitat?<\/h3>\n

Observa les dades (p\u00e0gines amb molt de rebot, abandonaments en formularis) i demana a alg\u00fa que no conegui el teu web que intenti fer una tasca senzilla. El que li costi ser\u00e0 la teva primera llista de millores.<\/p>\n

Si vols m\u00e9s informaci\u00f3 o que revisem junts la usabilitat del teu web, pots contactar-me<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Un web pot tenir un disseny preci\u00f3s i, tot i aix\u00ed, perdre visitants perqu\u00e8 no saben moure’s-hi. D’aix\u00f2 va la usabilitat, i \u00e9s un tema que sempre \u00e9s sobre la taula quan dissenyem un web. En aquest article repasso all\u00f2 que no has de fer en la usabilitat web, amb errors que continuo veient cada […]<\/p>\n","protected":false},"author":1,"featured_media":10144,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[87],"tags":[],"class_list":["post-10124","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-ca"],"_links":{"self":[{"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/posts\/10124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/comments?post=10124"}],"version-history":[{"count":3,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/posts\/10124\/revisions"}],"predecessor-version":[{"id":10226,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/posts\/10124\/revisions\/10226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/media\/10144"}],"wp:attachment":[{"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/media?parent=10124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/categories?post=10124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/tags?post=10124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}