Krypton Solid

Cómo equilibrar la densidad de la información en el diseño web

Cómo equilibrar la densidad de la 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 ingresa a un sitio web o página web.

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

Al diseñar, es útil pensar en la cantidad de contenido que su usuario puede manejar razonablemente sin verse atascado por él. Cuanto más contenido encuentren, más tiempo les llevará completar ciertas tareas y objetivos de la página … ya que la cantidad de poder de procesamiento mental para que completen tareas y objetivos aumenta drásticamente.

Si bien 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 de análisis, también conocida como la paradoja de la elección, también conocida como sobrecarga de elección

Como quiera llamarlo, demasiada densidad de información dará como resultado la parálisis del análisis para sus usuarios, lo cual es desastroso desde el punto de vista del diseño web. Un buen diseño significa que sus usuarios saben lo que deben hacer en cada punto de interacción con su sitio, por lo que si sus acciones se congelan porque demasiada información los confunde, tiene un problema.

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

Considere el siguiente escenario:

1) La página de un producto presenta una imagen, un título, una descripción, el precio, una llamada a la acción y algunas reseñas.

2) Otra página de producto presenta varias imágenes, algunos videos del producto, un montón de testimonios, calificaciones, reseñas, respaldos de celebridades, copia excesiva, un título, subtítulos, varias llamadas a la acción para todo, desde un registro de correo electrónico hasta un » botón «añadir al carrito», productos recomendados para fines de ventas cruzadas y adicionales, etc.

Claramente, el escenario dos es el mal diseño porque es el epítome de la parálisis del análisis.

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

En 1-800 medicamentos para mascotas página del producto, observe cómo se describe claramente el objetivo de la página, ya que los usuarios simplemente tienen que elegir un sabor, tamaño y cantidad antes de agregarlo a su carrito. El desorden innecesario se elimina por completo, por lo que los compradores pueden realizar la compra con poca fricción.

Esto plantea la pregunta: ¿cómo se mantiene la densidad de la información al mínimo para garantizar una excelente experiencia de usuario?

Qué hacer para mantener una densidad de información razonable

Como diseñador, tiene el poder máximo para asegurarse de que la densidad de su sitio permanezca bajo control. En caso de duda, opte siempre por el lado de menos es más, para asegurarse de que la carga cognitiva de su usuario no dificulte o incluso imposibilite la realización exitosa de tareas y acciones de rutina en el sitio.

Comience asegurándose de que cada página y el sitio en general tengan un gran plan antes de comenzar el diseño en serio. Esto significa preguntarse cuál debería ser el objetivo de la página y cuál debería ser la arquitectura de la información para lograr ese objetivo.

En otras palabras, póngase en el lugar del usuario. Como diseñador, debe quedar 100% claro para usted cómo su usuario logrará el objetivo de su página, ya sea que esté mirando la página en un dispositivo móvil, una tableta o una computadora de escritorio. El flujo de usuarios debe estar bien definido, claro como el cristal y tan simple que incluso los usuarios poco sofisticados, es decir, aquellos que no usan mucho la web, pueden completar la tarea con éxito.

Veamos otro ejemplo de cómo mantener la densidad de la información bajo control, para que la mensajería sea efectiva y la UX sea un placer.

002

En La página de inicio de Ford para los servicios de garaje para sus vehículos, no hay ambigüedad alguna sobre cuál 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 del objetivo de la página. Cuando se cumplen estas condiciones, la densidad de información es manejable, lo que genera una excelente experiencia de usuario. Esto es lo que hace bien esta página:

  • Diseño limpio con mucho espacio en blanco para centrar la atención del usuario en el objetivo y el contenido de la página.
  • Botón de llamada a la acción grande, notable y vibrante
  • Microcopia clara del botón de llamada a la acción
  • Mensajes persuasivos encima del botón de llamada a la acción
  • Flujo de usuarios claro 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 ni incapaz de completar la sencilla tarea de programar una cita para el servicio de garaje. Esto se debe a que la carga cognitiva fue mínima, ya que la página usó relativamente pocos elementos para comunicar claramente lo que se tenía que hacer para completar la tarea.

El otro extremo

Los extremos nunca son buenos, no importa en qué lado del espectro se encuentre el péndulo. Así como puede proporcionar una mala UX para un sitio con demasiada densidad, puede arruinar la UX cuando tiene muy poco contenido.

Como este informe sobre el minimalismo en el diseño web En otras palabras, cuando su enfoque del minimalismo es demasiado extremo para que sus interfaces presenten una densidad de información muy baja, corre el riesgo de que a sus usuarios les resulte muy difícil encontrar lo que están buscando. Cuando esto sucede, la UX sufre lo mismo y los diseñadores deben recordar diseñar primero para los usuarios en lugar de apegarse demasiado a cualquier ideología de diseño.

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

Para un gran ejemplo de minimalismo moderado con densidad de información bajo control, buscamos Weebly’s página principal.

003

Tenga en cuenta el título enorme y llamativo, la propuesta de valor, la descripción, el eslogan y la llamada a la acción simple y clara.

La densidad de la información es crucial

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

Los diseñadores deben pensar en qué tan denso es el contenido que están presentando a sus usuarios. Deben pensar en esto desde el principio, incluso antes de poner la primera línea de código. Durante el proceso de 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 una densidad de información minimalista, para que no abrume a los visitantes. Sin embargo, la advertencia a esto es que no puede ser excesivamente minimalista, ya que creará los mismos tipos de problemas de UX con la «capacidad de búsqueda» y la capacidad de descubrimiento que también crea demasiado contenido. El equilibrio es la clave para un diseño asombroso.

Deja un comentario