Disseny web: Responsive o adaptatiu? Quina és la diferència?

responsve

Un dels objectius més importants en el disseny de pàgines web és garantir una bona accessibilitat i usabilitat per als nostres usuaris. Això és un component tremendament important ja que en bona mesura determinarà coses tan importants com l'afluència de visitants i el que és més important la solidesa dels llaços que estrenyen els nostres visitants amb el nostre site o la seva fidelitat. Cal que donem una ullada a el panorama que hi ha avui: Els tipus de pàgines que existeixen, els tipus d'usuaris que hi ha i els tipus d'accés i formes de navegar que hi ha. Hi ha una gran varietat de vies d'accés a Internet: Ordinadors, tauletes, smartphones ... Així que les pàgines que dissenyem han d'estar completament preparades per a ser reproduïdes en qualsevol d'aquests dispositius.

Es parla molt de disseny adaptatiu i de disseny responsive. Però, aquests conceptes fan al·lusió al mateix? Realment no, hi ha diferències entre ambdós conceptes i cal que les coneguem i escollim l'alternativa que més ens convé en cada cas.

A l'existir diferents tipus de dispositius i resolucions de pantalla, cal que siguem capaços de crear sites que siguin reproduïbles en tots els formats. És un fet que un percentatge cada vegada més elevat accedeix a la xarxa a través de dispositius portàtils encara que paradoxalment moltes empreses passen per alt aquest detall de manera que l'experiència d'aquests usuaris quan visiten les seves pàgines és de bastant menor qualitat i per tant abandonen la pàgina ia més es queden amb una mala impressió de l'negoci en qüestió. Es donen problemes com un temps de càrrega massa dilatat a l'intentar reproduir pàgines escriptori en dispositius portàtils, els problemes a l'hora de fer descàrregues i per descomptat a nivell visual amb la deformació o distorsió de el disseny original. Per evitar aquests problemes es fa imprescindible que els desenvolupadors i dissenyadors observin com s'està produint el consum d'informació en línia i intentin adaptar-se als nous modus operandi perquè el contrari només significarà un endarreriment i una possible pèrdua de visitants.

Les alternatives que existeixen avui per afrontar aquest repte són les modalitats de disseny responsive i disseny adaptatiu. Tots dos consisteixen en un sistema de programació bastant flexible que proporcionen la possibilitat de reorganitzar o fins i tot reestructurar els elements que integren la nostra arquitectura web perquè finalment s'adaptin a qualsevol resolució de pantalla i ofereixin un resultat atractiu i funcional. No obstant això les dues modalitats no signifiquen el mateix.

Quines són les diferències entre disseny responsive i disseny adaptatiu?

  • El disseny web de tipus responsive el que fa és adaptar l'estructura del web i tots els elements que l'integren a la pantalla del nostre dispositiu per oferir un excel·lent aspecte visual i una gran funcionalitat atenent a criteris com l'accessibilitat als continguts. Per aconseguir aquest tipus de dissenys és necessaris que s'estableixin valors de mida proporcionals en lloc d'establir valors fixos. Es fa ús de mitjana queries i fulls d'estil per aconseguir un bon resultat. En molts casos és necessari modificar l'estructura original per afavorir l'experiència de l'usuari canviant la disposició dels menús per exemple i evitant excessius scrolls o mètodes d'accés poc còmodes des d'altres dispositius.
  • El disseny web adaptatiu no resulta tan flexible com el disseny responsive. Aquest utilitza mides de pantalla fixos i preestabelcidos per a cada un dels dispositius on es vagi a reproduir la pàgina en qüestió. Una de les seves virtuts podríem dir que és la seva senzillesa a nivell de codi. Crear un disseny adaptatiu no necessita de tant codi com un disseny responsive.

Per tot això el més recomanable és optar per un disseny web de tipus responsive i encara que pugui portar-nos un temps extra en el seu desenvolupament, finalment val la pena, tot això si serem nosaltres qui ens encarreguem de el desenvolupament integral del nostre web. En cas que estiguem treballant a través d'una plantilla amb CMS com WordPress hem d'assegurar que la nostra plantilla sigui responsive (les propostes més actuals ho són pel que és fàcil trobar-les), d'aquesta manera no caldrà treballar-hi. No és una tendència nova, tingueu en compte que portem immersos bastants anys ja en un sistema multiplataforma, tot i que és una cosa que moltes empreses no tenen en compte, és important ja que la qualitat i la quantitat de clients variarà notablement.


Un comentari, deixa el teu

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

  1.   diego estel va dir

    Al meu entendre els dos conceptes són Exactament el mateix, no hi ha una traducció literal del que significa wav disseny web responsive el que persegueix Aquesta tècnica a l'espanyol es tradueix en disseny web adaptatiu Què és exactament el que fan els elements adaptar-se als diferents mides de pantalla, d'altra banda el disseny web fluid és el que diu aquesta nota asseverant a el disseny web adaptatiu. No confondre als lectors el disseny web adaptatiu i disseny web responsive persegueixen el mateix significat