La importancia de los textos en UX/UI

Gisela Jiménez Lee28-Mar, 2019

En este artículo encontrarás:

¿Qué es UX/UI?
¿Por qué importan los textos en UX/UI?
Consejos para los textos en UX/UI

Tags:

UI/UX

¿Qué es UX/UI?
UX proviene del inglés User Experience, que significa experiencia
de usuario y, como refleja su propio nombre, hace referencia a la
experiencia que vive una persona en una página web. Por ello, es
esencial situar al propio usuario como el centro de la estrategia y
a la hora de diseñar la web, de modo que todo se adapte
perfectamente a sus deseos, capacidades y necesidades. Aquí
son esenciales la usabilidad, la accesibilidad y la interacción que
se establece entre el usuario y el contenido.

Para que el UX sea adecuado, hay que tener ciertas nociones

sobre el comportamiento que probablemente tenga el usuario al
que se dirige la web, por lo que es muy común realizar distintos
estudios como: encuestas, entrevistas, mapas de clics o de calor
y tests A/B.
Por su parte, UI (User Interface) significa interfaz de usuario, con
lo que se estaría hablando tanto del diseño del sitio que se
muestra al usuario como todo lo que ello conlleva, por ejemplo, la
disposición de cada uno de los elementos.

En el UI entran en juego numerosos aspectos, de los que

destacan: la estructura del sitio, que debe ser coherente y
jerarquizada; la propia interfaz que se muestra, que debería ser
simple y agradable a la vista; la relación y comunicación con el
usuario (por ejemplo mediante avisos, mensajes o iconos claros
que informen qué está ocurriendo) y, por último, la visibilidad de
todos los elementos, que está estrechamente vinculada con la
usabilidad del sitio. Si se habla de diseño UI, no se pueden olvidar
elementos como: los sliders, los botones, los iconos o, en un
plano especialmente relevante, los textos. Todo ello contribuirá a
que la navegación sea mucho más sencilla y satisfactoria para el
visitante.
Con esto queda claro que UX y UI no son lo mismo, pero son
conceptos muy vinculados el uno con el otro, considerándose a
veces que UI es una parte de UX. Ambas partes son necesarias
para que la web (en este caso, aunque puede referirse a otras
cosas que no son webs, como algún producto) sea efectiva,
eficiente y exitosa.

¿Por qué importan los textos en UX/UI?

UX y UI son muy importantes a la hora de crear, diseñar y
adaptar las páginas web, ya que influirán en la actitud que adopte
el usuario ante ellas, en el tiempo que el usuario pueda extender
su navegación por ellas (si es muy complicado o poco agradable
visualmente, probablemente las abandone con rapidez) y, con ello,
en que pase a ser un posible cliente o seguidor de las mismas o
que lleve a cabo cualquier acción de conversión prevista.
Como se puede intuir, elementos como la jerarquización, la
ubicación de los apartados o el fondo que se ve son muy
importantes en esta disciplina, pero también tienen un papel
especialmente relevante los textos, tanto en lo que se refiere a las
propias palabras y el lenguaje utilizado como en la presentación
visual.

La apariencia de los textos

La apariencia visual que tenga el texto es esencial en UX, porque
se relaciona con su legibilidad, una parte esencial para que la
navegación sea amena. Si un texto es difícil de leer o su diseño
choca con el resto del estilo de la web, lo más probable es que el
usuario reciba una experiencia negativa y, así, una mala
impresión del sitio.
Por ello, se hace necesario conocer los distintos modelos
de tipografías que existen, sabiendo que hay una variedad
inmensa y que, dependiendo de diversos factores, la más
adecuada puede ser una u otra.
Por ejemplo, a la hora de elegir una fuente, una de las cosas que
más se suele tener en cuenta es la serifa.

Tradicionalmente existen dos tipos de tipografías: serif (con

serifa) y sans serif (sin serifa). Las primeras son las que tienen
unos pequeños remates en sus líneas, como Times New
Roman.Se suele decir que son más adecuadas para textos
impresos, pero pueden ser recomendables para textos largos en
línea, ya que se asume que esas serifas ayudan a fijar la mirada,
facilitando la lectura (aunque hay quien afirma que, en la
actualidad y gracias a las resoluciones de alta calidad de las
pantallas, esto es indiferente). Las sans serif suelen tener un
trazo más simple de línea al carecer de serifa, siendo uno de sus
mejores ejemplos Arial. Son muy utilizadas para frases cortas o
que buscan un mayor impacto (por ejemplo, publicitarias) y son
bastante cómodas de leer en pantalla.

Así, a la hora de decidir la apariencia del texto hay que considerar

el uso que se le vaya a dar, el estilo de la web y, sobre todo, su
legibilidad. Por ello, se hace necesario estudiar lo máximo posible
a los distintos públicos que vayan a visitar la web y adecuar los
textos a ellos y al diseño de la misma.
De hecho, algunos estudios han comprobado que la
tipografíaempleada tiene repercusión en las emociones y en la
actitud del lector frente al texto, de forma que una fuente poco
acertada puede derivar en una falta de interés en lo escrito, que se
hará más pesado y ralentizará la lectura. Si se utiliza una óptima
que conlleve emociones positivas, será más sencillo que el
usuario quiera seguir leyendo.
Además de la tipografía, habrá también que seleccionar, entre
otras cosas, su tamaño, interlineado, color, el largo de la línea e
incluso las maneras de enfatizar el texto (por ejemplo, negrita,
cursiva, mayúsculas, subrayado, colores distintos, etc.).

La redacción y estilo del texto: el copy

La parte visual no es la única que se debe considerar en los textos
para un sitio web o aplicación. El contenido también tiene su
protagonismo y su papel relevante en la experiencia del usuario y
en su posible conversión.
Así, el UX writing es la disciplina vinculada a la redacción de los
textos para una interfaz de usuario. Como resultado se obtiene el
copy, es decir, el conjunto de textos de esa pieza, en este caso,
web, y que debe buscar el punto idóneo para cubrir las
necesidades del usuario y de la empresa.
Para la correcta redacción de esos textos, se hace necesario un
trabajo de investigación previa que permita conocer: al público
objetivo, sus motivaciones, necesidades, preocupaciones, gustos,
etc., de forma que se pueda adaptar lo mejor posible a sus
características

En cuanto al tema que trate el texto, el redactor debe recopilar y

analizar los datos y transformarlos en información de la mejor
manera posible, transmitiendo así algo realmente útil para el
usuario. Aunque cada texto es distinto y cada redactor tiene su
estilo, algo clave es la simplicidad y la claridad, de modo que sea
comprensible fácilmente y que, en muchas ocasiones, anime al
usuario a cumplir un objetivo de la empresa.
Todos estos textos también son importantes en la configuración
de la identidad de marca, por lo que tanto el lenguaje como el
tono deben ser coherentes con ella, transmitiendo su
personalidad y valores.

Consejos para los textos en UX/UI

Los textos para UX/UI dependen de cada proyecto y sus objetivos,
por lo que siempre es necesario un estudio que determine lo más
adecuado para cada uno. Sin embargo, algunos consejos muy
básicos y aplicables en la mayoría de casos son:

Que el lenguaje sea claro y entendible, con una estructura de

la información clara.
Textos adaptados al nivel de conocimiento del posible usuario,
por ejemplo, evitando tecnicismos muy concretos si se dirige a
un público generalista.
Que el tamaño de la letra sea fácilmente legible (tanto los más
grandes como los pequeños), considerando el dispositivo
utilizado y el público objetivo (por ejemplo, personas más
mayores necesitarán letras más grandes).
Que el color sea adecuado para leerse fácilmente en contraste
con el fondo. Por ejemplo, no se debe utilizar tipografías claras
(por ejemplo, amarillas) en un fondo blanco. Además de la
legibilidad, aquí se pueden utilizar los colores para captar la
atención y hacer el contenido más atractivo.
La longitud de la línea no debe ser ni muy larga, ya que
dificultaría la lectura, ni muy corta, pues esto rompería el ritmo.
Se suele decir que lo ideal se sitúa entre los 45 y 75 caracteres.
La tipografía debe establecer una clara diferencia entre unas
letras y otras, puesto que si son muy parecidas se pueden
confundir en la lectura.

Gisela Jiménez Lee

Head of UX/UI at DIGITAL55