Sí. Fem servir un parell de cookies, i una ni tan sols és nostra. N’haurà d’acceptar-les per estalviar-se aquest missatge que ensenyem per imperatiu legal

“El 25% de les visites no poden veure webs amb disseny ‘responsive’”, notícia a Interdixit

Disseny + Desenvolupament. Multimèdia. Web. Comunicació. Grafisme. Art

Notícia: “El 25% de les visites no poden veure webs amb disseny ‘responsive’” de la secció Tendències

El 25% de les visites no poden veure webs amb disseny ‘responsive’

La quarta part de les visites que es produeixen a webs amb disseny responsive, autoadaptable a l’amplada de dispositius mòbils i de sobretaula, no aconsegueixen veure la interfície correctament, segons ha advertit Google. Els elements es descol·loquen i es mouen en la pàgina web convertint-la, la majoria de les vegades, en il·legible.

L’advertència del cercador està basada en visites reals i no en percentatges d’usuaris potencials. Segons indica, la majoria dels problemes es produeixen en usuaris amb ordinadors de sobretaula que fan servir navegadors que no poden llegir la codificació del disseny responsive.

Aquesta tendència de disseny pretén oferir un contingut llegible en equips de sobretaula i en dispositius mòbils com tablets i smartphones, utilitzant una estructura flexible i líquida, de manera que automàticament el contingut s’adapti a les amplades disponibles en cada pantalla. La filosofia i tècniques han estat definides per Ethan Marcotte, autor de Responsive web design, en el qual posa l’accent en l’ús de media queries de l’especificació CSS3, selecció de fulles d’estil mitjançant javascript, diferències entre la unitat de mesura dip (píxel de referència) i el píxel, i característiques de la resolució de pantalla en els diferents dispositius.

L’objectiu és aconseguir que el contingut sigui llegible i que no apareguin en telèfons mòbils i tablets barres de scroll horitzontals i s’ha convertit en una tendència puixant de disseny. Tot i això, Google adverteix del seu fracàs actual i de què compromet el rendiment de velocitat de les pàgines que implica la càrrega d’aquest tipus de disseny.

Quan utilitzar un disseny ‘responsive’?
El disseny responsive està desaconsellat per a llocs web amb menús llargs i submenús amb un o més nivells. Per regla general, els menús secundaris es carreguen al final del contingut de la pàgina i l’usuari mai arriba a tenir coneixement de en quin lloc o secció de la pàgina es troba.

També és desaconsellat quan la pàgina té llistes d’elements molt llargues o molt contingut, molt o gens estructurat. La pàgina tindria una longitud impossible d’abastar.

Pot ser una solució per a webs molt petites, amb no més de mitja dotzena de pàgines i sense formularis complexos. També pot ser una solució per a contingut seleccionat de grans llocs web, per tal d’ajudar els usuaris de dispositius mòbils.

Cal tenir en compte, a més de la grandària en nombre de pàgines del website i del volum de contingut, el tipus de dispositiu mòbil que fan servir els usuaris habituals. Algunes versions de smartphones són absolutament incompatibles amb aquesta modalitat de disseny.

I s’ha de considerar l’ús que fan els usuaris dels telèfons mòbils, molt diferent a la navegació amb tablets com l’iPad.

Generalment l’usuari de telèfon mòbil navega buscant una dada que requereix amb urgència i que no retindrà o que no necessitarà més tard: un número de telèfon, una adreça, una característica d’un article a la venda… Difícilment fa servir el navegador d’Internet del telèfon per realitzar una transacció (compres, operacions bancàries ...).

Si la informació que es facilitarà ha de ser més detallada, resultarà més pràctic fer una app per al sistema operatiu del telèfon mòbil, que oferirà un resultat eficient i controlable de l’ús, sense hipotecar formats, adreces URL, optimitzacions de contingut SEO i altres recursos a una tendència de disseny.

Alternativa: HTML5 semàntic i estructurat en blocs
Per regla general, la majoria dels usuaris poden veure correctament pàgines web programades amb HTML5 estàndard des de qualsevol dispositiu. Si s’ha construït semànticament i amb blocs molt definits, els usuaris de iOS i d’Android podran, amb un parell de tocs de dit en cada bloc, ampliar-lo i llegir el contingut en els seus dispositius sense que aquest es descol·loqui o trenqui.

L’única precaució lògica és dissenyar amb espai perquè hi càpiga el rovell dels dits, on els botons tinguin aparença de botons i els enllaços s’identifiquin amb claredat i en el qual hagi desaparegut l’efecte rollover (:hover i :focus en CSS).

L’usuari pot accedir a la totalitat del contingut disponible a la pàgina, i a tots els menús en tota la seva profunditat, sense perdre la situació on s’hi troba i llegint allò que li interessa pessigant-lo en pantalla.

Les pàgines pesen menys, requereixen menys recursos de servidor i d’execució en el telèfon mòbil, consumeixen menys ample de banda dels plans de telefonia 3G i la producció resulta més econòmica.