{"id":16597,"date":"2017-05-12T10:09:13","date_gmt":"2017-05-12T10:09:13","guid":{"rendered":"https:\/\/codewebbarcelona.com\/tan-horteras-los-disenos-web-organismos-oficiales\/"},"modified":"2026-04-20T17:24:03","modified_gmt":"2026-04-20T17:24:03","slug":"dissenys-web-organismes-oficials-horteres","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/","title":{"rendered":"Per qu\u00e8 s\u00f3n tan kitsch els dissenys web dels organismes oficials? #1"},"content":{"rendered":"<p>En algun moment de la nostra exist\u00e8ncia, tots hem patit el calvari de fer qualsevol tr\u00e0mit online a trav\u00e9s de la web d\u2019un organisme oficial.<\/p>\n<p>La sorpresa arriba quan entrem a la seva p\u00e0gina i ens trobem amb un disseny que, sens dubte, est\u00e0 a l\u2019\u00faltima. S\u00ed, <strong>a l\u2019\u00faltima de la cua<\/strong>.<\/p>\n<p>I la pregunta que ens ve al cap \u00e9s: qu\u00e8 he fet per mer\u00e8ixer aquest c\u00e0stig? No n\u2019hi ha prou amb pagar la multa, que a sobre he de fer treballs for\u00e7ats?<\/p>\n<p>En aquesta primera entrega de dissenys kitsch, analitzarem la web de la DGT. Hem posat el GPS a punt per no perdre\u2019ns entre els racons i carrerons del seu portal.<\/p>\n<p>Per als m\u00e9s valents, aqu\u00ed teniu l\u2019enlla\u00e7: <a href=\"http:\/\/www.dgt.es\/es\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">DGT<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Per qu\u00e8 el disseny web de la DGT \u00e9s tan kitsch?<\/h2>\n<p>Nom\u00e9s cal fer-hi una ullada per veure que ens trobem davant <strong>un disseny pensat per marejar<\/strong>. Potser forma part de la seva identitat de marca. Una manera subtil de transmetre al visitant l\u2019ess\u00e8ncia de la \u201cmala conducci\u00f3\u201d.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-730\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/diseno-web-dgt-1024x722-2.jpg\" alt=\"\" width=\"1024\" height=\"722\" \/><\/p>\n<p>Segons he pogut veure a web.archive.org, la web es va redissenyar fa quatre anys. Tot i aix\u00ed, sembla treta de l\u2019\u00e8poca dels descobriments.<\/p>\n<h3><\/h3>\n<h3>La primera impressi\u00f3<\/h3>\n<p><strong>L\u2019objectiu d\u2019una primera impressi\u00f3 en qualsevol web hauria de ser facilitar a l\u2019usuari<\/strong> la lectura de la informaci\u00f3. Triar qu\u00e8 volem que vegi primer i mostrar-ho de manera que, gaireb\u00e9 sense adonar-se\u2019n, la ment de l\u2019usuari navegui \u00e0gilment pel contingut. Jerarquitzant, per mantenir l\u2019ordre.<\/p>\n<p>Si ho comparem amb el tr\u00e0nsit, el millor seria una carretera d\u2019un sol sentit, amb les m\u00ednimes sortides possibles i, sobretot, bones indicacions.<\/p>\n<p>Sense entrar encara en l\u2019aspecte visual, el primer error que trobem a la web de la DGT, resumint-ho, \u00e9s un maldecap per al cervell. Tenim a la vista <strong>m\u00e9s de 40 enlla\u00e7os<\/strong>!!!<\/p>\n<p>\u00c9s com entrar conduint a una ciutat i trobar-te una cru\u00eflla amb unes 40 sortides.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-731\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/direcciones-1024x673-2.jpg\" alt=\"direccions\" width=\"1024\" height=\"673\" \/><\/p>\n<h3>La segona ullada<\/h3>\n<p>Un cop superat el primer ensurt, ens refem de la \u201cbufetada visual\u201d, recuperem el control del ratol\u00ed i recordem per qu\u00e8 hav\u00edem entrat a la web.<\/p>\n<p>De dalt a baix, el primer que trobem <strong>\u00e9s un enlla\u00e7 de Contacte<\/strong>. No dic que no sigui important, per\u00f2, <strong>no podria estar al men\u00fa principal<\/strong> i aix\u00ed ens estalviem aquest link solitari? A m\u00e9s, la tipografia escollida \u00e9s Arial Regular (s\u00ed, for\u00e7a antiquada, per\u00f2 aix\u00f2 \u00e9s el de menys).<\/p>\n<p>La resta d\u2019enlla\u00e7os utilitzen Arial Narrow, la versi\u00f3 condensada de la mateixa tipografia. Per qu\u00e8 el link de contacte ha de desentonar visualment respecte als altres?<\/p>\n<p>&nbsp;<\/p>\n<h3>Tipografies<\/h3>\n<p>Tal com hem comentat, s\u2019est\u00e0 fent servir una Arial Regular juntament amb una Arial Narrow. Malament. Aix\u00f2 genera un <strong>xoc visual entre tipografies<\/strong>.<\/p>\n<p>Si utilitzem tipografies diferents, el millor \u00e9s crear-hi contrast. Si nom\u00e9s en fem servir una, que \u00e9s totalment v\u00e0lid, el millor \u00e9s jugar amb negretes o cursives, per\u00f2 canviar la condensaci\u00f3 dins la mateixa fam\u00edlia, normalment, no resulta agradable visualment.<\/p>\n<p>A m\u00e9s, hi ha moltes <strong>dison\u00e0ncies entre mides de tipografia<\/strong> a tota la web. Cada imatge t\u00e9 una mida diferent i, a sobre, moltes estan pixelades. Tot molt rom\u00e0ntic.<\/p>\n<p>&nbsp;<\/p>\n<h3>Marges, paddings i altres elements<\/h3>\n<p>Com en el punt anterior, <strong>no hi ha cap uniformitat entre els elements<\/strong> pel que fa a marges i paddings. Cada element va per lliure. Ideal per afavorir l\u2019experi\u00e8ncia d\u2019usuari que estem tenint.<\/p>\n<p><strong>Els ombrejats fa temps que han passat de moda<\/strong>. Fer-los servir \u00e9s una bona manera de donar-li un aire antic a la web.<\/p>\n<p>Si ens fixem en <strong>les imatges laterals<\/strong>, no queda clar quina imatge volen transmetre. Hi apareixen tres senyors desconcertats fent el gest de Ronaldinho. Potser volen que ens transportem a temps passats.<\/p>\n<p>&nbsp;<\/p>\n<h3>Els b\u00e0ners superiors<\/h3>\n<p>Tenim el logotip del nostre estimat Govern amb un error entre les dues caixetes: hi ha una l\u00ednia de fons blanc que no arriba fins a dalt; o la traiem o la fem arribar fins a dalt, per\u00f2 aquest error visual \u00e9s molt lleig. El logotip del Govern fa 60px d\u2019al\u00e7ada, just al costat el de la DGT fa 51px. Si pos\u00e9ssim <strong>tots dos a la mateixa al\u00e7ada<\/strong>, anir\u00edem millor. I si a m\u00e9s hi deixem espai entre els dos logotips, encara millor.<\/p>\n<p>Just sota el logotip de la DGT, saltant-se la l\u00ednia horitzontal, hi ha un text de consol a la ciutadania: \u201ca tu lado vamos todos\u201d. Gr\u00e0cies, DGT.<\/p>\n<p>A la dreta, hi ha dos b\u00e0ners m\u00e9s. Tots dos, <strong>per arrodonir<\/strong>, fan 76,39px d\u2019al\u00e7ada. Ja posats, podrien haver-hi posat el n\u00famero \u03c0 (pi). Tots dos es veuen pixelats i amb mides de tipografia diferents.<\/p>\n<p>&nbsp;<\/p>\n<h3>Els botons de men\u00fa<\/h3>\n<p>Preciosos. Amb un efecte hover dels m\u00e9s bonics que hem vist fins ara.<\/p>\n<p>Hauria estat b\u00e9 incorporar un submen\u00fa desplegable en passar el cursor per sobre de cada bot\u00f3, per reduir el nombre d\u2019enlla\u00e7os visibles a la pantalla.<\/p>\n<p>&nbsp;<\/p>\n<h3>El carrusel d\u2019imatges, twitter i xarxes socials<\/h3>\n<p>El carrusel d\u2019imatges no aporta gaire, t\u00e9 un disseny que sembla dels anys 50. De quan encara no hi havia internet. <strong>La tipografia est\u00e0 enganxada a la imatge<\/strong> directament. Aix\u00f2 \u00e9s <strong>dolent per a la indexaci\u00f3<\/strong> del contingut i <strong>feixuc de mantenir<\/strong> des del backend.<\/p>\n<p>El widget amb el feed de twitter, si ha de ser tan petit, millor no posar-lo.<\/p>\n<p>Sobre els enlla\u00e7os a xarxes socials: <strong>cada icona t\u00e9 la seva mida<\/strong> i van sobre un fons gris fosc, suposo que per seguir la \u201cl\u00ednia gr\u00e0fica\u201d del men\u00fa superior. Vaja, sembla que la l\u00ednia gr\u00e0fica nom\u00e9s la seguim quan sabem que quedar\u00e0 malament.<\/p>\n<p>&nbsp;<\/p>\n<h3>Els tres blocs d\u2019enlla\u00e7os<\/h3>\n<p>A la que hauria de ser la part m\u00e9s potent de la web, ens posen un llistat interminable d\u2019enlla\u00e7os. Alguns amb imatge al costat, d\u2019altres no; alguns amb descripci\u00f3 a sota, d\u2019altres tampoc.<\/p>\n<p>Hauria estat <strong>millor reduir el nombre d\u2019enlla\u00e7os<\/strong> i unificar l\u2019estil pel que fa a \u00fas d\u2019imatges i descripcions.<\/p>\n<p>&nbsp;<\/p>\n<h3>Si seguim cap avall<\/h3>\n<p>La cosa no millora. Tot segueix igual. Usabilitat nul\u00b7la i visualment estressant. No exagero si dic que he acabat amb el cap embotit a mesura que anava veient la desfilada de desprop\u00f2sits gr\u00e0fics.<\/p>\n<p>&nbsp;<\/p>\n<h3>Altres aspectes<\/h3>\n<ul>\n<li><strong>No \u00e9s responsive<\/strong>. Podem veure-ho com una manera d\u2019allunyar l\u2019usuari de la temptaci\u00f3 d\u2019entrar a la web de la DGT des del m\u00f2bil mentre condueix.<\/li>\n<li>A peu de p\u00e0gina hi trobem un titular que diu \u201cPara personas\u201d. Per si alg\u00fa es pensava que era per a porcs.<\/li>\n<li>Si naveguem pels diferents apartats, veurem que <strong>el laberint s\u2019expandeix<\/strong> exponencialment.<\/li>\n<li>El codi font de la p\u00e0gina \u00e9s for\u00e7a sorprenent<\/li>\n<li>L\u2019etiqueta &lt;!DOCTYPE&gt; no comen\u00e7a a la primera l\u00ednia, cosa que no \u00e9s una bona pr\u00e0ctica<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Conclusions<\/h3>\n<p>Si entres a la web de la DGT, et recomanem no haver pres cap copa de m\u00e9s i assegurar-te de portar el cintur\u00f3 ben cordat. Tamb\u00e9 esperem que, si hi has accedit, hagi estat per error i no per pagar una multa.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En algun moment de la nostra exist\u00e8ncia, tots hem patit el calvari de fer qualsevol tr\u00e0mit online a trav\u00e9s de la web d\u2019un organisme oficial. La sorpresa arriba quan entrem a la seva p\u00e0gina i ens trobem amb un disseny que, sens dubte, est\u00e0 a l\u2019\u00faltima. S\u00ed, a l\u2019\u00faltima de la cua. I la pregunta [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4097,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[207,208,212,134],"class_list":["post-16597","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destacat","category-disseny-desenvolupament-web","category-altres","category-disseny-grafic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfPor qu\u00e9 son tan horteras los dise\u00f1os web de organismos oficiales?<\/title>\n<meta name=\"description\" content=\"Analizamos el dise\u00f1o web de la p\u00e1gina de la DGT. Nos sumergimos por sus callejones y nos quedamos mareados por tanta disonancia visual.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfPor qu\u00e9 son tan horteras los dise\u00f1os web de organismos oficiales?\" \/>\n<meta property=\"og:description\" content=\"Analizamos el dise\u00f1o web de la p\u00e1gina de la DGT. Nos sumergimos por sus callejones y nos quedamos mareados por tanta disonancia visual.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-12T10:09:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T17:24:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1900\" \/>\n\t<meta property=\"og:image:height\" content=\"1227\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Per qu\u00e8 s\u00f3n tan kitsch els dissenys web dels organismes oficials? #1\",\"datePublished\":\"2017-05-12T10:09:13+00:00\",\"dateModified\":\"2026-04-20T17:24:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/\"},\"wordCount\":1244,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg\",\"articleSection\":[\"Destacat\",\"Disseny i desenvolupament web\",\"Altres\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/\",\"name\":\"\u00bfPor qu\u00e9 son tan horteras los dise\u00f1os web de organismos oficiales?\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg\",\"datePublished\":\"2017-05-12T10:09:13+00:00\",\"dateModified\":\"2026-04-20T17:24:03+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Analizamos el dise\u00f1o web de la p\u00e1gina de la DGT. Nos sumergimos por sus callejones y nos quedamos mareados por tanta disonancia visual.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg\",\"width\":1900,\"height\":1227},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfPor qu\u00e9 son tan horteras los dise\u00f1os web de organismos oficiales?","description":"Analizamos el dise\u00f1o web de la p\u00e1gina de la DGT. Nos sumergimos por sus callejones y nos quedamos mareados por tanta disonancia visual.","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:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/","og_locale":"ca_ES","og_type":"article","og_title":"\u00bfPor qu\u00e9 son tan horteras los dise\u00f1os web de organismos oficiales?","og_description":"Analizamos el dise\u00f1o web de la p\u00e1gina de la DGT. Nos sumergimos por sus callejones y nos quedamos mareados por tanta disonancia visual.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/","og_site_name":"Code Barcelona","article_published_time":"2017-05-12T10:09:13+00:00","article_modified_time":"2026-04-20T17:24:03+00:00","og_image":[{"width":1900,"height":1227,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"6 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Per qu\u00e8 s\u00f3n tan kitsch els dissenys web dels organismes oficials? #1","datePublished":"2017-05-12T10:09:13+00:00","dateModified":"2026-04-20T17:24:03+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/"},"wordCount":1244,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg","articleSection":["Destacat","Disseny i desenvolupament web","Altres","Dise\u00f1o gr\u00e1fico"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/","name":"\u00bfPor qu\u00e9 son tan horteras los dise\u00f1os web de organismos oficiales?","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg","datePublished":"2017-05-12T10:09:13+00:00","dateModified":"2026-04-20T17:24:03+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Analizamos el dise\u00f1o web de la p\u00e1gina de la DGT. Nos sumergimos por sus callejones y nos quedamos mareados por tanta disonancia visual.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/dissenys-web-organismes-oficials-horteres\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/por-que-son-tan-horteras-los-disenos-web-de-organismos-oficiales-1-featured.jpg","width":1900,"height":1227},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/16597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=16597"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/16597\/revisions"}],"predecessor-version":[{"id":16604,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/16597\/revisions\/16604"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/4097"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=16597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=16597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}