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 aterriza en un sitio web o página web.
Mientras 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 este vínculo con el contenido, la densidad de la información tiene un impacto inmediato en la carga cognitiva del usuario, lo que a su vez tiene un gran impacto en la navegabilidad, usabilidad y experiencia del usuario.
Al diseñar, es útil pensar en la cantidad de contenido que su usuario puede manejar razonablemente sin atascarse. Cuanto más contenido encuentren, más tiempo les tomará completar ciertas tareas y objetivos de página ... ya que la cantidad de poder de procesamiento mental para que puedan completar 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 facilidad de uso perfecta.
Parálisis de análisis, también conocida como la paradoja de elección, también llamada sobrecarga de elección
Como quiera llamarlo, demasiada densidad de información dará lugar a parálisis de análisis para sus usuarios, lo cual es desastroso desde el punto de vista del diseño web. Un buen diseño significa que los usuarios saben lo que deben hacer en cada punto de interacción con su sitio, por lo que si se quedan congelados en sus acciones porque demasiada información los está confundiendo, usted tiene un problema.
Excesiva densidad de información lleva a demasiadas opciones para sus usuarios .
Considere la siguiente situación:
1) Una página de producto presenta una imagen, un título, una descripción, el precio, un llamado a la acción y algunas revisiones.
2) Otra página de producto presenta varias imágenes, algunos videos del producto, un montón de testimonios, calificaciones, reseñas, avales de celebridades, copia excesiva, un titular, subtítulos, varias llamadas a la acción para todo, desde un registro de correo electrónico hasta un " botón "agregar al carrito", productos recomendados para fines de ventas cruzadas y ventas 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 la información se mantiene al mínimo para asegurar flujos de usuarios excelentes.
En 1-800 Pet Meds ' En la página del producto, observe cómo el objetivo de la página está claramente delineado, ya que los usuarios simplemente tienen que elegir un sabor, tamaño y cantidad antes de agregarlos a su carrito. El desorden innecesario se elimina por completo, por lo que los compradores pueden hacer la compra con poca fricción.
Esto plantea la pregunta: ¿cómo se mantiene la densidad de información al mínimo para garantizar una gran experiencia de usuario?
Qué hacer para mantener la densidad de información razonable
Como diseñador, tiene la máxima potencia para asegurarse de que la densidad de su sitio permanezca bajo control. En caso de duda, siempre se equivoca del lado de menos es más, para garantizar que la carga cognitiva de su usuario no dificulte ni imposibilite realizar con éxito las tareas y acciones rutinarias en el sitio.
Comience garantizando 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 debe ser el objetivo de la página y cuál debe 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 estar 100% claro cómo su usuario alcanzará el objetivo de su página, ya sea que esté mirando la página en el móvil, una tableta o en el escritorio. El flujo de usuarios debe estar bien definido, ser 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 mantener la densidad de información bajo control, para que la mensajería sea efectiva y el UX sea un placer.
En 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 la información es manejable, lo que proporciona una excelente experiencia de usuario. 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
- Botón de llamada a la acción grande, notable y vibrante
- Borrar la microcopía de botón de llamada a la acción
- Mensajes persuasivos sobre el botón de llamar a la acción
- Limpiar el flujo de usuarios y la 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 y no podrá completar la tarea fácil de hacer una cita para el servicio de garaje. Esto se debe a que la carga cognitiva era mínima, ya que la página usaba relativamente pocos elementos para comunicar claramente lo que había que hacer para completar la tarea.
El otro extremo
Los extremos nunca son buenos, no importa en qué lado del espectro esté el péndulo. Del mismo modo que puede proporcionar un UX incorrecto para un sitio con demasiada densidad, puede arruinar tanto el UX cuando tiene muy poco contenido.
Como esto informe sobre el minimalismo en el diseño web lo pone, cuando su enfoque hacia el minimalismo es demasiado extremo para que sus interfaces tengan una densidad de información muy baja, corre el riesgo de que sea muy difícil para los usuarios encontrar lo que están buscando. Cuando esto sucede, el UX sufre exactamente 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 es siempre una opción inteligente en el diseño, pero tiene que ser minimalista con moderación.
Para un gran ejemplo de minimalismo moderado con densidad de información bajo control, buscamos Weebly's página principal.
Tenga en cuenta el gran titular que llama la atención, la propuesta de valor, la descripción, el eslogan y el llamado a la acción simple y claro.
La densidad de 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 muy importante en varios factores, incluido el UX, si el visitante puede completar o no el objetivo final y, finalmente, las conversiones de página.
Los diseñadores necesitan pensar qué tan denso es el contenido que están presentando a sus usuarios. Deben pensar en esto desde el principio, incluso antes de ingresar 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 deberían apuntar a una densidad de información minimalista para que no abrume a los visitantes. La advertencia a esto, sin embargo, es que no puede ser excesivamente minimalista, ya que creará los mismos tipos de problemas de UX con "capacidad de búsqueda" y descubrimiento que también crea demasiado contenido. El equilibrio es la clave del diseño asombroso.