On ROI, web content and sofas

Ok, so we all know money is important but this ROI thing…  mind you, I think we’re overdoing it. Do we really need to tell our potential customers how much money they’ll save, earn or lose by having good or bad content? Can we do it without lying?

Here’s an imaginary customer in a very real situation: a lawyer who’s investing on a new website and a new office. He’s doing it all well. Paying attention to the details. A comfortable classy sofa, good pictures on the walls, perfect light in the waiting room.  

As for his website, he also wants to do it well. Content strategy and all. Good content. But he’s a bit anxious. He wants to know his ROI. He’ll make the final decision depending on how much money he’s saving with this, on how many new customers he’ll get.

Well, how much money is the leather sofa bringing in? And the original paintings on the wall, or the modern lights? Mmmh, silly questions, right? It’s the general picture that counts.  What matters is the effect that the combination of various elements create on the customers or customer-to-be.

Content Strategy is a must for good content to be possible. And good content is a must for a website to be efficient. It is essential to convey the right messages and the right identity, and to fulfil the users’ expectations. And all this does contribute to having more customers.  But that’s it. I’m not going to make up numbers. Either you want to do things right, or you don’t. 

Now, if you do want to do things right, we can talk about different ways (with different prices) to collaborate in order to create good content. We´ll take into account your objectives and your resources.  At the end of the day, being realistic is a very important part of Content Strategy. And we all want affordable, comfortable sofas. 

¿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.