« Artículos « BlogTutorialesDownloads

Cuando hablamos de “interfaz” en sitios Web o aplicaciones, lo primero que se viene a la mente son los colores, las formas, los efectos, los íconos, etc. Todo menos el texto.

El descuido por las palabras usadas en la interfaz suele estropear la mayoría de las experiencias de usuario de los sitios Web allá afuera. En este artículo explicaré por qué, sin un trabajo de texto apropiado, el valor agregado por la gráfica puede hacerse humo, así como veremos un par de consejos para mejorar la calidad de dicho trabajo.

Las buenas experiencias de usuario son coherentes

Más que la belleza estética o el uso de efectos impresionantes, lo que proporciona al usuario satisfacción es sentirse inmerso en un “ambiente”, donde todo lo que ve, oye y toca a su alrededor es coherente con ese ambiente y no lo rompe.

Esta coherencia es un equilibro delicado y fácil de romper. Si estamos viendo una película apasionante de ciencia ficción y un personaje se ve como una animación 3D de mala calidad, nuestra experiencia se perturba y salimos del “ambiente”. Si vamos a un bar ambientado en los años 50, y el refrigerador con las bebidas es el mismo que vemos en un supermercado, se rompe la “magia”.

En las interfaces ocurre lo mismo. Estilo visual, navegación, íconos, imágenes y texto deben tener los mismos estándares de calidad. Generalmente, el punto por donde suelen caerse las interfaces es en el texto.

¿Por qué se le da tan poca importancia al texto en las interfaces?

• Se suele mirar el diseño de interfaces pensando que lo único importante es “dónde debe mirar el usuario”. Esto, como resultado, produce interfaces enfocadas casi exclusivamente en guiar la atención del usuario, en desmedro de la comprensibilidad. Se prioriza tanto el “manejo del lenguaje visual” que el lenguaje textual se descuida, dando por hecho que el usuario lo entenderá.
• En general, quienes construyen interfaces no dimensionan adecuadamente la importancia del lenguaje en la experiencia de usuario. Esto puede deberse a que, lamentablemente, muchas veces el manejo lingüístico no es el fuerte de diseñadores y desarrolladores, y más lamentablemente aún, el tipo de formación que reciben se enfoca poco y nada en integrar dicho aspecto a su “caja de herramientas profesional”. El cuidado en la redacción y lenguaje se relega a informes y tesis, pero suele omitirse de entre las habilidades que un diseñador debería manejar a la perfección.
• Se suele relegar la construcción lingüística de la interfaz a personas no expertas. Y lamentablemente, los diseñadores y desarrolladores caen dentro de este saco con más frecuencia de la que quisiera.

Problemas más frecuentes

Los problemas que yo veo más a menudo son los siguientes:

• Mala redacción
• Mal uso de mayúsculas
• Mala puntuación
• Mala ortografía
• Uso de terminología extraña o rebuscada
• Tono del texto incoherente con el tono del sitio

El “estilo” no sólo es CSS

Mencioné que una buena experiencia de usuario es coherente. Esto implica que todo (gráfica, lenguaje y comportamiento) habla el mismo idioma.

No da lo mismo qué palabras usas. Por eso, es necesario prestarle atención al tono o estilo con el que son escritas las palabras. El tono hace referencia a la actitud que se le comunica al lector (podemos encontrar fácilmente la diferencia leyendo, por ejemplo, un escrito legal, un diario sensacionalista y un libro de autoayuda).

Es tan importante este aspecto, que tiene un capítulo dedicado en los lineamientos de interfaz de usuario de Windows Vista (lectura muy recomendada, aunque en inglés).

¿Qué persona pareciera estar detrás de las palabras que dan la bienvenida y orientan al usuario a través de tu interfaz? ¿Suenan como un(a) amable recepcionista, como un empleado demasiado confianzudo, como un encargado indiferente e impaciente, como alguien con dificultades para expresarse?

Claves para un mejor uso del texto en las interfaces

Esta lista no pretende ser exhaustiva, sino ennumerar rápidamente ciertas claves que pueden ayudar a mejorar el lenguaje de una interfaz:

• Coherencia. Si tratas de “usted” al usuario, hazlo en todas partes. Si dices “guardar cambios” en un botón, evita decir “Guardar modificaciones” en otro. Intenta conservar la misma terminología cuando te refieras a funciones similares.
• Evitar los extremos: redundancia y pobreza de palabras. La redundancia cansa al usuario y lo deja con la sensación de que el escritor estaba muy aburrido. La pobreza de palabras lo desorienta y lo deja con la sensación de que alguien estaba muy apurado por terminar el trabajo.
• Cuidar ortografía, puntuación y uso de mayúsculas:
  - No confíes 100% en el corrector ortográfico de Word (no sabe distinguir entre diacríticos).
  - Evita signos de exclamación en la interfaz.
  - Abre y cierra adecuadamente los signos de interrogación.
  - Reserva las mayúsculas para la primera letra (“Aceptar”) y para nombres propios. Evita Capitalizar En Exceso. NO USES SOLO MAYÚSCULAS (equivale a gritar).
• Usa anglicismos sólo cuando sea necesario. Es preferible decir “correo electrónico” a “e-mail” y “navegador” a “browser”.
• Cortesía. Usa tu criterio para que el usuario se sienta en casa, pero no intimidado. Si quieres adoptar un tono de confianza, como hacen con maestría Flickr y FeedBurner, hazlo con cautela y no intentes parecer artificialmente simpático (tal como en la vida real, eso suele ser lo que más cae mal).

¿Dudas? ¿Aportes? ¿Qué te pareció este artículo? Hazte parte en los comentarios.