Dissenye web adaptable

Erro al crear miniatura:

Dissenye web adaptable

Diseño web adaptativo (adaptable) o Responsive Web Design (RWD).

El disseny web adaptable (també dissenye web adaptatiu o responsivo; este últim calc de l'anglés responsive web design) és una filosofia de disseny i desenroll l'objectiu del qual és adaptar l'apariència de les pàgines web al dispositiu que s'estiga utilisant per a visitar-les. Hui dia les pàgines web es veuen en multitut de dispositius com tabletas, teléfons inteligents, llibres electrònics, portàtils, PC, etcétera. Ademés, encara dins de cada tipo, cada dispositiu té les seues característiques concretes: tamany de pantalla, resolució, potència de CPU, sistema operatiu o capacitat de memòria entre unes atres. Esta tecnologia pretén que en un únic disseny web, tot es veja correctament en qualsevol dispositiu.

El dissenyador i autor nortamericà Ethan Marcotte va crear i va difondre esta tècnica a partir d'una série d'artículs en A List Apart, una publicació en llínea especialisada en dissenye i desenrolle web, idea que després estendria en el seu llibre Responsive Web Design.

Orige del disseny web adaptable

Tant l'idea com el propòsit del disseny web adaptable varen ser prèviament discutits i descrits pel World Wide Web Consortium (W3C) en juliol de 2008 en la seua recomanació Mobile Web Best Practices baix el subtítul «One Web».

Dita recomanació, encara que específica per a dispositius mòvils, puntualisa que està feta en el context de One Web, i que per lo tant engloba no solament l'experiència de navegació en dispositius mòvils sino també en dispositius de major resolució de pantalla com a dispositius de sobretaula.

El concepte de One Web fa referència a l'idea de construir una ‘Web per a Tots’ (Web for All) i accessible des de qualsevol tipo de dispositiu (Web on Everything).

Hui en dia, la varietat de dispositius existents en el mercat ha provocat que l'informació disponible no siga accessible des de tots els dispositius, o be siga accessible pero en una experiència de navegació molt pobra.

Ventages

L'us de dispositius mòvils ha aumentat notablement en els anys 2010, en particular, l'us de tabletas i teléfons inteligents. Estos últims, a juliol del 2023, representaven el 55,63% del tràfic web. L'evolució de la navegació en Internet ha anat a la parell, i això ha popularisat la navegació en Internet per mig d'una creixent varietat de dispositius i resolucions de pantalla, lo que a la seua volta ha creat unes necessitats d'adaptar l'experiència de la navegació web a ells.

En una sola versió en HTML i CSS es poden cobrir totes les resolucions de pantalla, en lo que el lloc web estarà optimisat per a distints dispositius i resolucions de pantalla. Açò millora l'experiència d'usuari a diferència de lo que ocorre, per eixemple, en llocs web d'ample fix quan s'accedixen des de dispositius mòvils. D'esta forma es reduïxen els costs de creació i manteniment quan el disseny de les pantalles és similar entre dispositius de distints tamanys. També evita tindre que desenrollar aplicacions ad hoc per a cada sistema operatiu mòvil: iOS, Android, Windows Phone, BlackBerry VOS, etc.

Des del punt de vista del posicionament en buscadors, apareixeria una única URL en els resultats de busca, en lo que s'aforrarien múltiples redireccions i els fallos que es deriven d'estes. També s'evitarien errors en accedir al sitie web en concret des dels cridats social links, és dir, des d'enllaços que els usuaris compartixen en mijos socials tals com Facebook o Twitter, i que poden acabar en error depenent des de quin dispositiu es va copiar i des de quin dispositiu s'intenta accedir a eixe enllaç.

A l'hora de visualisar Google la teua pàgina responsiva, puntua millor la seua posicionament web^{cita requerida}. Açò es deu a que Google pensa en els usuaris i cóm van a poder visualisar de millor forma les pàgines web.