Saltar al contenido

¿Qué es el Affordance?

Hay elementos claves que podrían dañar o mejorar la experiencia de los usuarios en tu pagina web y el Affordance es uno de ellos. Conocer que es el Affordance y como aplicarlo en el diseño UX para evitará aumentar la tasa de rebote.

¿Qué es el Affordance?

El concepto de ‘affordance’ fue introducido en el contexto del diseño de productos por Norman; quien lo define como aquellas propiedades perceptibles del objeto que determinan cómo puede ser usado. Es decir, aquellas propiedades que le confieren un aspecto auto-explicativo; haciendo obvio y explícito cómo debe ser usado y con qué objetivos.

Norman pone el ejemplo de un objeto cotidiano como muestra de ‘affordance’:

Resultado de imagen para uso de tijeras“Pensemos en unas tijeras: incluso si nunca has visto o usado unas antes, puedes ver que el número de posibles acciones es limitado. Los agujeros están claramente para introducir algo, y las únicas cosas lógicas que se ajustan son los dedos. Los agujeros son autoexplicativos: permiten introducir los dedos. El tamaño de los agujeros limita los posibles dedos a introducir: el agujero grande permite varios dedos, el agujero pequeño sólo uno.”

Podemos pensar en el concepto de ‘affordance’ como una premisa o requisito de la usabilidad; en otras palabras: si nos vemos obligados a explicar al usuario cómo usar algo; probablemente es porque en realidad se encuentre mal diseñado.

El peligro del Flat Design

La cualidad de ‘affordance’ no sólo es aplicable a productos interactivos o interfaces completas; sino también a cada uno de los elementos que las componen. Por ejemplo, con la irrupción de la tendencia ‘flat design’, diferentes autores defienden que si bien es un tipo de diseño que incrementa la simplicidad de las interfaces, no está exenta de peligros.

El hecho de eliminar cualquier tipo de efecto tridimensional a los controles puede perjudicar su ‘affordance’; y por tanto provocar que el usuario no perciba cómo deben ser usados; por ejemplo, que no perciba que son accionables.

Podría interesarte: