Què és el disseny responsive?

Què és el disseny responsive?

web-responsive

2016 ha sigut l’any de la revolució dels smartphones: Segons l’informe realitzat per La Societat de la Informació a Espanya, el mòbil és el principal dispositiu a través del qual els espanyols entren en Internet, sent empleat per un 88,3% dels usuaris. Perd posicions l’ordinador, i augmenten notablement els televisors i les videoconsoles. A més, el perfil de l’usuari de la xarxa de xarxes es va ampliant en edat, i la franja d’edat entre els 54 i els 65 anys s’atrevix, al fi, amb la navegació online. La bretxa generacional s’acurta, i la informació en internet arriba cada vegada a un número més ampli de ciutadans.

Amb este panorama sorgix per a la seua empresa una necessitat imperant: fer que la seua pàgina web arribe al nombre més gran de dispositius posibles. D’aquella premissa de fa uns anys “has de fer-te una web” passem ara mateix a “ha de veure’s des de qualsevol dispositiu”. Ací entra en joc el disseny responsive.

Malgrat el que alguns puguen pensar, un disseny responsive no suposa fer una nova versió per a mòbils de la pàgina web que la seua empresa té en funcionament: el disseny responsive va més enllà, afavorint l’experiència d’usuari, per la qual cosa serà necessari redissenyar una nova pàgina web que atenga als criteris responsive.

nino-tablet

I quins són els criteris del disseny responsive?

El disseny responsive proporciona a tots els usuaris la mateixa experiència, independentment del seu lloc del seu dispositiu de connexió, i exactament els mateixos continguts. Focalitzades principalment en les dimensions de la pantalla, ja que els punts d’accés poden ser tan variats com a ordinadors d’escriptori, tablets, mòbils o televisions, les tècniques responsive redimensionen i col·loquen els diversos elements d’una web perquè els layouts (continguts) i imatges siguen fluids.

El disseny de la nostra web ha d’estar preparat estructuralment per a adaptar tots els seus continguts en funció del tipus de de dispositiu sobre el qual s’està veient i la resolució de pantalla del mateix.

A l’hora de plantejar una pàgina web amb disseny responsive hem de tindre en compte, en especial, les mètriques que hàgem anat obtenint amb el temps des de la nostra web:

  • Determinar els dispositius que utilitzen els nostres usuaris. El contingut d’una web no es mostra igual en un smartphone o en una tablet, de la mateixa manera que no es veu igual en vertical que en horitzontal.
  • Els continguts són el més important. I ací tindrà el dilema intern de respectar un disseny impressionant. Però si vol, de veritat, arribar a l’usuari, el contingut és el principal.
  • Establisca i respecte les jerarquies, prestant especial atenció a les grandàries de tipografies o imatges.
  • Revise el seu web reduint la grandària de la pantalla del navegador del seu ordinador de sobretaula per a observar l’experiència que cada usuari percebrà. Faça canvis, simplifique els continguts, redissenye. Adapte’s!

diseno-responsive

Beneficis del web responsive

Amb estes premisses, no són pocs els beneficis que obtindrà:

  • Càrrega més veloç de la web
  • Millor lectura gràcies a la grandària de lletra adequat.
  • Millor experiència en la navegació gràcies als botons adaptats per a ús tàctil.
  • Estalvi de costos: enfront de les múltiples versions del lloc web, o inclús el desenrotllament d’Apps, una sola web responsive dóna resposta a totes les necessitats.

Set de cada deu usuaris de telefonia compta amb un smartphone, i quasi el 80% de la població entre 16 i 74 anys es connecta diàriament des del telèfon a internet. Les xifres canten: adaptar-se a la tecnologia ja no és una opció.

 

 

Comparte este post!

Dejar un comentario

Your email address will not be published.

Uso de cookies

Utilizamos cookies de terceros para evaluar el uso que se hace a través de nuestra página web y la actividad general de la misma, así como para permitirle compartir información a través de las redes sociales. Si continúa navegando, consideramos que acepta su uso. Puede cambiar la configuración y obtener más información sobre las cookies haciendo click aquí. ACEPTAR