Saps què li diu un redactor a un dissenyador? 10 pistes per dissenyar webs que es llegeixin.

[Versión en español]

Jo als dissenyadors els dic un munt de coses... normalment, els dóno les gràcies més sinceres per fer que els textos que he treballat es llegeixin bé. I és que sense un bon encaix entre disseny i continguts, els textos perden lectors. 

Aquí teniu deu pistes per dissenyar textos que es llegeixin:

1. Tenir clar que el text en un web serveix per comunicar i transmetre informació essencial, no per decorar o omplir un espai.


2. Decidir l'amplada dels textos segons criteris de llegibilitat, i no només estètics.
Una columna de text molt estreta o molt ampla costa de llegir. Trobar l'amplada justa d'un text no és fàcil, i menys quan el disseny s'ha d'anar adaptant a múltiples dispositius, però està bé contemplar dues regles generals:

 i) Si hem de moure el cap per llegir el final d'una línia, moltes vegades no la llegim.
ii) Si hem de canviar de línia massa ràpid, se'ns cansen els ulls i abandonem la lectura més ràpidament.

3. Jerarquitzar els missatges gràficament segons la importància que tenen conceptualment. 

No tots els textos d'una pàgina tenen el mateix pes. Gràficament hem d'ajudar els usuaris a saber quins són els missatges clau i quins els secundaris. Quin text és independent i quin està relacionat amb què. Si juguem amb quadrícules massa uniformes, perdem la jerarquia conceptual.

4. Marcar clarament les paraules clicables. L'usuari ha de tenir clar quin text és clicable i quin no. Si no és evident que un text és un enllaç, estem perjudicant la navegació. Si una paraula sembla clicable però no n'és, generem frustració. 

5. Evitar que les llistes flotin. Gràficament, les llistes són atractives i per això a Internet els usuaris sovint anem directament a llegir una llista. Per situar i entendre bé una llista, però, necessitem haver llegit el text que la introdueix. El disseny ha de definir els espaiats adequats per facilitar que l'usuari llegeixi la frase prèvia a la llista.

6. Posar el text clau on tothom mira. Hi ha zones de pantalla que tothom veu... i n'hi ha que no. Tots mirem la part superior esquerra d'un web, i deixem la part dreta per més tard, si és que la mirem. Tots mirem la part superior de la pantalla i deixem la part inferior per més tard, si és que la mirem. 

7. Tenir en compte que els missatges clau amb estètica publicitària o decorativa s'obvien o s'interpreten com a missatges irrellevants. Sembla que estem molt acostumats a discriminar d'un cop d'ull la publicitat i els elements decoratius. Si volem destacar un text per assegurar-nos que els usuaris el llegeixin hem de buscar altres recursos.

8. Els formularis tenen molts requeriments de disseny: han de tenir títol i espai per a instruccions breus. Els camps obligatoris han d'estar clarament senyalitzats. El nom, el text explicatiu del camp i el mateix camp han d'estar clarament relacionats.


9. Recordar que els vídeos i les gràfiques necessiten títol i un petit text explicatiu. I que les fotos no decoratives necessiten peus de foto. Si es dissenya un web abans de tenir els continguts a punt, és important tenir-ho en compte.


10. Llegir fosc sobre clar és molt més fàcil que llegir clar sobre fosc. 

Convé reservar el text blanc sobre fons de color per a elements que es volen destacar, no per a textos que els usuaris llegiran. Aquí hi teniu una bona explicació. http://uxmovement.com/content/when-to-use-white-text-on-a-dark-background.

Algunes d'aquestes pautes només es poden aplicar un cop el dissenyador té el text final, o quasi final. Per això és tan important que els dissenyadors tinguin el text abans de començar a treballar. I que ens anem oblidant del lorem ipsum.

L'efecte sorpresa d'una estratègia de continguts

[English version]

Un dels grans avantatges de dur a terme una estratègia de continguts és que t'ajuda a desenvolupar un hàbit mental molt útil a la vida: pensar en els altres.

El primer pas d'una estratègia de continguts per a web és analitzar bé el  context comunicatiu. Entre altres coses, analitzes els teus objectius, a qui t'estàs dirigint, què caldrà dir i com. Reflexiones sobre què és el que farà que la comunicació sigui efectiva.

A les reunions, la gent parla de diversos temes que després reapareixen a l'hora de dinar, o fent un cafè... tothom va entenent que per tal d'aconseguir els seus objectius hauran de satisfer les necessitats dels usuaris. Que per tal de crear bon contingut hauran de tenir en compte diferents persones de l'organització.

Tota la feina feta a la fase d'anàlisi és crucial per a l'èxit del projecte web, i també és molt rellevant per detectar espais de millora dins l'organització.

La bona notícia és que l'anàlisi també és útil per canviar la manera que la gent tendeix a plantejar-se els actes de comunicació en general.

Foto de Ricard Clupés

He tingut clients que d'entrada eren reticents a dedicar temps i esforç a l'etapa d'anàlisi. Al cap d'uns mesos, un cop acabat el projecte web, aquestes mateixes persones m'han anat trucant perquè els ajudi amb un fulletó, una presentació o fins i tot mails complicats. La sorpresa és que tots tenen molt clar quin és el primer pas.

Estam disposats a preguntar-se i respondre les preguntes rellevants abans de pensar en les paraules exactes o el disseny gràfic. Han creat  l'hàbit de pensar en els altres, no només en si mateixos com a organització.

El que falta ara és que aquest hàbit s'estengui més enllà de la comunicació escrita i arribi a tot tipus d'actes de comunicació. Especialment a les reunions de feina.

El dia que les persones es prenguin una mica de temps abans de cada reunió per pensar què saben les altres persones, què esperen, i quina és la millor manera de parlar uns amb els altres, les reunions de feina seran molt més eficaces. I agradables.