Also available in English

Inf@Vis!

La revista digital de InfoVis.net

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: 
  • El tiempo es un bien escaso.¬†

  • Los profesionales est√°n demasiado ocupados para leer mucho, buscan respuestas r√°pidas a sus necesidades.

  • Los usuarios de la web fundamentalmente ojean la informaci√≥n.¬†

  • Incluso con los documentos en papel s√≥lo un 15% lo leen completo y el 81% lo "sobrevuelan" de una forma u otra.¬†

  • En muchos casos se lee "para hacer" en vez de "leer para aprender" (vease el gr√°fico adjunto)

  • El contenido de muchos sitios web no encaja con lo que los usuarios buscan.

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

  1. 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 

  2. 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

SZWXY S.L. en su constante b√ļsqueda de la rentabilidad ha facturado en el a√Īo 2000 3,27 Millones de Euros, alcanzando de esta forma una rentabilidad del 7% gracias a sus beneficios antes de impuestos de 230.000 euros. La plantilla de la empresa es de 420 empleados, altamente motivados en la consecuci√≥n de los objetivos de la empresa que se centran en el dise√Īo de sistemas de visualizaci√≥n para corporaciones industriales con grandes bases de datos, entidades financieras y portales de B2B.¬†¬†

SZWXY S.L. produce sistemas de visualización para:

  • corporaciones industriales con grandes bases de datos,¬†
  • entidades financieras y¬†
  • portales de B2B.¬†¬†

A√Īo 2000

Facturaci√≥n: ¬†¬†¬†¬†¬†¬†¬† 3.270.000 ‚ā¨
Beneficios (BAI): 230.000 ‚ā¨
Rentabilidad: 7%
Num. empleados:    420
  1. Si has de usar la prosa escribe sentencias y p√°rrafos cortos. Una sentencia por p√°rrafo mejor que dos.

  2. 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"

  3. Utiliza listas. 
    • Listas con vi√Īetas (bullets) para elementos individuales o posibles selecciones.¬†
    • Listas numeradas para instrucciones o procedimientos.

  4. 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".

  5. 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.

  6. 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.

  7. 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:

http://www.stc.org/  
http://www.redish.net  
http://www.redish.net/handouts.htm  
http://www.useit.com/papers/webwriting/rewriting.html  
http://www.ewriteonline.com/newsletter/issue8R.html  
http://www.infovis.net/printMag.php?num=13&lang=1  
http://www.infovis.net/printMag.php?num=14&lang=1  
© Copyright InfoVis.net 2000-2018