Affordance: Diseñar invitando a la interacción.

El sustantivo affordance surge del verbo afford que significa en inglés “sugerir” o “permitir”.

En diseño de interacción, se refiere a cómo un elemento, ya sea un botón, un link, un check, etc., habla por sí mismo y nos seduce para darnos la idea de la acción que se generará si interactuamos con él.

Una definición sería la capacidad de un objeto para invitarnos a utilizarlo.

Detalles a tener en cuenta:

  • Forma metafórica: La correspondencia entre la forma y la función de un objeto, debe ser lo más unida y metafórica posible.
  • Visible vs. Escondido: Para poder interactuar con un objeto éste debe ser visible. Esto tiene que ver con la posición, el color, el tamaño, la forma, etc.
    Por ejemplo, si un links no cuenta con affordances (no está subrayado o destacado) a primera vista será difícil encontrarlo. Y de qué sirve un link si el usuario no sabe que puede clickearlo!
  • Acción coherente vs. Falsa: La acción que siga al accionamiento debe ser coherente con su affordance.

He trabajado en un Sitio que contaba con un ícono que parecía un hipervínculo, pero sólo funcionaba para avisar que haciendo click en otro lado se podía obtener determinada información.

Doble frustración:

  • Primero porque no era un link
  • y segundo porque había que adivinar dónde era ese otro lado donde se debía clickear para encontrar la información!

Diseñar los elementos de la interfaz de forma evidente hará que los usuarios interpreten fácil y rápido el funcionamiento de nuestros Sitios.

Bookmark and Share