Descubre qué es el contenido de interfaz de usuario, qué características tiene y cuáles son los elementos del contenido UI en páginas web y aplicaciones.

Contenido UI para web y apps: definición, características y elementos

¿Qué es el contenido de interfaz de usuario?

Si te estás haciendo esta pregunta, estás en el lugar adecuado. En este post encontrarás la respuesta a tu pregunta y a otras cuatro:

  • Qué es la interfaz de usuario (UI)
  • Cuáles son las características del contenido UI
  • Cuáles son sus elementos
  • Por qué el contenido UI se parece más a un patchwork que a un collage

¿Te gustaría aprender más sobre estos aspectos básicos del contenido UI? ¡Sigue leyendo!

Qué es la interfaz de usuario (UI)

Interfaz de usuario (user interface) es el medio donde se establece la interacción entre un usuario y una máquina.

Las máquinas son: ordenadores, dispositivos móviles, GPS, páginas web, aplicaciones de escritorio, aplicaciones móviles, etc.

La interacción se puede llevar a cabo a través de voz (cuando hablamos al Asistente de Google y nos contesta) o texto (cuando escribimos una pregunta y recibimos la respuesta escrita).

Sin embargo, la interacción entre los usuarios y los dispositivos no se limita solo a hacer preguntas o recibir respuestas.

La interacción abarca muchas acciones e incluye diferentes contenidos, desde formularios que el usuario rellena hasta botones o enlaces que pincha para navegar una página web, desplegar un menú o realizar una instalación.

Cuáles son las características del contenido UI

Para que el usuario no se frustre durante la interacción con la máquina, es imprescindible ofrecerle ayuda y apoyo.

Por ejemplo, si el usuario quiere instalar una aplicación en su dispositivo móvil, tenemos que facilitarle instrucciones y explicarle qué pasos debe seguir.

Para que eso fuera posible, necesitamos el contenido de interfaz de usuario.

Contenido de interfaz de usuario (user interface content) es el contenido que aparece en la interfaz de usuario como respuesta o reacción de la máquina a la acción del usuario.

El contenido UI se conoce como microcopy. Sin embargo, microcopy y micro copywriting no son sinónimos. Para descubrir las diferencias entre el microcopy y el micro copywriting, te invito a leer el post de Rosa Morel donde trata este tema.

El objetivo del contenido de la interfaz de usuario (microcopy) es mejorar la experiencia de usuario (user experience).

Para que el contenido mejore la experiencia de usuario, es necesario que sea informativo, intuitivo y amigable. Eso significa que tiene que cumplir con los siguientes tres requisitos:

  • Explicar al usuario dónde está y cuál es el siguiente paso qué debe hacer (información)
  • Seguir un patrón de contenido, estandardizado y uniforme (estandardización)
  • Emplear un lenguaje conversacional y centrado en el usuario (user-friendliness)

Redactores UX (user experience writers or UX writers) diseñan y crean este tipo de contenido.

Cuáles son los elementos del contenido UI

Momentos en los que se produce la interacción entre el usuario y la máquina se llaman puntos de contacto (touchpoints).

Dependiendo del punto de contacto, el usuario se encontrará con un elemento de contenido u otro.

Ahora veremos cuatro grupos de elementos de contenido UI que corresponden a diferentes touchpoints y se encuentran en páginas web y aplicaciones:

  • Elementos que guían al usuario
  • Elementos que informan al usuario
  • Elementos que facilitan toma de decisión
  • Elementos que facilitan elección e introducción de datos

Elementos que guían al usuario

Objetivo: Explicarle al usuario cuál es el siguiente paso (o los siguientes pasos) en el proceso

  • Instrucciones – El contenido de las instrucciones tiene como objetivo explicar al usuario qué acciones se requieren para completar la deseada acción y cómo llevarlas a cabo.
  • Consejos sobre el uso de herramienta – Consejos de este tipo ofrecen algunas informaciones contextuales respecto al uso de la herramienta. También se llaman “burbujas de ayuda”.
  • Estados vacíos – El contenido de un estado vacío explica al usuario qué acciones adicionales pueden tomar o cómo resolver un problema de conexión. También se utiliza para upselling.

Elementos que informan al usuario

Objetivo: Pedir permiso al usuario o informarle sobre la compleción de una acción o un error

  • Notificaciones – El contenido de las notificaciones informa al usuario de que una acción se haya completado (por ejemplo, descarga de un archivo) o le pide algún tipo de permiso (por ejemplo, para conocer su localización).
  • Alertas – El contenido de las alertas informa al usuario sobre algún tipo de error (errores de validación de información o errores del sistema)

Elementos que facilitan la navegación

Objetivo: Informarle al usuario sobre el resultado de su acción

  • Diálogos – El contenido de los diálogos sirve para hacerle una pregunta al usuario o pedirle la confirmación (diálogos de decisión), así como para facilitarle alguna información (diálogos de información)
  • Texto de botones – El texto de los botones (CTA) tiene como objetivo explicar al usuario qué va a pasar cuando pinche el botón.

Elementos que facilitan la toma de decisión e introducción de datos

Objetivo: Apoyar al usuario en los momentos de la toma de decisión e introducción de datos

  • Listas – El contenido de las listas ayuda al usuario a elegir una de las opciones ofrecidas. Ese es el objetivo de menús de navegación, casillas de elección y listas desplegables.
  • Formularios – El contenido de los formularios ofrece al usuario apoyo y una información adicional sobre los datos que debe introducir (por ejemplo, si es obligatorio introducir un dato o no).

Contenido UI para web y apps: patchwork, no el collage

En este post hemos visto:

  • Qué es la interfaz de usuario
  • Qué es el contenido UI
  • Cuáles son sus características
  • Cuáles son elementos del contenido UI para web y aplicaciones

Sin embargo, antes de terminar el post, insisto en lo siguiente: en una interfaz de usuario podemos encontrar todos estos elementos (o casi todos).

Esto no es sin razón.

Estos elementos facilitan una excelente experiencia de usuario solo si “trabajan” juntos.

Teniendo en cuenta lo dicho, podríamos concluir que el contenido de la interfaz de usuario es parecido a un collage de fotografías.

En realidad, no es así.

Contenido de la interfaz de usuario es más bien como un patchwork.

En el marco de la artesanía textil en España, almazuela o retazal es la pieza tejida uniendo fragmentos de otras telas. (…) Almazuela es sinónimo de quilt y patchwork, más utilizados en los países de habla hispana.

Almazuela, Wikipedia

De hecho, los elementos de contenido son como trozos de tela que se juntan para crear un nuevo objeto (una nueva calidad). Sin embargo, no se juntan al azar.

Al contrario, antes de crear el contenido UI, es imprescindible investigar, planificar y diseñar el patrón que se va a emplear. Solo así la técnica de patchwork puede producir experiencias de usuario alegres, coloridas y atractivas.

Una pregunta Writing-Friendly: ¿Hay algún elemento que te parece más importante que el resto?

[ABTM id=3687]

Del NO al SÍ hay solo un CLIC. Comparte este texto.

Categorías: Redacción UX

0 comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

19 − 18 =