Usolab: Consultoría de usabilidad y diseño centrado en el usuario
Escrito por Dani Armengol Garreta el 21 Oct 2009
Todos estamos ya de acuerdo que el usuario web acostumbra a ser alguien con prisa, que escanea rápidamente y que intenta “apañárselas”, como dice Steve Krug. Es por ello que damos importancia a la organización de contenidos dentro del sitio web, los sistemas de navegación, las páginas de categorías, etc.
Damos tanta importancia a todos estos elementos y ayudamos tanto al usuario a llegar a la página que busca, que a veces nos olvidamos de los contenidos de la misma.
Por ejemplo en un sitio web de una famosa cadena de hoteles encontramos la siguiente descripción de un hotel:
Situado en el distrito residencial moderno y encantador de Diagonal Mar, a 5 minutos a pie de la playa, del nuevo Centro de Convenciones de Barcelona (CCIB), y del Centro Comercial Diagonal Mar con diferentes tiendas de moda, restauración, ocio, música. La famosa calle de las Ramblas está a tan solo 15 minutos con transporte público.
Este texto no es práctico para, de un vistazo, obtener información sobre la situación del hotel. ¿Cómo se podría mejorar? En una primera revisión parece adecuado destacar aquellos elementos más importantes dándoles peso visual. También es aconsejable cambiar algo el tono del texto, haciéndolo más informativo y recortando apreciaciones subjetivas como “encantador” que pueden dificultar la lectura:
Situado en el distrito residencial de Diagonal Mar, a 5 minutos a pie de la playa, del nuevo Centro de Convenciones de Barcelona ( CCIB), y del Centro Comercial Diagonal Mar con tiendas de moda, restauración, ocio, música. La famosa calle de las Ramblas está a tan solo 15 minutos con transporte público.
Ha mejorado algo, pero sigue siendo un párrafo poco atractivo. Quedaría muchísimo mejor si le diéramos un formato más visual mediante listas y títulos:
Situación
Distrito residencial Diagonal Mar.
A 5 minutos a pie de:
- Playa
- Centro de Convenciones de Barcelona (CCIB)
- Centro Comercial Diagonal Mar (tiendas de moda, restauración, ocio, música…)
A 15 minutos en trasporte público de la famosa calle las Ramblas.
En este punto el texto es más atrayente, claro y bien estructurado que el inicial y no se ha perdido nada de información. Para hacer este contenido aún más atractivo se podría acompañar de imágenes del exterior del hotel y su alrededores.
En el curso de diseño de interacción web y usabilidad que vamos a dar en Barcelona y Madrid hablaremos, entre otras cosas, de cómo escribir para la web y trabajaremos ejercicios como este.
Realmente cuando la arquitectura de la información o el diseño de un sitio cobran valor es cuando bajamos hasta el nivel más ínfimo. Cuando la desmenuzamos, la limpiamos y la preparamos para una buena digestión.
Desde lo global al detalle. Mientras no se baje por pereza siempre acabaremos echando en falta (como usuarios) la falta de formateo de texto (pilar básico de cualquier sitio bien diseñado), la carencia a la hora de deglutir toda esa información. Ahorrar milisegundos de escaneado es ahorrar esfuerzo, y por tanto, comodidad y experiencia de usuario agradable.
Me alegra leer este artículo. Es algo que hecho en falta en muchos sitio que vemos. :)
NO TENGO NADA QUE COMENTAR
Voy a usar este post como libro de cabecera, muy bueno y util.
Bankimia es un comparador de productos financieros.
Actualmente ofrece información sobre hipotecas, depósitos bancarios, cuentas y préstamos de 42 bancos y cajas.
Prueba ahora:
Copyright © 2002-2008 Usolab Consultoría S.L. "Especialistas en usabilidad web"
Todos los derechos reservados.
Podría decirse que en el caso del que se habla en el ejemplo no se ha bajado al nivel de las descripciones del hotel esa máxima de que el usuario no lee sino que escanea.
Desde mi experiencia es un problema bastante común que el diseño se quede en el framework del site, y no se baje hasta los copys.