Què és el disseny responsive?

Què és el disseny responsive?

web-responsive

2016 ha estat l’any de la revolució dels smartphones: Segons l’informe realitzat per la Societat de la Informació a Espanya, el  telèfon mòbil és el principal dispositiu mitjançant  entrem en Internet, sent emprat 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’atreveix, per fi, amb la navegació online. La bretxa generacional s’escurça, i la informació en internet arriba cada vegada a un nombre més ampli de ciutadans.

Amb aquest panorama sorgeix per a la seva empresa una necessitat imperant: fer que la seva pàgina web arribi al major nombre de dispositius possibles: 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”. Aquí entra en joc el disseny responsive.

Malgrat el que alguns puguin pensar, un disseny responsive no suposa fer una nova versió per a mòbils de la pàgina web que la seva 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 atengui 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 lloc i del 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 siguin fluïts.

El disseny de la nostra web ha d’estar preparat estructuralment per adaptar tots els seus continguts en funció del tipus 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 tenir en compte, especialment, les mètriques que hàgim anat obtenint amb el temps des del nostre lloc 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 forma que no es veu igual en vertical que en horitzontal.
  • Els continguts són el més important. I aquí tindrà el dilema intern de respectar un disseny impressionant. Però si vulgues, de debò, arribar a l’usuari, el contingut és el principal.
  • Estableixi i respecti les jerarquies, prestant especial cura a les grandàries de tipografies o imatges.
  • Revisi el seu web reduint la grandària de la pantalla del navegador del seu ordinador de sobretaula per observar l’experiència que cada usuari percebrà. Faci canvis, simplifiqui els continguts, redissenyi. Adapti’s!

diseno-responsive

Beneficis del web responsive

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

  • Càrrega més veloç del lloc web
  • Millor lectura gràcies a la grandària de la lletra adequada.
  • 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 fins i tot el desenvolupament de Apps, una sola web responsive dóna resposta a totes les necessitats.

Set de cada deu usuaris de telefonia compta amb un Smartphone, i gairebé 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