{"id":4245,"date":"2019-04-22T11:52:05","date_gmt":"2019-04-22T09:52:05","guid":{"rendered":"https:\/\/spm360.com\/disseny-web-responsive"},"modified":"2019-04-22T11:52:05","modified_gmt":"2019-04-22T09:52:05","slug":"disseny-web-responsive","status":"publish","type":"post","link":"https:\/\/spm360.com\/ca\/disseny-web-responsive","title":{"rendered":"Disseny web responsive"},"content":{"rendered":"<h2>Qu\u00e8 \u00e9s i per a qu\u00e8 serveix un disseny web <em>responsive<\/em>?<\/h2>\n<p>Una <strong>p\u00e0gina web responsive<\/strong> \u00e9s aquella que ofereix una experi\u00e8ncia d&#8217;usuari totalment satisfact\u00f2ria, indistintament del dispositiu a trav\u00e9s del qual accedeixi al lloc web cada usuari. Un disseny web responsive resulta, des de fa alguns anys, una necessitat indispensable en el disseny de p\u00e0gines web de nova creaci\u00f3. Cal tenir en compte que el percentatge d&#8217;usuaris que accedeixen a Internet a trav\u00e9s de dispositius m\u00f2bils (36,9%) \u00e9s des de l&#8217;any 2018 m\u00e9s gran, al percentatge d&#8217;usuaris que ho fan des d&#8217;ordinadors de sobretaula (30,6%), o port\u00e0tils (26,6%) *. Aquestes dades escenifiquen un canvi de paradigma que fa d&#8217;aquest tipus de dissenys m\u00e9s urgents si \u00e9s possible, per a marques que no compten amb una p\u00e0gina web responsive.<\/p>\n<p>Un disseny web responsive permet estructurar l&#8217;<strong>arquitectura de continguts<\/strong> d&#8217;una p\u00e0gina web de manera <strong>flexible, per blocs movibles<\/strong>. Amb aix\u00f2, els textos, les imatges, els men\u00fas de navegaci\u00f3 o els botons; s&#8217;adapten autom\u00e0ticament a la resoluci\u00f3 de pantalla a trav\u00e9s de la qual l&#8217;usuari est\u00e0 visualitzant la p\u00e0gina web. Una acci\u00f3 t\u00e8cnica aconseguida a partir de <strong>proporcions<\/strong>, en lloc de mesures fixes; que fa de tota p\u00e0gina web un lloc \u00fanic i funcional.<\/p>\n<p><img decoding=\"async\" class=\"lazyload aligncenter wp-image-7270 size-large\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271024%27%20height%3D%27494%27%20viewBox%3D%270%200%201024%20494%27%3E%3Crect%20width%3D%271024%27%20height%3D%27494%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/spm360.com\/wp-content\/uploads\/2021\/06\/diseno-web-responsive-1024x494.png\" alt=\"Servicios Plenos Manipulados\" width=\"1024\" height=\"494\" title=\"\"><\/p>\n<p>&nbsp;<\/p>\n<h2>Avantatges competitius de disposar d&#8217;una p\u00e0gina web <em>responsive <\/em><\/h2>\n<ul>\n<li>El primer avantatge competitiu que ofereix un disseny web responsive \u00e9s el fet d&#8217;estalviar en la producci\u00f3 d&#8217;una p\u00e0gina web exclusiva per a ordinadors, una altra per a m\u00f2bils, a m\u00e9s de (en casos particulars) un <a href=\"https:\/\/www.spm360.com\/programacion\/aplicaciones\/\" target=\"_blank\" rel=\"noopener\"><em>app<\/em><\/a>.<\/li>\n<li>L&#8217;estalvi en la producci\u00f3 s&#8217;extrapola de la mateixa manera, l&#8217;estalvi en costos per a l&#8217;elaboraci\u00f3, edici\u00f3 i compartici\u00f3 de continguts per a tres productes diferents.<\/li>\n<li>El <strong>posicionament SEO<\/strong> de la p\u00e0gina en cercadors, tamb\u00e9 es beneficia d&#8217;un disseny web responsive. Cal tenir en compte que tots els continguts estan allotjats en un sol lloc web, de manera que totes les visites arribaran aquest mateix domini.<\/li>\n<\/ul>\n<h2>Encara dubtes si contractar o no la producci\u00f3 d&#8217;una p\u00e0gina web <em>responsive<\/em>?<\/h2>\n<ul>\n<li>Si tens en ment contractar la producci\u00f3 d&#8217;una p\u00e0gina web, tingues en compte que \u00e9s m\u00e9s senzill i econ\u00f2mic realitzar un disseny web responsive des de l&#8217;inici, que adaptar-lo a posteriori.<\/li>\n<li>Una p\u00e0gina web responsive est\u00e0 pensada per a usuaris que naveguen a trav\u00e9s de dispositius m\u00f2bils. Per tant, \u00e9s important oferir-los una experi\u00e8ncia d&#8217;usuari adequada a la navegaci\u00f3 que ofereixen aquests dispositius. Per a aix\u00f2 cal tenir en compte l&#8217;estil de men\u00fas de navegaci\u00f3, botons, efectes i tipografies.<\/li>\n<li>El temps de c\u00e0rrega \u00e9s un dels pilars fonamentals per oferir als visitants de la p\u00e0gina web una bona experi\u00e8ncia d&#8217;usuari. El pes i mesures d&#8217;imatges, v\u00eddeos, i arxius pujats a la web, influeix directament en el temps que tarda a carregar el contingut total de la p\u00e0gina.<\/li>\n<\/ul>\n<h3 style=\"text-align: center;\">\u201cA SPM som especialistes en el disseny\u00a0<em>express<\/em> de p\u00e0ginas web <em>responsive<\/em>. Comptem amb un servei especial de disseny web a 24 hores per tan sols 299 euros.\u00a0<a href=\"https:\/\/www.spm360.com\/programacion\/diseno-web-en-24-horas\/\" target=\"_blank\" rel=\"noopener\">Informa&#8217;t<\/a> i treu el m\u00e0xim rendiment al teu negoci.\u201d<\/h3>\n<p>&nbsp;<\/p>\n<hr \/>\n<p><em>*Encuesta Anual Navegantes en la Red, de la Asociaci\u00f3n para la Investigaci\u00f3n de Medios de Comunicaci\u00f3n (EGM).<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e8 \u00e9s i per a qu\u00e8 serveix un disseny web responsive? Una p\u00e0gina web responsive \u00e9s aquella que ofereix una [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":4162,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72],"tags":[],"class_list":["post-4245","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-web"],"_links":{"self":[{"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/posts\/4245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/comments?post=4245"}],"version-history":[{"count":0,"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/posts\/4245\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/media\/4162"}],"wp:attachment":[{"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/media?parent=4245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/categories?post=4245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/spm360.com\/ca\/wp-json\/wp\/v2\/tags?post=4245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}