Higiene visual y el efecto túnel
Escrito por Sergio Sánchez Mancha el 20 Sep 2007
Una empresa concesionaria de un túnel de peaje contrata los servicios de una consultoría para realizar una auditoria de las instalaciones del mismo, con motivo de conocer qué mejoras implementar en el túnel y de paso aumentar justificadamente la tarifa del peaje. El consultor asignado al proyecto, tras un exhaustivo análisis de las instalaciones y la experiencia del usuario, llega la siguiente conclusión en su informe: mantengan limpias las paredes.
“Simplemente limpiando los paneles que recubren la bóveda del túnel, conseguirán que las instalaciones tengan un aspecto nuevo, mejorando la visibilidad de los conductores y centrando su atención en la carretera, en lugar distraerse con las irregularidades del techo provocadas por la suciedad y el humo”.
Esta anécdota real que me explicaron hace muchos años, me sirve de excusa para hablar del denominado “efecto túnel”.
En el diseño de interfaces de procesos críticos y complejos, o páginas que muestran muchos abandonos (procesos de registro, páginas de acceso, procesos de compra y páginas difíciles), conviene potenciar el “efecto túnel” o “visión de túnel”, momento en el cual la atención del usuario se centra en un solo foco de la interfaz.
Para ello resulta esencial guiar al usuario mediante pasos y centrar su atención en el objetivo, reduciendo o eliminando todo lo que impida o dificulte la tarea así como todos los elementos periféricos de distracción:
- banners y publicidad
- barra de navegación global
- menús de navegación local
- rutas de acceso
- enlaces inferiores
- etc.
Algunos ejemplos clásicos de la aplicación de esta técnica los podemos encontrar en los procesos de compra de muchas tiendas online: Amazon, Walmart, etc.
Participa en la conversación, escribe tu comentario:
Notas sobre el comentario
- Usa un tono respetuoso.
- Las lineas saltan automáticamente sin pulsar la tecla "Enter".
- Para escribir en negrita: <strong>texto en negrita</strong>
- Para escribir en itálica: <em>texto en itálica</em>
- Para crear un enlace: <a href="URL">texto del enlace</a>
El blog de Usolab está bajo una
licencia de Creative Commons.