ENS IMPORTA EL
DISSENY RESPONSIVE
El 40% dels usuaris online realitzen les compres des dels seus telèfons mòbils i tauletes. I gairebé un 70%, prèn la decisió de compra per informació recol·lectada a través d’un telèfon intel·ligent. Malgrat això hi ha moltes webs que encara no estan adaptades als dispositius mòbils.
QUÈ ÉS EL DISSENY RESPONSIVE?
També conegut com a disseny web adaptable, disseny adaptable o responsive design és una filosofia de disseny en la qual el seu objectiu principal és que una web es vegi “bé” en qualsevol mena de dispositiu, ja sigui des de la pantalla d’un ordinador, una tauleta o un telèfon intel·ligent.
Però no sols això, a allinagency_ a més d’assegurar-nos d’una bona visualització, tenim en compte el temps de càrrega, l’adaptació de contingut, la resolució de les imatges i la seva disposició en la pantalla.
PER QUÈ FER-HO?
És important adaptar-se als nous hàbits de consum de la societat, aquelles empreses que no segueixen les necessitats dels seus consumidors acaben abandonats. És per això que algunes marques, com Google, penalitzen aquelles webs no responsive o tinguin un temps de càrrega elevat, ja que es tracta de llocs que no són user friendly.
Motius pels quals tenir una web responsive:
– Millora el rànquing en motors de cerca, posicionament SEO.
– Millora l’experiència de navegació dels teus usuaris.
– Incrementa la teva visibilitat en usuaris de tauleta/telèfon intel·ligent.
– Millora els ràtios de conversió.
Una sola web que s’adapta a qualsevol pantalla
Connecta la teva web
a tots els dispositius
del mercat.
AIXÍ HO ACONSEGUIM
Utilitzem breakpoints, grid CSS, Mitjana Queries, contingut fluid, mesures relatives, valors màxims i mínims,… Tot el necessari perquè la teva web es visualitzi en qualsevol lloc.
01.
Estandardització del disseny: grandàries de text, mesures de marges, distància dels elements, etc. No és el mateix llegir un paràgraf des de la pantalla del portatil, que des d’un dispositiu mòbil. És per això que cal tenir un disseny estandarditzat on es pautan les grandàries dels títols, continguts segons el dispositiu des del qual s’accedeix.
02.
Reorganització dels elements, analitzem la web des dels diferents dispositius tenint en compte les limitacions que tenen cadascun. D’aquesta manera podem posar una jerarquia diferent, segons el dispositiu en el qual l’usuari es connecti.
03.
I per últim però no menys important: Testar, testar i més testar. El panell de desenvolupador de Chrome és el nostre millor amic. Ens assegurem que sigui com sigui el dispositiu des del qual s’entre a la web, aquesta es pugui visualitzar bé
QUÈ POTS ACONSEGUIR?
No ho tens clar? Et donem més raons.
DEIXA DE PENSAR-T’HO I CONTACTA’NS…
Confien en nosaltres
