¿Sabes qué le dice un redactor a un diseñador? 10 pistas para diseñar webs que se lean.

[Versió en català]

Yo a los diseñadores les digo un montón de cosas... normalmente, les doy las gracias más sinceras por hacer que los textos que he trabjado se lean bien. Y es que sin un buen encaje entre diseño y contenidos, los textos pierden lectores. 

Aquí tenéis diez pistas para diseñar textos que se lean:

1. Tener claro que el texto en una web sirve para comunicar y transmitir información esencial, no para decorar o rellenar un espacio.

2. Decidir el ancho de los textos según criterios de legibilidad,  y no solamente estéticos.
Una columna de texto muy estrecha o muy ancha cuesta de leer. Encontrar la medida justa de un texto no es fácil, y menos cuando el diseño se tiene que ir adaptando a múltiples dispositivos, pero está bien contemplar dos reglas generales:

 i) Si tenemos que mover la cabeza para leer el final de una línea, muchas veces no la leemos.

ii) Si tenemos que cambiar de línea demasiado deprisa, se nos cansa la vista y abandonamos la lectura rápidamente.

3. Jerarquizar los mensajes gráficamente según la importancia que tienen conceptualmente. No todos los textos de una página tienen la misma importancia. Gráficamente tenemos que ayudar a los usuarios a saber cuáles son los mensajes clave y cuáles los secundarios. Qué texto es independiente y qué está relacionado con qué. Si jugamos con cuadrículas demasado uniformes, perdemos la jerarquía conceptual. 

4. Marcar claramente las palabras clicables. El usuario debe tener claro si un texto es un clicable o no. Si no es evidente que un texto es un enlace, estamos perjudicando la navegación. Si una palabra parece un enlace pero no lo es, generamos frustración. 

5. Evitar que las listas floten. Gráficamente, las listas son atractivas y por eso en Internet los usuarios a menudo vamos directamente a leer una lista. Para situar y entender bien una lista, sin embargo, necesitamos haber leído el texto que la introduce. El diseño debe definir el espaciado adecuado para faciliar que el usuario lea la frase previa a la lista.

6. Poner el texto fundamental donde todos miramos. Hay zonas de pantalla que todo el mundo ve... y hay otras que no. Todos miramos la parte superior izquierda de una página web, y dejamos la parte derecha para más adelante, si es que la miramos. Todos miramos la parte superior de la pantalla y dejamos la parte inferior para más adelante, si es que la miramos. 

7. Tener en cuenta que los mensajes clave con estética publicitaria o decorativa se ignoran o se interpretan como mensajes irrelevantes. Parece que estamos muy acostumbrados a discriminar de una ojeada la publicidad y los elementos decorativos. Si queremos destacar un texto para asegurarnos que los usuarios lo lean, debemos buscar otros recursos. 

8. Los formularios tienen muchos requisitos de diseño: deben tener título y espacio para instrucciones breves. Los campos obligatorios deben estar claramente señalizados. El nombre, el texto explicativo del campo y el mismo campo tienen que estar claramente relacionados. 

9. Recordar que los vídeos y las gráficas necesitan título y un pequeño texto explicativo. Y que las fotos no decorativas necesitan pie de foto. Si se diseña una web antes de tener los contenidos, es importante tenerlo en cuenta.

10. Leer oscuro sobre claro es mucho más fácil que leer claro sobre oscuro.

Conviene reservar el texto blanco sobre fondo de color para elementos que se quieren destacar, no para textos que los usuarios leerán. Aquí tenéis una buena explicación http://uxmovement.com/content/when-to-use-white-text-on-a-dark-background.

Algunas de estas pautas sólo se pueden aplicar cuando se tiene el texto final, o casi final. Por eso es tan importante que los diseñaodres tengan el texto antes de empezar a trabajar. Y que nos vayamos olvidando del lorem ipsum. 

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.

És prou gran, la vostra taula?

Potser no ets ni redactor, ni periodista, ni estratega de continguts. Tot i així, probablement ets una persona clau a l'hora de crear els continguts del web de la teva empresa.

Perquè el contingut d'un web sigui eficaç, ha de satisfer tant les necessitats dels usuaris com els objectius de l'organització. Això, que aviat és dit, requereix que gent de tot tipus treballi conjuntament.

En el millor dels casos les empreses busquen bons redactors, dissenyadors professionals i programadors amb experiència, però molt sovint s'obliden de processos i persones que són crucials a l'hora crear continguts eficaços.

Foto: Ricard  Clupés

Bàsicament, el que hauria de passar al voltant de la vostra taula és el següent:

Gent de diferents departaments hauria de dialogar
T'has trobat mai amb informació redundant o contradictòria dins d'un mateix web? Has trobat la informació que buscaves repartida per diferents seccions? Has trucat mai a un servei d'Atenció al Client i al cap de dos minuts has tingut clar que no tenen ni idea de què posa al web de l'empresa? Potser saps què és omplir un formulari esperant obtenir una resposta ràpida i adonar-te al cap d'uns dies que la via del formulari ja no és vigent, si és que mai ho va ser.

Tots aquests problemes, i molts d'altres, es poden solucionar si persones de diferents àrees d'una organització col·laboren eficaçment a l'hora de planificar i crear els continguts d'un web.

Directors, empleats i redactors haurien d'escoltar els clients
Un web és una conversa entre una organització i els seus clients. Com en tota conversa eficaç, és important tenir en compte els diferents interlocutors. Tens clara la sensació d'estar davant d'algú que parla sense parar sobre un tema que no t'interessa? Potser algun cop un venedor t'ha irritat profundament quan, en lloc de contestar-te la pregunta que li planteges, t'intenta vendre una cosa que no necessites.

Així és com se senten els usuaris d'un web si ningú s'ha preocupat d'escoltar-los abans de planificar el contingut.

Hi ha moltes tècniques per asseure virtualment els usuaris a la vostra taula de reunions: pots crear personatges, organitzar focus grups, analitzar dades de clients, entrevistar clients, etc. Un llibre que jo he trobat molt útil per aprendre a escoltar els usuaris és Roadmap to Revenue, How to sell the way your customers want to buy, de Kristin Zhivago.

Arquitectes de la informació, redactors, dissenyadors i programadors (per citar-ne uns quants) haurien de treballar junts
El contingut d'un web ha de respondre preguntes i ajudar a realitzar tasques. S'ha de poder trobar fàcilment, i ha de ser clicable. Ha de funcionar en pantalles grans i petites. Això vol dir que els bons continguts requereixen que especialistes de diferents àrees treballin junts, i no només un després de l'altre.

Un redactor, un arquitecte de la informació, un fotògraf, un dissenyador i un programador que rarament parlen o comparteixen taula no poden formar un equip eficaç. Et sembla obvi? A mi també, però això passa en molts projectes web, i per molts motius.

Les organitzacions que volen webs eficaços han de ser conscients de qui són les persones clau en la planificació i creació dels continguts. I han d'estar preparades per convidar-les a totes a la seva taula de reunions. De vegades no és fàcil, ni ràpid. Però sempre val la pena.

O sigui que si penses que la teva aportació és rellevant a l'hora de crear els continguts del web de la teva empresa, la propera vegada que sentis algú parlar de millorar o crear el web, intenta que et facin lloc a la taula.

De fet, la propera vegada que sentis parlar de qualsevol altre element de comunicació (un blog, una presentació, un vídeo, un tríptic, etc.) para l'orella i fes-te sentir. Faran bé d'escoltar-te.