{"id":5554,"date":"2026-10-08T09:11:32","date_gmt":"2026-10-08T07:11:32","guid":{"rendered":"https:\/\/emfasi.com\/?p=5554"},"modified":"2026-10-13T13:19:31","modified_gmt":"2026-10-13T11:19:31","slug":"usabilitat-web-disseny-funcional","status":"publish","type":"post","link":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/","title":{"rendered":"Dissenyar una web que funcioni: estructura, jerarquia i ritme"},"content":{"rendered":"<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Despr\u00e8s d\u2019anys dins del m\u00f3n del disseny encara em trobo fent-me la mateixa pregunta: <strong>qu\u00e8 \u00e9s exactament el que fa que una p\u00e0gina web tingui un disseny funcional?<\/strong><\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">No \u00e9s que un web sigui visualment potent o no. He vist webs impecables que no serveixen gaire i webs discretes que resolen la feina de la gent cada dia sense que ning\u00fa se n&#8217;adoni. Per a mi la difer\u00e8ncia no est\u00e0 en l&#8217;acabat visual. Est\u00e0 en si la p\u00e0gina ent\u00e9n per qu\u00e8 hi ha alg\u00fa al davant. Aix\u00f2 \u00e9s, al final, del que parlem quan parlem d&#8217;usabilitat web: no d&#8217;una capa que s&#8217;aplica al final, sin\u00f3 de si una persona pot fer el que ha vingut a fer.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Jo no treballo una web com un lloc on col\u00b7locar informaci\u00f3. La treballo com un recorregut de decisions. I hi ha tres coses que determinen si aquest recorregut es pot fer o no: que la p\u00e0gina permeti alguna cosa, que s&#8217;entengui sense esfor\u00e7 i que es llegeixi amb un cert ritme. Funcional, intu\u00eftiva i amb ritme.<\/p>\n<div style=\"display: flex; flex-wrap: wrap; gap: 14px; margin: 30px 0 36px 0;\">\n<div style=\"background: #f5f5f5; padding: 22px 24px; border-radius: 8px; flex: 1 1 180px;\">\n<p style=\"margin: 0; line-height: 1.55;\"><strong>Funcional<\/strong><br \/>\nQue permeti fer alguna cosa.<\/p>\n<\/div>\n<div style=\"background: #f5f5f5; padding: 22px 24px; border-radius: 8px; flex: 1 1 180px;\">\n<p style=\"margin: 0; line-height: 1.55;\"><strong>Intu\u00eftiva<\/strong><br \/>\nQue s&#8217;entengui sense esfor\u00e7.<\/p>\n<\/div>\n<div style=\"background: #f5f5f5; padding: 22px 24px; border-radius: 8px; flex: 1 1 180px;\">\n<p style=\"margin: 0; line-height: 1.55;\"><strong>Amb ritme<\/strong><br \/>\nQue acompanyi la lectura.<\/p>\n<\/div>\n<\/div>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Abans, per\u00f2, hi ha una decisi\u00f3 que les condiciona totes tres i que sovint es pren massa de pressa: <strong>l&#8217;estructura<\/strong>.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Continguts<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#Abans_del_disseny\" >Abans del disseny<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#Funcional_cada_pagina_hauria_de_saber_que_permet\" >Funcional: cada p\u00e0gina hauria de saber qu\u00e8 permet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#Intuitiva_entendre_sense_haver_de_pensar\" >Intu\u00eftiva: entendre sense haver de pensar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#Ritme_visual_la_part_que_no_es_nota_fins_que_falta\" >Ritme visual: la part que no es nota fins que falta<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#Intelligencia_artificial_i_disseny_web_que_esta_canviant\" >Intel\u00b7lig\u00e8ncia artificial i disseny web: qu\u00e8 est\u00e0 canviant<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#La_usabilitat_web_no_es_una_capa_que_safegeix_al_final\" >La usabilitat web no \u00e9s una capa que s&#8217;afegeix al final<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#El_que_he_anat_entenent\" >El que he anat entenent<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#La_teva_web_es_atractiva_pero_tambe_es_facil_dutilitzar\" >La teva web \u00e9s atractiva, per\u00f2 tamb\u00e9 \u00e9s f\u00e0cil d&#8217;utilitzar?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"margin: 62px 0 24px 0; line-height: 1.18;\"><span class=\"ez-toc-section\" id=\"Abans_del_disseny\"><\/span>Abans del disseny<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Quin objectiu t\u00e9 el client? Quantes p\u00e0gines fan falta? Quina dep\u00e8n de quina i qu\u00e8 ha de poder trobar alg\u00fa que arriba sense saber res? Quines seccions ha de tenir i quin ordre hauriem d\u2019establir? S\u00f3n alguns exemples de preguntes que ens fem despr\u00e8s d\u2019investigar i de tenir context de la marca.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Aquesta part no la faig sola, i val la pena dir-ho perqu\u00e8 crec que \u00e9s una de les raons que fan que despr\u00e9s funcioni. El mapa el treballem en equip: hi entra qui porta l&#8217;estrat\u00e8gia, qui porta el SEO i GEO, qui escriur\u00e0 els continguts i qui ho haur\u00e0 de desenvolupar. Aquesta coordinaci\u00f3 continua durant tot el projecte, especialment en la <a href=\"https:\/\/emfasi.com\/ca\/blog\/com-aconseguir-sinergia-total-entre-dissenyador-i-desenvolupador\/\" rel=\"nofollow\">relaci\u00f3 entre disseny i desenvolupament<\/a>.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Jo hi aporto la mirada de disseny, que normalment es concreta en una sola pregunta:<\/p>\n<blockquote style=\"margin: 30px 0 34px 0; padding: 8px 0 8px 24px; border-left: 3px solid #d9d9d9; font-style: italic; line-height: 1.65;\">\n<p style=\"margin: 0; line-height: 1.65;\">Aix\u00f2 que sobre el paper sembla ordenat, s&#8217;entendr\u00e0 dins d&#8217;una pantalla?<\/p>\n<\/blockquote>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">El mapa web no \u00e9s un tr\u00e0mit previ. \u00c9s el que decideix si m\u00e9s endavant es podr\u00e0 dissenyar b\u00e9. Una estructura on tot penja del mateix nivell obliga cada p\u00e0gina a explicar-se sola, perqu\u00e8 no hi ha context que l&#8217;acompanyi. I una estructura amb massa nivells obliga a navegar molt per arribar enlloc.<\/p>\n<div style=\"background: #f5f5f5; border-left: 4px solid #111; padding: 26px 30px; margin: 32px 0 36px 0; border-radius: 0 8px 8px 0;\">\n<p style=\"margin: 0; line-height: 1.65;\"><strong>Entre aquests dos extrems hi ha una jerarquia que reflecteix com pensa la persona que busca, no com est\u00e0 organitzada l&#8217;empresa per dins.<\/strong><\/p>\n<\/div>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Que una empresa tingui tres divisions no vol dir que qui busca un producte pensi en tres divisions: potser pensa en el problema que vol resoldre, o en el sector on treballa, o en el material. L&#8217;estructura d&#8217;una p\u00e0gina web, i la del lloc sencer, haurien de sortir d&#8217;aqu\u00ed.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">De la mateixa decisi\u00f3 dep\u00e8n despr\u00e9s la navegaci\u00f3 web: els men\u00fas, els recorreguts i el fet que en tot moment se s\u00e0piga on s&#8217;\u00e9s. Un men\u00fa no \u00e9s una llista de seccions, \u00e9s la promesa visible de com est\u00e0 ordenat tot el que hi ha a sota. Quan aquesta promesa no coincideix amb l&#8217;estructura real, la persona es perd encara que el disseny sigui impecable.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Cada p\u00e0gina hauria de poder respondre una pregunta concreta que alg\u00fa es fa de deb\u00f2. Si no hi ha pregunta, probablement aquella p\u00e0gina \u00e9s una secci\u00f3 d&#8217;una altra. I tamb\u00e9 hem de tenir en compte que des de qualsevol punt s&#8217;hauria de poder arribar al que es busca en pocs passos i sabent en tot moment on s&#8217;\u00e9s.<\/p>\n<h2 style=\"margin: 62px 0 24px 0; line-height: 1.18;\"><span class=\"ez-toc-section\" id=\"Funcional_cada_pagina_hauria_de_saber_que_permet\"><\/span>Funcional: cada p\u00e0gina hauria de saber qu\u00e8 permet<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">La majoria de webs no existeixen perqu\u00e8 alg\u00fa les contempli. Hi arribem amb alguna intenci\u00f3: comparar dos productes, entendre si una empresa fa el que necessitem, trobar un tel\u00e8fon, comprovar una mida. Quan una p\u00e0gina no sap quina acci\u00f3 habilita, acaba acumulant contingut per criteri intern \u2014el de qui ha insistit m\u00e9s\u2014 en comptes de per criteri d&#8217;\u00fas.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Per aix\u00f2 la primera pregunta que em faig davant de qualsevol pantalla no \u00e9s qu\u00e8 hi ha de sortir, sin\u00f3 <strong>qu\u00e8 ha de poder fer aqu\u00ed una persona<\/strong>. I immediatament despr\u00e9s: quantes coses li estem demanant alhora.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Aquesta segona pregunta \u00e9s la que m\u00e9s sovint es passa per alt. Decidir consumeix atenci\u00f3, i l&#8217;atenci\u00f3 no \u00e9s il\u00b7limitada. Quan una p\u00e0gina presenta sis crides amb el mateix pes, no en guanya cap: guanya el dubte.<\/p>\n<blockquote style=\"margin: 30px 0 34px 0; padding: 8px 0 8px 24px; border-left: 3px solid #d9d9d9; font-style: italic; line-height: 1.65;\">\n<p style=\"margin: 0; line-height: 1.65;\">Per a mi, reduir opcions no \u00e9s amagar informaci\u00f3. \u00c9s ordenar-la en el temps.<\/p>\n<\/blockquote>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Un criteri que aplico sempre: hauria de poder dir quina \u00e9s l&#8217;acci\u00f3 principal d&#8217;una p\u00e0gina, quina \u00e9s la secund\u00e0ria i qu\u00e8 faig amb la resta. Si la resposta \u00e9s que tot \u00e9s igual d&#8217;important, encara no tinc una p\u00e0gina: tinc una llista de continguts.<\/p>\n<h2 style=\"margin: 62px 0 24px 0; line-height: 1.18;\"><span class=\"ez-toc-section\" id=\"Intuitiva_entendre_sense_haver_de_pensar\"><\/span>Intu\u00eftiva: entendre sense haver de pensar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Quan observo com es fa servir una web, el que veig \u00e9s que, abans de llegir-la, la gent l&#8217;escaneja. \u00c9s un comportament \u00e0mpliament estudiat en usabilitat web: Nielsen Norman Group fa anys que documenta que els usuaris <a href=\"https:\/\/www.nngroup.com\/articles\/how-users-read-on-the-web\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">tendeixen a escanejar el contingut<\/a> abans de llegir-lo amb deteniment. En pocs segons decideixen si han arribat al lloc correcte, sovint abans d&#8217;haver llegit cap frase sencera.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">La mida, el contrast, la posici\u00f3 i l&#8217;espai comuniquen import\u00e0ncia per si sols. Per aix\u00f2 tracto la jerarquia visual com una q\u00fcesti\u00f3 de comunicaci\u00f3, no d&#8217;est\u00e8tica. Quan el que destaca visualment coincideix amb el que la persona necessita primer, la p\u00e0gina s&#8217;ent\u00e9n sola. Quan no coincideix, el lector ha de fer una feina extra per esbrinar qu\u00e8 \u00e9s important, i aquesta feina la paga amb atenci\u00f3 que ja no dedicar\u00e0 al contingut.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Hi ha una versi\u00f3 molt habitual d&#8217;aquest desajust: <strong>destacar el que volem destacar nosaltres en comptes del que resol el dubte de qui est\u00e0 mirant<\/strong>. \u00c9s una jerarquia decorativa. Funciona en una presentaci\u00f3 i deixa de funcionar el dia que alg\u00fa intenta fer servir la p\u00e0gina de deb\u00f2.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Despr\u00e9s hi ha els patrons. On s&#8217;espera trobar la navegaci\u00f3, qu\u00e8 sembla clicable, com es comporta un enlla\u00e7, qu\u00e8 vol dir una icona. Un disseny web intu\u00eftiu no \u00e9s el que inventa formes noves d&#8217;interactuar: \u00e9s el que fa servir les que la persona ja coneix perqu\u00e8 pugui dedicar l&#8217;atenci\u00f3 al contingut i no a la interf\u00edcie. Es pot innovar en la interacci\u00f3 \u2014de vegades val molt la pena\u2014 per\u00f2 t\u00e9 un cost real en experi\u00e8ncia d&#8217;usuari i hauria de venir acompanyat d&#8217;un benefici concret.<\/p>\n<p style=\"margin: 0 0 16px 0; line-height: 1.68;\">El filtre que faig servir \u00e9s senzill. En arribar a qualsevol pantalla, la persona hauria de saber tres coses sense preguntar-les:<\/p>\n<ul style=\"margin: 8px 0 32px 0; padding-left: 28px; line-height: 1.62;\">\n<li style=\"margin: 0 0 9px 0; padding-left: 3px;\"><strong>On \u00e9s.<\/strong><\/li>\n<li style=\"margin: 0 0 9px 0; padding-left: 3px;\"><strong>Qu\u00e8 hi pot fer.<\/strong><\/li>\n<li style=\"margin: 0; padding-left: 3px;\"><strong>Qu\u00e8 passar\u00e0 si ho fa.<\/strong><\/li>\n<\/ul>\n<h2 style=\"margin: 62px 0 24px 0; line-height: 1.18;\"><span class=\"ez-toc-section\" id=\"Ritme_visual_la_part_que_no_es_nota_fins_que_falta\"><\/span>Ritme visual: la part que no es nota fins que falta<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Aquesta \u00e9s la part de la qual es parla menys i la que m\u00e9s em ve del meu costat gr\u00e0fic.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Llegir una p\u00e0gina \u00e9s una experi\u00e8ncia que passa en el temps, com escoltar alguna cosa. I hi ha una regla que val per a totes dues: si tot sona igual de fort, deixes de distingir. Una p\u00e0gina on cada secci\u00f3 t\u00e9 la mateixa densitat, la mateixa al\u00e7ada i el mateix pes visual es llegeix com un llistat. No hi ha res mal fet i, tot i aix\u00ed, s&#8217;abandona a mitja lectura.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Quan parlo de ritme visual em refereixo a l&#8217;alternan\u00e7a entre blocs que concentren informaci\u00f3 i blocs que respiren. L&#8217;espai en blanc no \u00e9s espai que sobra: \u00e9s el que fa llegible el que t\u00e9 al costat. Ve del disseny editorial i a la pantalla funciona exactament igual. Un bloc dens precedit d&#8217;aire s&#8217;assimila; el mateix bloc enganxat a un altre de dens es salta.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Hi ha tamb\u00e9 una cad\u00e8ncia pr\u00f2pia del scroll. Una p\u00e0gina no es veu d&#8217;un cop, es va descobrint, i per a mi cada secci\u00f3 hauria de donar una ra\u00f3 per continuar baixant. Quan tres seccions seguides fan la mateixa promesa amb decoraci\u00f3 diferent, la persona ho nota encara que no ho s\u00e0piga verbalitzar, i marxa.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">I despr\u00e9s hi ha el punt d&#8217;inflexi\u00f3: el moment en qu\u00e8 la p\u00e0gina deixa d&#8217;explicar i comen\u00e7a a demanar. La seva posici\u00f3 no \u00e9s arbitr\u00e0ria. Dep\u00e8n de si ja hem donat prou perqu\u00e8 demanar tingui sentit.<\/p>\n<blockquote style=\"margin: 30px 0 34px 0; padding: 8px 0 8px 24px; border-left: 3px solid #d9d9d9; font-style: italic; line-height: 1.65;\">\n<p style=\"margin: 0; line-height: 1.65;\">Segons el que he anat veient, demanar massa aviat \u00e9s un dels motius m\u00e9s freq\u00fcents pels quals un formulari ben dissenyat no s&#8217;omple. El formulari est\u00e0 b\u00e9. El lloc on el vam posar, no.<\/p>\n<\/blockquote>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Totes aquestes decisions continuen sent les mateixes encara que les eines canvi\u00efn. La IA m&#8217;ajuda cada vegada m\u00e9s a explorar, provar i produir alternatives dins del proc\u00e9s de disseny, per\u00f2 aix\u00f2 no modifica el criteri amb qu\u00e8 les valoro. \u00c9s una idea que ja vaig desenvolupar quan parlava de <a href=\"https:\/\/emfasi.com\/ca\/blog\/ia-disseny-ux-ui\/\" rel=\"nofollow\">com integrar la IA en el disseny UX\/UI sense perdre criteri ni visi\u00f3 d&#8217;usuari<\/a>.<\/p>\n<h2 style=\"margin: 62px 0 24px 0; line-height: 1.18;\"><span class=\"ez-toc-section\" id=\"Intelligencia_artificial_i_disseny_web_que_esta_canviant\"><\/span>Intel\u00b7lig\u00e8ncia artificial i disseny web: qu\u00e8 est\u00e0 canviant<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">No podia escriure sobre com dissenyo una web sense parlar de la IA, perqu\u00e8 est\u00e0 canviant una part important de la feina. No tant els principis amb qu\u00e8 decideixo si una p\u00e0gina funciona, sin\u00f3 la velocitat amb qu\u00e8 puc produir possibles respostes.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Ara \u00e9s molt f\u00e0cil generar una estructura, diverses versions d&#8217;una mateixa pantalla, alternatives de jerarquia o una primera proposta de continguts. Jo ho aprofito. El problema apareix quan aquesta facilitat per produir es confon amb haver explorat millor el problema.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Deu propostes generades en un minut poden tenir colors, composicions i recursos diferents i, al mateix temps, estar prenent exactament les mateixes decisions. Explorar no \u00e9s acumular alternatives. \u00c9s entendre quines decisions podem prendre de manera diferent i per qu\u00e8 ens convindria fer-ho.<\/p>\n<div style=\"background: #f5f5f5; border-left: 4px solid #111; padding: 26px 30px; margin: 32px 0 36px 0; border-radius: 0 8px 8px 0;\">\n<p style=\"margin: 0; line-height: 1.65;\"><strong>Com m\u00e9s f\u00e0cil \u00e9s produir opcions, m\u00e9s important \u00e9s tenir criteri per descartar-les.<\/strong><\/p>\n<\/div>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Aix\u00f2 es nota especialment en l&#8217;estructura. Puc demanar a una IA que proposi un mapa web i obtenir una resposta ordenada en segons. Per\u00f2, si no coneix prou b\u00e9 el projecte, els usuaris i la informaci\u00f3 real, omplir\u00e0 els buits amb patrons plausibles. Les mateixes eines de disseny amb IA estan evolucionant precisament cap a <a href=\"https:\/\/www.figma.com\/es-es\/soluciones\/asistente-de-diseno-ia\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">treballar amb m\u00e9s context real<\/a> \u2014components, sistemes i regles\u2014 per evitar resultats massa gen\u00e8rics.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Passa el mateix amb la funci\u00f3 d&#8217;una p\u00e0gina. La IA pot proposar seccions, botons, arguments i recorreguts, per\u00f2 aix\u00f2 no significa que s\u00e0piga quina decisi\u00f3 hauria de tenir m\u00e9s pes. Pot donar-me cinc CTA raonables; la feina de decidir quin \u00e9s principal, quin ha d&#8217;esperar i quin no hauria d&#8217;existir continua depenent d&#8217;entendre qu\u00e8 necessita la persona en aquell moment.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Tamb\u00e9 pot reproduir patrons d&#8217;interacci\u00f3 coneguts i construir una jerarquia visual aparentment clara. Per\u00f2 una interf\u00edcie no \u00e9s intu\u00eftiva perqu\u00e8 segueixi una convenci\u00f3 o perqu\u00e8 el resultat sembli familiar. Ho \u00e9s quan aquesta convenci\u00f3 encaixa amb el context, el contingut i les expectatives concretes de qui l&#8217;ha d&#8217;utilitzar.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">I amb el ritme passa una cosa semblant. Generar composicions atractives \u00e9s cada vegada m\u00e9s f\u00e0cil, per\u00f2 aix\u00f2 no garanteix que una p\u00e0gina tingui una cad\u00e8ncia que ajudi a entendre-la. Una successi\u00f3 de seccions visualment impecables pot continuar sent mon\u00f2tona si totes fan la mateixa funci\u00f3, tenen el mateix pes o demanen exactament el mateix.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Per aix\u00f2 intento utilitzar la IA per obrir possibilitats, no per donar per resoltes les decisions. Em serveix per provar, comparar, enriquir, q\u00fcestionar una primera idea o arribar abans a una representaci\u00f3 que pugui revisar. Per\u00f2 el que em continua interessant \u00e9s el mateix que abans: si l&#8217;estructura respon a una manera real de buscar, si cada p\u00e0gina sap qu\u00e8 permet, si la jerarquia ajuda a entendre i si el ritme acompanya el recorregut.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">La IA tamb\u00e9 est\u00e0 canviant qu\u00e8 passa abans que una persona arribi a una web: com busca, compara i descobreix empreses. Aquesta altra part del problema la treballem des de la <a href=\"https:\/\/emfasi.com\/ca\/blog\/visibilitat-ia-geo\/\" rel=\"nofollow\">visibilitat en respostes d\u2019IA i el GEO<\/a>. Aqu\u00ed, per\u00f2, m\u2019interessa el que passa un cop entrem en el terreny del disseny: com decidim millor quan generar opcions \u00e9s cada vegada m\u00e9s f\u00e0cil.<\/p>\n<h2 style=\"margin: 62px 0 24px 0; line-height: 1.18;\"><span class=\"ez-toc-section\" id=\"La_usabilitat_web_no_es_una_capa_que_safegeix_al_final\"><\/span>La usabilitat web no \u00e9s una capa que s&#8217;afegeix al final<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Per separat, cadascuna d&#8217;aquestes coses es queda curta.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Una p\u00e0gina amb bon ritme per\u00f2 sense una funci\u00f3 clara \u00e9s agradable i no serveix per a res. Una p\u00e0gina funcional sense ritme s&#8217;abandona abans d&#8217;arribar al punt on hauria de passar alguna cosa. I una p\u00e0gina molt intu\u00eftiva pot conduir amb una claredat exemplar cap a enlloc. Totes tres, a m\u00e9s, depenen d&#8217;un mapa que tingui sentit.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Per aix\u00f2 no les tracto com a fases, i per aix\u00f2 no entenc la usabilitat web com una revisi\u00f3 que es fa al final, quan ja est\u00e0 tot dissenyat. La usabilitat \u00e9s el resultat de decisions que s&#8217;han pres molt abans: on va cada p\u00e0gina, qu\u00e8 permet fer, qu\u00e8 destaca i com es llegeix. <strong>Quan es revisa al final, el que es pot arreglar s\u00f3n detalls; el que est\u00e0 mal decidit d&#8217;origen ja no es toca.<\/strong><\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Quan reviso un disseny em faig les tres preguntes sobre la mateixa decisi\u00f3: qu\u00e8 permet fer, com s&#8217;ent\u00e9n i com es llegeix. Si una decisi\u00f3 millora una de les tres i empitjora les altres dues, normalment no \u00e9s una bona decisi\u00f3.<\/p>\n<h2 style=\"margin: 62px 0 24px 0; line-height: 1.18;\"><span class=\"ez-toc-section\" id=\"El_que_he_anat_entenent\"><\/span>El que he anat entenent<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">El disseny que funciona gaireb\u00e9 mai crida l&#8217;atenci\u00f3 sobre si mateix. Aix\u00f2, al principi, em costava d&#8217;acceptar: hi dediques hores i el millor resultat possible \u00e9s que ning\u00fa en digui res.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Amb el temps he anat canviant el que considero un bon senyal. Ja no \u00e9s que una p\u00e0gina sembli impressionant en una pantalla gran. \u00c9s que alg\u00fa la faci servir sense adonar-se que hi ha hagut cap decisi\u00f3 pel mig, arribi on volia arribar i no recordi el cam\u00ed.<\/p>\n<p style=\"margin: 0 0 22px 0; line-height: 1.68;\">Quan aix\u00f2 passa, normalment \u00e9s perqu\u00e8 les quatre coses estaven al seu lloc: <strong>el mapa, la funci\u00f3, l&#8217;ordre i el ritme.<\/strong><\/p>\n<div style=\"margin: 40px 0 24px 0;\">\n<h2><span class=\"ez-toc-section\" id=\"La_teva_web_es_atractiva_pero_tambe_es_facil_dutilitzar\"><\/span>La teva web \u00e9s atractiva, per\u00f2 tamb\u00e9 \u00e9s f\u00e0cil d&#8217;utilitzar?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>A \u00c8mfasi dissenyem webs pensant en les persones que les utilitzen i en els objectius del teu negoci. Treballem l&#8217;estructura, la navegaci\u00f3, l&#8217;experi\u00e8ncia d&#8217;usuari i el disseny visual per crear p\u00e0gines clares, intu\u00eftives i funcionals que facilitin cada pas del recorregut.<\/p>\n<p><strong><a class=\"link--button\" href=\"https:\/\/emfasi.com\/ca\/contacte\/\" aria-label=\"Contacta amb \u00c8mfasi per millorar el disseny i la usabilitat de la teva web\">Parlem del teu projecte<\/a><\/strong><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La usabilitat web no \u00e9s una capa que s&#8217;afegeix al final. Explico les quatre coses que decideixen si una web serveix realment per a alguna cosa \u2014l&#8217;estructura, qu\u00e8 permet fer cada p\u00e0gina, la jerarquia visual i el ritme de lectura\u2014 i com est\u00e0 canviant aquesta feina amb la intel\u00b7lig\u00e8ncia artificial.<\/p>\n","protected":false},"author":3,"featured_media":5549,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[65],"tags":[],"class_list":["post-5554","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-i-disseny"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Usabilitat web: funcional, intu\u00eftiva i amb ritme<\/title>\n<meta name=\"description\" content=\"La usabilitat web no \u00e9s una capa que s&#039;afegeix al final. Estructura, jerarquia visual i ritme: les decisions que fan que una web funcioni de deb\u00f2.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Usabilitat web: funcional, intu\u00eftiva i amb ritme\" \/>\n<meta property=\"og:description\" content=\"La usabilitat web no \u00e9s una capa que s&#039;afegeix al final. Estructura, jerarquia visual i ritme: les decisions que fan que una web funcioni de deb\u00f2.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/\" \/>\n<meta property=\"og:site_name\" content=\"\u00c8mfasi\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-08T07:11:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T11:19:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/emfasi.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-16-sept-2026-16_40_07.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1122\" \/>\n\t<meta property=\"og:image:height\" content=\"1402\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andrea Solsona\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andrea Solsona\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/\"},\"author\":{\"name\":\"Andrea Solsona\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/#\\\/schema\\\/person\\\/3f8707bd0abc0a817a95ec072bfdf853\"},\"headline\":\"Dissenyar una web que funcioni: estructura, jerarquia i ritme\",\"datePublished\":\"2026-10-08T07:11:32+00:00\",\"dateModified\":\"2026-10-13T11:19:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/\"},\"wordCount\":2527,\"publisher\":{\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/ChatGPT-Image-16-sept-2026-16_40_07.png\",\"articleSection\":[\"UX i disseny\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/\",\"url\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/\",\"name\":\"Usabilitat web: funcional, intu\u00eftiva i amb ritme\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/ChatGPT-Image-16-sept-2026-16_40_07.png\",\"datePublished\":\"2026-10-08T07:11:32+00:00\",\"dateModified\":\"2026-10-13T11:19:31+00:00\",\"description\":\"La usabilitat web no \u00e9s una capa que s'afegeix al final. Estructura, jerarquia visual i ritme: les decisions que fan que una web funcioni de deb\u00f2.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/#primaryimage\",\"url\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/ChatGPT-Image-16-sept-2026-16_40_07.png\",\"contentUrl\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/ChatGPT-Image-16-sept-2026-16_40_07.png\",\"width\":1122,\"height\":1402},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/usabilitat-web-disseny-funcional\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/pagina-principal-2\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dissenyar una web que funcioni: estructura, jerarquia i ritme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/#website\",\"url\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/\",\"name\":\"\u00c8mfasi\",\"description\":\"your digital partner\",\"publisher\":{\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"LocalBusiness\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/#organization\",\"name\":\"\u00c8mfasi - Agencia de Marketing Digital\",\"alternateName\":\"\u00c8mfasi - disseny web\",\"url\":\"https:\\\/\\\/emfasi.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/emfasi-profile-xxss.png\",\"contentUrl\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/emfasi-profile-xxss.png\",\"width\":1080,\"height\":1080,\"caption\":\"\u00c8mfasi - agencia de marketing digital\"},\"image\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/emfasi-profile-xxss.png\",\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/emfasi_com\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/emfasi-marketing-digital\\\/\"],\"telephone\":\"+34937278606\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Rambla, 62, 1r 2a\",\"addressLocality\":\"Sabadell\",\"addressRegion\":\"Barcelona\",\"postalCode\":\"08201\",\"addressCountry\":\"ES\"},\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":41.5432,\"longitude\":2.1093},\"areaServed\":[{\"@type\":\"City\",\"name\":\"Sabadell\"},{\"@type\":\"City\",\"name\":\"Barcelona\"},{\"@type\":\"AdministrativeArea\",\"name\":\"Catalu\u00f1a\"}],\"priceRange\":\"\u20ac\u20ac\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/#\\\/schema\\\/person\\\/3f8707bd0abc0a817a95ec072bfdf853\",\"name\":\"Andrea Solsona\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/litespeed\\\/avatar\\\/12faf3a953a1d70ad1e5625342e5624c.jpg?ver=1792507777\",\"url\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/litespeed\\\/avatar\\\/12faf3a953a1d70ad1e5625342e5624c.jpg?ver=1792507777\",\"contentUrl\":\"https:\\\/\\\/emfasi.com\\\/wp-content\\\/litespeed\\\/avatar\\\/12faf3a953a1d70ad1e5625342e5624c.jpg?ver=1792507777\",\"caption\":\"Andrea Solsona\"},\"description\":\"UX \\\/ UI Designer en \u00c8mfasi\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/andrea-solsona\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/andrea-solsona\\\/\"],\"url\":\"https:\\\/\\\/emfasi.com\\\/ca\\\/blog\\\/author\\\/andrea-solsona\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Usabilitat web: funcional, intu\u00eftiva i amb ritme","description":"La usabilitat web no \u00e9s una capa que s'afegeix al final. Estructura, jerarquia visual i ritme: les decisions que fan que una web funcioni de deb\u00f2.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/","og_locale":"ca_ES","og_type":"article","og_title":"Usabilitat web: funcional, intu\u00eftiva i amb ritme","og_description":"La usabilitat web no \u00e9s una capa que s'afegeix al final. Estructura, jerarquia visual i ritme: les decisions que fan que una web funcioni de deb\u00f2.","og_url":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/","og_site_name":"\u00c8mfasi","article_published_time":"2026-10-08T07:11:32+00:00","article_modified_time":"2026-10-13T11:19:31+00:00","og_image":[{"width":1122,"height":1402,"url":"https:\/\/emfasi.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-16-sept-2026-16_40_07.png","type":"image\/png"}],"author":"Andrea Solsona","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"Andrea Solsona","Temps estimat de lectura":"11 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#article","isPartOf":{"@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/"},"author":{"name":"Andrea Solsona","@id":"https:\/\/emfasi.com\/ca\/#\/schema\/person\/3f8707bd0abc0a817a95ec072bfdf853"},"headline":"Dissenyar una web que funcioni: estructura, jerarquia i ritme","datePublished":"2026-10-08T07:11:32+00:00","dateModified":"2026-10-13T11:19:31+00:00","mainEntityOfPage":{"@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/"},"wordCount":2527,"publisher":{"@id":"https:\/\/emfasi.com\/ca\/#organization"},"image":{"@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#primaryimage"},"thumbnailUrl":"https:\/\/emfasi.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-16-sept-2026-16_40_07.png","articleSection":["UX i disseny"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/","url":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/","name":"Usabilitat web: funcional, intu\u00eftiva i amb ritme","isPartOf":{"@id":"https:\/\/emfasi.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#primaryimage"},"image":{"@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#primaryimage"},"thumbnailUrl":"https:\/\/emfasi.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-16-sept-2026-16_40_07.png","datePublished":"2026-10-08T07:11:32+00:00","dateModified":"2026-10-13T11:19:31+00:00","description":"La usabilitat web no \u00e9s una capa que s'afegeix al final. Estructura, jerarquia visual i ritme: les decisions que fan que una web funcioni de deb\u00f2.","breadcrumb":{"@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#primaryimage","url":"https:\/\/emfasi.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-16-sept-2026-16_40_07.png","contentUrl":"https:\/\/emfasi.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-16-sept-2026-16_40_07.png","width":1122,"height":1402},{"@type":"BreadcrumbList","@id":"https:\/\/emfasi.com\/ca\/blog\/usabilitat-web-disseny-funcional\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/emfasi.com\/ca\/pagina-principal-2\/"},{"@type":"ListItem","position":2,"name":"Dissenyar una web que funcioni: estructura, jerarquia i ritme"}]},{"@type":"WebSite","@id":"https:\/\/emfasi.com\/ca\/#website","url":"https:\/\/emfasi.com\/ca\/","name":"\u00c8mfasi","description":"your digital partner","publisher":{"@id":"https:\/\/emfasi.com\/ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/emfasi.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"LocalBusiness","@id":"https:\/\/emfasi.com\/ca\/#organization","name":"\u00c8mfasi - Agencia de Marketing Digital","alternateName":"\u00c8mfasi - disseny web","url":"https:\/\/emfasi.com\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/emfasi.com\/ca\/#\/schema\/logo\/image\/","url":"https:\/\/emfasi.com\/wp-content\/uploads\/2024\/01\/emfasi-profile-xxss.png","contentUrl":"https:\/\/emfasi.com\/wp-content\/uploads\/2024\/01\/emfasi-profile-xxss.png","width":1080,"height":1080,"caption":"\u00c8mfasi - agencia de marketing digital"},"image":"https:\/\/emfasi.com\/wp-content\/uploads\/2024\/01\/emfasi-profile-xxss.png","sameAs":["https:\/\/www.instagram.com\/emfasi_com\/","https:\/\/www.linkedin.com\/company\/emfasi-marketing-digital\/"],"telephone":"+34937278606","address":{"@type":"PostalAddress","streetAddress":"Rambla, 62, 1r 2a","addressLocality":"Sabadell","addressRegion":"Barcelona","postalCode":"08201","addressCountry":"ES"},"geo":{"@type":"GeoCoordinates","latitude":41.5432,"longitude":2.1093},"areaServed":[{"@type":"City","name":"Sabadell"},{"@type":"City","name":"Barcelona"},{"@type":"AdministrativeArea","name":"Catalu\u00f1a"}],"priceRange":"\u20ac\u20ac"},{"@type":"Person","@id":"https:\/\/emfasi.com\/ca\/#\/schema\/person\/3f8707bd0abc0a817a95ec072bfdf853","name":"Andrea Solsona","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/emfasi.com\/wp-content\/litespeed\/avatar\/12faf3a953a1d70ad1e5625342e5624c.jpg?ver=1792507777","url":"https:\/\/emfasi.com\/wp-content\/litespeed\/avatar\/12faf3a953a1d70ad1e5625342e5624c.jpg?ver=1792507777","contentUrl":"https:\/\/emfasi.com\/wp-content\/litespeed\/avatar\/12faf3a953a1d70ad1e5625342e5624c.jpg?ver=1792507777","caption":"Andrea Solsona"},"description":"UX \/ UI Designer en \u00c8mfasi","sameAs":["https:\/\/www.linkedin.com\/in\/andrea-solsona\/","https:\/\/www.linkedin.com\/in\/andrea-solsona\/"],"url":"https:\/\/emfasi.com\/ca\/blog\/author\/andrea-solsona\/"}]}},"_links":{"self":[{"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/posts\/5554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/comments?post=5554"}],"version-history":[{"count":0,"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/posts\/5554\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/media\/5549"}],"wp:attachment":[{"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/media?parent=5554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/categories?post=5554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emfasi.com\/ca\/wp-json\/wp\/v2\/tags?post=5554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}