Termes relacionats

QUÈ ÉS ACRELIA NEWS?

Plataforma d'email màrqueting per correu electrònic en català, amb tot el que necessites per dissenyar, enviar i realitzar de forma completa i efectiva el seguiment de les teves campanyes

CREAR COMPTE ARA

Disseny responsive

Disseny que s’adapta al dispositiu des del qual es consulta una pàgina web o un correu electrònic. Així, ja sigui amb un ordinador, tauleta o telèfon intel·ligent, s’aconsegueix la mateixa visualització utilitzant un únic disseny en comptes d’un de diferent per a cada resolució de pantalla.

L’editor de campanyes d’email d’Acrelia et permet crear campanyes que s’adapten a tot tipus de dispositius. Prova'l ara.

Com funciona el disseny responsive?

El disseny responsive és flexible per tal d’ajustar-se automàticament al dispositiu que està obrint la web o el correu electrònic. Funciona amb percentatges i valors proporcionals, de manera que no s’estableix un ample fixe de pantalla, ja que això podria provocar que aparegués un desplaçament vertical o horitzontal si tingués una mida diferent a la que s’ha utilitzat durant el disseny.

Tot i que una traducció habitual de responsive és adaptatiu, en realitat són dos conceptes diferents: el primer utilitza un únic disseny, mentre que el segon dissenya un contingut per a cada dispositiu (com diferents ordinadors amb diferents sistemes operatius i navegadors) per tal d’adaptar-se a les seves característiques (mira de pantalla, resolució...).

El disseny responsive contribueix a oferir una bona experiència a l’usuari per tal d’assegurar-se que, així, segueixi navegant per la pàgina. Si no es cuida aquest aspecte del contingut, les conversions poden baixar atès que a l’usuari li resultarà més difícil fer l’acció: per exemple, si el botó és massa petit o no es visualitzen correctament les imatges.

Com fer un disseny responsive

Tots els gestors de contingut inclouen plantilles responsive, una cosa que també ofereixen els proveïdors d’email màrqueting. Aquesta és la manera més senzilla d’assegurar-se que tots els usuaris veuen correctament el missatge. A més, al ser personalitzables, no es pot malmetre el disseny quan s’hi fan canvis per tal d’ajustar-lo a la identitat corporativa o al introduir-hi el contingut correcte.

Per tal de saber si el disseny que s’està utilitzant és responsive o no, n’hi ha prou amb fer una petita prova canviant la mida del propi navegador: al reduir-ne l’amplada, l’estructura i les imatges haurien de variar per tal d’adaptar-se a les noves dimensions. Generalment, es redueix el nombre de columnes del disseny i el menú es condensa. També es pot fer un enviament a una llista de prova per tal de verificar la plantilla des de diferents dispositius.

El disseny responsive funciona amb fulles d’estil (CSS). És en aquest codi on s’haurien d’incloure les etiquetes de mesures màximes (en píxels), per establir, per exemple, l’amplada de pantalla que servirà de base per a la resta de dispositius. També cal tenir en compte que la tipografia i les imatges no es vegin molt petites o massa grans, per això s’utilitzen valors relatius en comptes de valors absoluts (per exemple, 80% de l’amplada i no 1024px).