Inicio » Arquitectura de la información: Etapas de Diseño de la AI – Etapa 4/6 Rotulado

Arquitectura de la información: Etapas de Diseño de la AI – Etapa 4/6 Rotulado

En corto: El rotulado no es más que el nombramiento de los elementos tales como encabezados, “links” y textos de iconos.

El rotulado debe de ayudar a los usuarios a dar certidumbre del contenido que espera bajo el rótulo, es decir, si el encabezado dice “Instrucciones” el contenido bajo ese título debe de contener instrucciones y no otra cosa.

El sistema de rotulado debe de responder la pregunta ¿Qué información espera ver el usuario bajo dicho Rótulo, encabezado, enlace etc.?

El rotulado, va muy de la mano con la evidencia de la etapa de navegación que se vio anteriormente, el tomarla en cuenta ayudara a resolver rápidamente el rotulado.

¿Cuáles son los problemas más comunes que se comente “cuando se trabaja” en el sistema de rotulado?

  1. El rótulo no representa al contenido o es ambiguo (encabezados) 
  2. Tecnicismos que no comprende el usuario
  3. El enlace, no representa o no es igual al encabezado de destino
  4. El enlace, hace otra cosa a la referida en el rótulo
  5. Demasiado largos
  6. El rótulo del icono no corresponde o no tiene ninguna relación

1.- El rótulo no representan el contenido o es ambiguo (encabezados):

Para evitar este error, es esencial analizar la información a conciencia que nos proporcione el negocio, de igual forma si lo estamos generando nosotros a partir de los objetivos del proyecto. En cualquier caso, deberemos sintetizar todo el contenido en una sola palabra, frase o enunciado corto.

2.- Tecnicismos que no comprende el usuario

Si nuestro proyecto utiliza una terminología que solo entiende negocio o los que participan del proyecto, deberemos encontrar sinónimos o palabras más coloquiales que representen los rótulos. Lo anterior debe estar basado en la propia terminología que usa el cliente final.

Las encuestas, entrevistas y la evidencia del “Card Soting” y “Tree Testing” nos ayudarán a comprender su lenguaje vulgar, científico y coloquial del usuario.

3.- El enlace, no representa o no es igual al encabezado de destino

Deberemos de nombrar el encabezado de destino en base al título del enlace (rótulo) o viceversa, pero nunca de forma diferente. Es decir, si el enlace dice “Recursos” el título del encabezado no deberá de decir “Descargas”, puede que la descarga esté relacionada con los “Recursos”, pero de cualquier forma deberá de decir “Recursos”.

Esto también aplica en los CTA (Call to action) 

4.- El enlace hace otra cosa a la referida en el rótulo

Cuando las ligas mandan a otro lugar o hacen otra cosa, provocarán que los usuarios simplemente se pasen de largo y opten por otro sitio (como en un sitio Web).

Ejemplo de esto se muestra en los típicos sitios de descarga de recursos (de cualquier tipo), das clic a “download” y se abre otro portal totalmente diferente o similar, que al dar también clic abre otro y así sucesivamente. O peor aún no hace nada.

Esto también aplica en los CTA (Call to action) 

5.- Demasiado largos

Es importante entender muy bien la información que representará el rótulo principal de la sección, destino o acción, para lograr rótulos concisos coherentes y representativos.

¿Qué límite de caracteres y palabras deberemos usar?

Títulos: Google indica que deberá de ser de 50 a 60 caracteres para ayudar a indexar y mostrar bien los títulos en los buscadores.

CTA: 1 Palabra que represente acciones, procesos, o estados. 2 o 3 palabras máximo.

Links: Este es relativo al título o la acción que represente el mismo enlace, pero deberá de ser
-evidentemente- cortos, limitado a los caracteres de títulos y de  CTAs.

El rótulo del icono no corresponde o no tiene ninguna relación.

Se deberá evaluar lo que se quiere representar mediante el icono y asociar el rótulo. Para esto se requiere investigar qué iconografía existe en otras plataformas con un uso y posición ya establecido por el usuario. Así se podrá usar y rotular el icono adecuadamente. 

Por otra parte, habrá ocasiones que no exista un icono que represente lo requerido (algo ya posicionado) y se cometa el error de darle otro contexto a lo ya establecido. Esto puede provocar una falsa certidumbre al usuario.

Ej. Normalmente se usa el icono del engranaje para configuraciones, pero si se usa para el perfil del usuario, o para login, no tendría mucho sentido.

¿Qué se puede hacer para evitar rotular mal un icono no establecido? Hacer una prueba de efectividad de iconos.

Aunque la variedad de iconos con una posición y contexto de uso sólido es grande, siempre hay cosas nuevas que representar por medio de los iconos y rotularlos. No basta con solo poner el texto al icono no posicionado, sino que se requiere de una prueba.

¿Cómo se logra?

Hay “7 formas” de determinar si un icono es eficiente

  1. Asociación
  2. Asociación inversa
  3. Reconocimiento
  4. Respuesta libre
  5. Explicarlo
  6. Contexto o fuera de contexto
  7. Tiempo de localización

1.- Asociación: Se muestra al usuario un icono y se describen 4 posibles funciones que puede tener, es decir, 1 correcta y 3 erróneas. Los usuarios deberán de escoger qué función creen que tiene y con ello nosotros poder evaluar el nivel de aciertos.

2.- Asociación inversa: Se proporciona una definición y se les muestra 4 iconos a los usuarios. El usuario tendrá que asociar la definición al icono que crea que tiene relación.

3.- Reconocimiento: Se muestra un icono de uso ya establecido (que todo mundo en teoría ya reconozca) por unos segundos al usuario y luego se le pide que escriba las palabras o funciones que recuerdan sobre el icono.

4.- Respuesta libre: Se le muestra el icono o iconos a usar y se le pide al usuario que genere una lista de palabras o frases que crea que representan a ese icono.

5.- Explicarlo: Pedirle al usuario que describa el icono (propuesta) como si se lo fuera a explicar a alguien. Esto nos ayudará a saber cómo se está entregando el mensaje al usuario mediante la iconografía.

6.-Contexto o fuera de contexto: Es importante hacer las pruebas de iconos dentro del contexto adecuado, normalmente la iconografía se entiende con otros iconos que están dentro del mismo proyecto. Es decir, obtendremos mejores resultados haciendo la prueba con el icono (propuesta) implementado en una pantalla, que de forma aislada sin ningún contexto alrededor.

7.- Tiempo de localización: Se pide al usuario que encuentre o complete una acción usando los iconos (propuestas), esto dentro del contexto posible de uso. Es importante que -en este caso- se mida el tiempo de respuesta correcta como medida de éxito.

Conclusión 

Si representamos bien nuestro sistema de rotulado, lograremos darle más certidumbre al usuario de lo que sucede en nuestro desarrollo y le haremos la vida más fácil.

La importancia de las pruebas que se desarrollaron en la etapa 3 de Navegación refuerza de gran manera los resultados implementados en los rótulos.

El sistema de navegación como el rotulado van de la mano ayudando al usuario a navegar libremente y sin complicaciones. Sin embargo, cuando un proyecto -normalmente un sitio Web- cuenta con más de 50,000 páginas, puede convertirse en un gran problema.

En la siguiente etapa “Sistema de búsqueda” veremos cómo la implementación correcta de la “Búsqueda” ayudará al usuario a encontrar lo que busca.

carlos

Arquitecto digital, dedicado a enriquecer y explorar la experiencia del usuario

Leave a Comment

Deja un comentario

Arquitectura de la Información: Etapas de diseño de la AI – Etapa 5/6 Búsqueda

Criterio heurístico: Flexibilidad y eficiencia de uso

Cómo hacer una evaluación heurística

Diseño de Homepage: Diseña un homepage que cumpla las exigencias de los usuarios