Affordance: una invitación a la interacción

Lo primero en lo que me fijo cuando intento diagnosticar por qué un diseño nos complica la vida, es su affordance. Sin duda, uno de los elementos más importantes del diseño. Sin la apropiada affordance el diseño del objeto fallará en algún grado.

Ejemplos típicos de objetos con una buena affordance serían un guante o un vaso. En todas las culturas tenemos un recipiente similar a un vaso que transmite rápidamente como beber su contenido.

affordance ideal
En cuanto al guante, puede que confundamos la mano, pero está clarísimo que si no es una, será la otra.

¿Qué es la affordance?

James J. Gibson acuñó este concepto  en la década de los 70 para indicar la propiedad que se puede percibir de un objeto que nos indica qué es lo que se puede hacer con él1. La affordance sería el uso potencial de un objeto en su relación con el entorno.

Leer más


  1. The Ecological Approach To Visual Perception, por James J. Gibson ↩︎

Estrategia de contenidos

La filosofía de la información

¿No sabes que es la “estrategia de contenidos”? eso es normal. Aunque es una parte importante de mi trabajo, sigue siendo difícil explicarlo cada vez que preguntan a que me dedico.

Muchos no tienen idea de lo que representa, pero son todavía mas los que aportan a la conversación con sus propias (equivocadas) suposiciones. Suelen pensar que se trata de redactar textos. Esto no es completamente equivocado, pero es un tanto engañoso.

La analogía que vengo usando desde hace un tiempo es que la estrategia de contenidos es a la redacción, lo que la arquitectura de la información es al diseño. Encuentro esta analogía especialmente alentadora ya que hace unos años, cuando la primera gran ola de Internet estaba a punto de romper, las personas tampoco tenían una idea clara de lo que representaba la “arquitectura de la información”.

La ironía de este desafío de comunicación es que el objetivo principal de la estrategia de contenidos es usar palabras y datos para crear contenido inequívoco que soporte experiencias interactivas y significativas. Es importante ser expertos en todos los aspectos de la comunicación para poder realizar este trabajo de manera eficaz.

Entonces, ¿por qué es tan difícil para nosotros comunicar lo que hacemos?

Leer más

Mint green

Hay una tendencia curiosa entre los diseñadores que no muestra señales de detenerse. El uso prominente del verde menta se convirtió en la práctica favorita de muchos diseñadores para destacar información.

La tendencia se inició en hace ya un tiempo como lo muestra Mel Choyce la ingeniera de diseño de Automattic en un comentario en twitter:


Este es un color que suele acompañar al diseño plano. “Existe en ese espacio raro entre el verde y el azul” comentó Choyce antes de sugerir el término “Cian Glaseado.”

Leer más

Instinto y narrativa

Desde tiempos inmemoriales el ser humano se comunica usando historias. Como diseñadores, podemos aprovechar la esencia de la narrativa y fusionarla con los atributos únicos de nuestro medio digital para contar historias atractivas y estimulantes.

El diseño web tradicional, el dogma de la página de aterrizaje, y nuestro deseo de ofrecer el mínimo indispensable a nuestros visitantes de Móvil nos empujan a una conclusión equivocada. Estos conceptos sugieren que la mejor experiencia Web es una colección de archivos HTML cortos y concisos, agrupados libremente bajo directorios.

Leer más

La estética web

«La Web es flexible por naturaleza, y debería ser nuestro papel como diseñadores y desarrolladores acoger esta flexibilidad, y producir páginas que, por ser flexibles, sean accesibles a todos»

—John Allsopp, A Dao of Web Design.

En el 2000, John Allsopp nos urgió a que acojamos la naturaleza adaptable de la Web. Y no escuchamos.

Pese a que el movimiento de estándares web que llegó después abogó por la separación entre el contenido y la presentación—un requisito esencial para el diseño adaptable—esto solo se manifestó en el código. Las divs con float: reemplazaron a las celdas de las tablas, sin embargo la diagramación se mantuvo gobernada por las convenciones inflexibles de la imprenta.

Leer más

La web nativa

La popularidad de los smartphones, el diseño adaptable, y la capacidad mejorada de los navegadores son tres tendencias que apuntan a lo mismo: la Web nativa. Es cada vez es mas importante que el diseño de un sitio se ajuste al contexto y los casos de uso típicos de las pantallas pequeñas.

El diseño Web puede ofrecer experiencias ideales entre dispositivos basándose en el tamaño y el contexto.

Leer más

El boom móvil

El mercado móvil esta explotando, impactando todo —desde los dispositivos mismos, a la infraestructura que los respalda, hasta el tiempo que los usuarios pasamos en Internet. Las mejoras en la velocidad de las conexiones, capacidad de los dispositivos, y la caída de los precios solo puede acelerar esta tendencia. La cantidad de tiempo que las personas dedicamos a nuestros smartphones ya está a la par con el tiempo que dedicamos a escuchar radio.

Dentro de poco tiempo la distinción entre móviles o computadores va a ser anacrónica. Será simplemente la Web.

Leer más

Diseño web adaptable

«El control que los diseñadores conocen en el medio impreso y desean frecuentemente en el medio web, es simplemente una consecuencia de las limitaciones de la página impresa. Debemos aceptar el hecho de que la web no tiene esas mismas limitaciones, y diseñar entonces para su flexibilidad. Pero primero, debemos aceptar el flujo y reflujo de las cosas.»

—John Allsopp, A Dao of Web Design.

El arquitecto inglés Christopher Wren bromeó alguna vez diciendo que su profesión “apuntaba a la Eternidad”, y hay algo atractivo en esa fórmula: a diferencia de la web, que siempre parece estar apuntando al corto plazo, la arquitectura es una disciplina definida por su permanencia.

Leer más

El futuro del diseño

Durante casi 20 años, la Web existió en un solo lugar (el navegador de la computadora) y bajo un único paradigma (la página web).

En los últimos años estas dos ideas fueron destronadas gracias a la popularidad de los smartphones y tablets.

La Web como la conocemos esta experimentando un cambio transformador en el modo en que la información es distribuida, creada, y consumida.

Nuevas plataformas tecnológicas estan generando oportunidades para crear interacciones innovadoras que hagan a las cosas más usables, más útiles y más atractivas —Y estan desafiando nuestra manera de pensar en el diseño y la experiencia del usuario.

Nunca antes se dió un clima así de emocionante en el diseño de experiencias.