| Informar Visualmente | |
| por Juan C. Dürsteler | [mensaje nº 45] |
| Visualizar la información no necesariamente quiere decir añadir gráficos al contenido. Especialmente en la Web algunas técnicas elementales ayudan a explicarse. |
El pasado mes de mayo tuvo lugar en Chicago la conferencia anual de la STC (Society for Technical Communication) durante la cual Janice (Ginny) Redish presentó una charla titulada "Making Information Visual: Creating effective web pages". En ella se destilan una serie de principios básicos sobre cómo hacer que la información que se presenta en la web sea más visual, más adaptada al medio y por tanto más fácil de asimilar.
Ginny Redish, doctora en lingüística por Harvard, dirige la consultoría Redish & Associates y desde 1985, año en que constituyó uno de los primeros laboratorios independientes sobre usabilidad, ha estado involucrado en este tema.
A pesar que las transparencias de la charla están disponibles me parece interesante resumir aquí los aspectos fundamentales de la misma, que contiene puntos que hoy por hoy están bastante consensuados sobre lo que hay que tener en cuenta a la hora de visualizar información en la web.
Hechos:
Para adaptar la creación y presentación de contenido a la web Ginny Redish propone las técnicas siguientes: |
Según Sticht, 1985, y Redish, 1988, 1993, adaptado de las transparencias mencionadas en el texto |
- Da a los usuarios sólo lo que necesitan con las mínimas palabras posibles. Para ello destila la esencia del mensaje sin perder el significado. Recuerda que Morkes y Nielsen redujeron el texto de un web site al 54 % y los usuarios lo encontraron más completo
- Huye de la prosa. No estás escribiendo un libro. En vez de ello utiliza la "escritura visual", que incluye el uso de
- enlaces,
- fragmentos,
- gráficos,
- listas y
- tablas.
Por ejemplo, compara estas dos posibilidades, adaptadas también de las transparencias
|
| ||||||||||
- Si has de usar la prosa escribe sentencias y párrafos cortos. Una sentencia por párrafo mejor que dos.
- Apila la información en capas. Como comentan Ruddick y O'Flahavan en su artículo algunos usuarios necesitan sólo un mordisco, otros un aperitivo y otros la comida entera. Usa enlaces para separar las capas y dar a cada usuario el "alimento que necesita"
- Utiliza listas.
- Listas con viñetas (bullets) para elementos individuales o posibles selecciones.
- Listas numeradas para instrucciones o procedimientos.
- Usa tablas
- cuando tengas que comparar números (como en el ejemplo anterior)
- cuando tengas que usar sentencias condicionales del tipo "si A entonces B" o
- para relacionar resultados con operaciones, por ejemplo, "para conseguir A hacer B".
- Piensa visualmente.
- Considera los párrafos como si fueran imágenes.
- Combina los espacios en blanco con los textos y las imágenes para conseguir que el significado del mensaje que se pretende hacer llegar quede claro de la forma más sencilla posible.
- Usa los gráficos para ahorrar espacio si con ello haces la información más accesible y fácil de entender. Por ejemplo los mapas de provincias o países pueden funcionar mejor que una lista con los nombres.
- Utiliza los gráficos como ejemplos en sitios informacionales y de comercio electrónico.
Como la propia Ginny Redish concluye, el mensaje es "menos es más", encuentra la esencia y plásmala, huye de la prosa pensando de forma visual tanto para los gráficos como para las palabras.
Si te ha interesado el resumen, echa un vistazo a las transparencias de Ginny, valen la pena.
Otros artículos de InfoVis! relacionados son los números 13 Diseño de sitios web: ¿hay alguien ahi? y 14 Diseño de sitios web: ¿a quien le importa?
Enlaces de este artículo: