Miguel Peribáñez | Diseñador y Consultor UX

Miguel Peribáñez - Diseñador y Consultor UX

CÓMO EQUILIBRAR LA DENSIDAD DE INFORMACIÓN EN EL DISEÑO WEB

La densidad de información es la cantidad de información en forma de contenido que recibe un visitante del sitio tan pronto como aterriza en un sitio web o página web.

Cuanto mayor sea la densidad de información, mayor será la cantidad de contenido que un visitante verá en el sitio o página. Debido a esta vinculación con el contenido, la densidad de información tiene un impacto inmediato en la carga cognitiva de un usuario, lo que a su vez tiene un enorme impacto en la navegabilidad del sitio, la usabilidad y la experiencia del usuario.

Al diseñar, es útil pensar en la cantidad de contenido que Tu usuario puede manejar de forma razonable sin atascarse. Cuanto más contenido se encuentren, más tiempo les llevará completar ciertas tareas y objetivos de página … ya que la cantidad de poder de procesamiento mental para que completen tareas y objetivos se eleva drásticamente.

Aunque siempre es tentador cargar un sitio con mucho contenido para atraer visitantes, la moderación y el minimalismo son la clave para garantizar una perfecta facilidad de uso.

PARÁLISIS POR ANÁLISIS – LA PARADOJA DE LA ELECCIÓN – SOBRECARGA DE ELECCIÓN

Como lo quieras llamar, demasiada densidad de información dará lugar a la parálisis por análisis para sus usuarios, lo que es desastroso de un punto de vista del diseño de la web. Un buen diseño significa que tus usuarios saben lo que deben hacer en cada punto de interacción con tu sitio, por lo que si se están congelando en sus acciones porque demasiada información les confunde, tienes un problema.

Una excesiva densidad de información conduce a demasiadas opciones para sus usuarios.

Considera el siguiente escenario:

1) Una página de producto incluye una imagen, un título, una descripción, el precio, una llamada a la acción y algunas revisiones.

2) Otra página de producto contiene varias imágenes, algunos videos del producto, un montón de testimonios, calificaciones, revisiones, citas de celebridades, un titular, subtítulos, varias llamadas a la acción para todo, desde un signo de correo electrónico hasta un “agregar a carrito”, productos recomendados con propósito de cross selling y upsell, etc.

Claramente, el escenario dos es el mal diseño porque es el claro ejemplo de la parálisis del análisis.

Veamos un ejemplo corto y simple de un sitio exitoso donde la densidad de información se mantiene al mínimo para asegurar flujos de usuario excelentes.

Densidad Información

En la página del producto de 1-800 Pet Meds, mira cómo el objetivo de la página está claramente definido, ya que los usuarios simplemente tienen que elegir un sabor, tamaño y cantidad antes de agregar a su carrito. El desorden innecesario es completamente eliminado, por lo que los compradores pueden hacer la compra con poca fricción.

Esto plantea la pregunta: ¿cómo mantener la densidad de información a un mínimo para garantizar UX excelente?

QUÉ HACER PARA MANTENER UNA DENSIDAD DE INFORMACIÓN RAZONABLE

Como diseñador, tienes el poder máximo para asegurarte de que la densidad de tu sitio permanece bajo control. En caso de duda, siempre tirar por el lado de menos es más, para garantizar que la carga cognitiva de tu usuario no le haga difícil o incluso imposible llevar a cabo con éxito las tareas de rutina y acciones en el sitio.

Comienza por asegurarte de que cada página y el sitio en general tienen un gran plan antes de comenzar el diseño en serio. Esto significa preguntarse cuál debe ser la meta de la página y cuál debe ser la arquitectura de la información para lograr esa meta.

En otras palabras, ponerse en los zapatos del usuario. Como diseñador, debe ser 100% claro para ti cómo tu usuario logrará su objetivo en página, ya sea que esté mirando la página en el móvil, una tableta o en el escritorio. El flujo de usuario debe estar bien definido, cristalino y tan simple que incluso los usuarios poco sofisticados, es decir, aquellos que no usan la web tanto, pueden completar con éxito la tarea.

Veamos otro ejemplo de cómo mantener la densidad de información bajo control, de modo que la comunicación sea efectiva y la UX sea un placer.

Densidad Información

En la página de aterrizaje de Ford para los servicios de garaje para sus vehículos, no hay ambigüedad en absoluto sobre cualquier es el objetivo de la página y cómo los visitantes deben realizar esa tarea. Eso es porque la página tiene relativamente pocos elementos, por lo que hay menos distracción en la página. Cuando se cumplen estas condiciones, la densidad de información es manejable, lo que hace excelente UX. Esto es lo que esta página hace bien:

– Diseño limpio con mucho espacio en blanco para enfocar la atención del usuario en el objetivo y el contenido de la página.
– Gran, notable y vibrante llamada a botón de acción.
– Texto conciso y claro en el CTA.
– Comunicación persuasiva por encima del botón de llamada a la acción.
– Claro flujo de usuario y ruta al objetivo de la página.

Gracias al diseño de esta página, el usuario que mira la página no se sentirá abrumado e incapaz de completar la tarea fácil de concertar una cita para el servicio de garaje. Esto se debe a que la carga cognitiva es mínima, ya que la página usa relativamente pocos elementos para comunicar claramente lo que se tiene que hacer para completar la tarea.

EL OTRO EXTREMO

Los extremos nunca son buenos, no importa a qué lado del espectro esté el péndulo. Del mismo modo que puede proporcionar un mal UX para un sitio con demasiada densidad, puede arruinar tanto UX cuando tiene muy poco contenido.

Como dice este informe sobre el minimalismo en diseño web, cuando tu enfoque del minimalismo es demasiado extremo para que tus interfaces tengan una densidad de información muy baja, te arriesgas a hacer que sea muy difícil para tus usuarios encontrar las cosas que buscan. Cuando esto sucede, el UX sufre exactamente lo mismo, y los diseñadores deben recordar el primer diseño para los usuarios en lugar de atenerse demasiado a cualquier ideología de diseño.

En otras palabras, el minimalismo es siempre una elección inteligente en el diseño, pero tiene que ser el minimalismo con moderación.

Un gran ejemplo de moderado minimalismo con densidad de información que está bajo control, es la página de inicio de Weebly.

Densidad Información

Ten en cuenta el título enorme, que llama la atención, la propuesta de valor, la descripción, el lema y la llamada simple y clara a la acción.

LA DENSIDAD DE LA INFORMACIÓN ES CRUCIAL

La densidad de la información, o la cantidad de contenido que un sitio muestra a sus visitantes, juega un papel importante en varios factores, incluyendo el UX, si el visitante es capaz de completar el objetivo final o no, y, en última instancia, las conversiones de página.

Los diseñadores deben pensar en lo denso que es el contenido que están presentando a sus usuarios. Tienen que pensar en esto desde el principio, incluso antes de poner en la primera línea de código. Durante el proceso wireframing, los diseñadores deben comenzar a considerar cómo se manejará la densidad de información en su nuevo sitio.

En general, los diseñadores deben apuntar a la densidad de información minimalista, para no abrumar a los visitantes. Sin embargo, no puede ser excesivamente minimalista, ya que creará los mismos tipos de problemas UX. El equilibrio es la clave para un diseño impresionante.