Curated by: Luigi Canali De Rossi
 


24 September 2008

Diseño De La Información: Como Formatear Listas Grandes

Chris Brogan es un conocedor en lo que se refiere a social media. Es una de las estrellas ascendentes del pequeño mundo editorial independiente. Del que salió para evangelizar, compartir, escuchar y dar toneladas de buenos consejos acerca de lo que es social media y cómo podemos usarla mejor.

hot100-list-billboard-485-HOW-TO-c.jpg
Crédito de la foto: Chris Brogan en la Revista Billboard, montaje de Robin Good

Te recomiendo especialmente que veas el blog de Christ en chrisbrogan.com dado que realmente tiene un millón de consejos para sacar lo mejor del nuevo universo social media.

A menudo leo y escucho yo mismo sus grandes consejos y me sorprende el tiempo que dedica a ayudar directamente a la gente. No creo que haya visto algo así antes.

Por eso he dedidido darle algo a cambio a Chris. Compartir algo de lo que se y que puede ayudarlo a el mucho. Comicar más efectivamente con esas nuevas tecnologías sociales a nuestra disposición.

No obstante ser Chris un verdadero conocedor de los medios de comunicación, él, como cualquiera que publique online, no nace siendo un alfabeto de los nuevo medios de comunicación o experto en comunicación visual. Él, como cualquier otra persona, puede beneficiarse inmensamente de aprender una o dos cosas sobre cómo hacer el contenido más legible, accesible, atractivo y memorable. ¡Al igual que él mismo recomienda!

Para este propósito voy a tomar el reciente y excelente artículo de Chris "100 Personal Branding Tactics Using Social Media" que publicó hace unas semanas con la intención de compartir una completa guía rápida al branding personal con un fuerte énfasis en social media marketing.

Nuevamente, los contenidos son excelentes, (En verdad pienso que Chris tiene el índice de un librito fantástico muy útil), pero veamos como podríamos presentar mejor la misma información y en forma más efectiva. Esta es una lista muy grande, y empujar hacia abajo en una página web arrojando tantas buenas ideas como sea posible es bueno, pero está la oportunidad para ampliar el alcance.

Aquí presento consejos específicos para cualquiera que, como Chris Brogan, quiera presentar una larga lista de cosas valiosas.

 




Como Formatear Listas Grandes



1) La Legibilidad es lo Primero

Personal-Branding-legibility_id183647_size210.jpg

Si escribes para una audiencia adulta que incluye a gente no experta con la tecnología (non-techies) usa un tamaño de tipografía lo más legible posible. Dado que no pagas por espacio extra usando una tipografía más grande, haz que la experiencia de tu usuario sea lo más agradable causándole menos estrés en la vista.

Un texto más grande no sólo es más legible sino que, si se lo selecciona adecuadamente, parece más amistoso y más en sintonía con la web 2.0 el tan procurado "feel", lo que le da un encanto extra.

Una variable extra de legibilidad, de las que pocos se percatan, es la longitud de línea. Al controlar cuantas palabras aparecen en una línea de texto puedes facilitar enormemente la lectura. Dado que las líneas largas son más difíciles de seguir (especialmente después de un salto de línea), cuanto más corta es una línea de texto, más fácil es leer y seguir el texto. Una medida de referencia ideal es entre diez y doce palabras por línea, considerando una tipografía típica y un tamaño de fuente promedio.




2) La Regla del Siete

legibility-rule-of-seven_id100870_size155.jpg

Cuando hagas un listado de cosas nunca vayas más allá de seis o siete items en cada grupo visual distinto. Tu cerebro no puede fácilmente tomar y memorizar ítems individuales cuando estos están agrupados en grandes números..

Si tu lista grande tiene más de siete ítems, fracciónala en varias sub-listas.

Las listas más cortas parecen más accesibles y es mucho más fácil para nosotros memorizar unos pocos ítems en un grupo pequeño que la misma cantidad cuando se encuentra en una lista más larga.



3) Comunicación Visual - Diseño de la Información

information-design_id16029661_size170.jpg

Si comprendemos que los documentos de texto también son entidades de información visual y que nuestros ojos las explorarán y escanearán siguiendo patrones muy específicos, es de gran valor si nuestro propio objetivo no es sólo impresionar sino comunicar eficientemente al mismo tiempo que ayudamos al lector a disfrutar la experiencia y a hacerla lo más memorable, suave y única posible. A la luz de lo dicho, poner junto tanto contenido en un lugar virtual tan pequeño, no ayuda a nadie. Especialmente en la Web, donde el espacio no cuesta dinero extra, las comunicaciones eficientes no deberían tratar de hacer calzar la mayor cantidad de texto en mínimo espacio posible.

El espacio por sí mismo, incluyendo los cortes de línea, interlineado, espacio entre párrafos y márgenes, es uno de los componentes clave que influye en cuan legible y fácil de seguir aparece el texto enfrente nuestro. El uso del espacio como un componente vivo y dinámico de la información puede cambiar drásticamente la percepción e impresión inicial que un texto largo le causa a un lector potencial.

Cuanto mejor organizado esta el espacio en blanco, utilizando los fundamentos del diseño de la información y los principios tipográficos, más limpio, legible y profesional se verá el contenido.




4) Usa Imágenes

images-use_id539970_size215.jpg

Una imagen comunica más que mil palabras. Sí, una imagen efectica puede decir mucho más que un montón de texto, pero una gran imagen JUNTO con un título muy efectivo, pueden ser imbatibles. El arte de combinar títulos efectivos con imágnes que encajen a la perfección, no sólo ilustrará (a menos que reporte noticias) sino que también complementará, sinergizará y argumentará el significado general del mensaje, es una habilidad podera y rara de encontrar en el mundo online. En la mayoría de los casos, reside en las manos de los directores de arte muy habilidosos de las revistas impresas y periódicos.

El punto que Chris Brogan enarbola a cerca de por qué las imágenes funcionan es muy simple: el texto es un lenguaje que aprendemos tarde en nustra visa. Las imágenes son primero es nuestra forma de comprender el mundo y, dada la impregnante presencia de las percepciones visuales y las imágenes desarrolladas por los seres humanos para comunicarnos desde los primeros días, las imágenes tienen tienen un punto de apoyo en nuestros sistemas de comunicación personales.

Lo que a menudo pasa desapercibido es que tanto las percepciones visuales y auditivas que encontramos en nuestra edad temprana son altamente impregnadas por los cambios emocionales, los que, incuso más tarde en la vida, mantendrán su influencia sobre nuestras reacciones inmediatas a ellos. Por eso las imágenes pueden guardar mucho impacto en un envase muy eficiente, provocando facilmente y comunicando ideas específicas, emociones, conceptos que pueden ser transmitidos "de un vistazo".




5) Aprende Cómo Usar Imágenes Que Funcionen

select-images_id7239821_size180.gif

Pero, pese a lo fácil que pueda parecer, como seleccionar imágenes apropiadas para complementar contenido específico, esto ha mostrado en el tiempo ser uno de las más difíciles tareas para la mayoría de los escritores.

Hay una profunda falta de experiencia y entrenamiento en comunicación visual, como también una falta de conciencia artística y de medios de comunicación que nos impide a la mayoría de nosotros ser capaces de incluso la más elemental habilidad para seleccionar imágenes. Sí, tiras una imagen "cool" en el artículo y que sientes que has realizado un trabajo fantástico. En realidad el fantástico trabajo es sólo el hecho de que has pasado de contenido solo texto al de texto e imágenes, y que has aprendido donde hacer clic para hacerlo confiadamente.

Pero cuando se trata de saber como seleccionar esas mismas imágenes la mayoría de nosotros no tenemos la más mínima idea, más allá de tratar de "representar" o "ilustrar" la idea a trasmitir. De todos los posibles métodos para encontrar una imagen efectiva para un contenido particular, esta es por lejos la menos efectiva y la más difícil de llevar acabo en muchos casos.

Tu esfuerzo, si quieres comenzar a aprender este realmente valioso arte debería estar en abstraer y conceptualizar la idea que quieres comunicar visualmente y luego "simplificarla" buscando la imagen de un símbolo, objeto o ícono que sea fácilmente reconocible y que tenga connotaciones específicas para la mayoría de las personas en la cultura (s) con la que necesitas comunicarte.




6) Haz Que Tu Contenido Sea Todo Lo Escaneable Posible

easy-to-scan_id14269971_size225.jpg

En la web la gente no lee una página como lo haría en un libro impreso. Es más probable que usen un patrón de escaneo similar al que usamos para ojear un periódico o una revista. Escanean la página en busca de elementos o claves que se correspondan con sus intereses y necesidades.

La gente tampoco mira la página como una totalidad, normalmente la ven como muchas pequeñas partes distintas que pueden explorar individualmente. Preparar el layout de tu información de forma que facilite la actividad de escaneo del lector sólo puede ayudar a la lectora a encontrar lo que busca al mismo tiempo que hace su experiencia más agradable.

Separa las diferentes secciones con una buena cantidad de espacio en blanco. Este espacio extra no te cuesta nada. Pon bastante espacio en blanco entre una sección y la otra y tu contenido se verá menos pesado, más profesional y fácil de escanear.




7) Usa Marcadores Buenos y Visibles

information-deisgn-visible-bullets_id16545161_size165.jpg

La simplicidad siempre rinde frutos. Una manera de hacer que tu lista larga de temas se destaque es utilizar "texto sangrado" y viñetas (bullets) para que los elementos individuales sean más escanables y distintivos. Si las viñetas son muy pequeñas, de color claro o son un elemento decorativo, pueden derrotar a sus propios fines de ser señales originales y muy visibles. Recuerda: lo que también buscas aquí legibilidad y facilidad de escanear el contenido, no un esfuerzo para tratar de hacerlo "bonito".

Si hay un centenar de líneas con viñetas, una tras otra, hecha por tierra el propósito mismo de las viñetas de puntos: resumen. Es por ello que también es importante limitar las listas con viñetas a pequeños grupos, posiblemente, de no más de 6-7 puntos

Piense en la viñeta como un gancho visual para tu lector. Puedes conseguir el mismo efecto usando simplemente sangrado, espaciados y negrita cada vez que deseas dar más visibilidad a un determinado fragmento de texto dentro de tu contenido.




8) Proporciona Pruebas Extras

research-go-in-depth_id505815_size155.jpg

Especialmente cuando recomiendas cosas, herramientas o métodos que sabes o dices saber, ofrece enlaces a artículos anteriores y a contenido publicado y que explora el tema con mayor profundidad. Sí, es bueno saber que "debes hacer esto ..." pero ¿qué significa realmente "esto" y ¿cómo se hace realmente? Si no vas a decirles como hacerlo, deberás, por lo menos, facilitarles el seguir estudiando y obtener más información. Eso es una gran manera de añadir valor. Enlaza.

Si tus lectores conocen todas las herramientas y servicios que mencionas entonces estás haciendo un gran trabajo ya, pero si un buen número de ellos no han utilizado nunca los que mencionas, no es una mala idea proporcionar un enlace directo para que ellos vayan y los prueben. Puedes ser el pionero o uno de los principales expertos en tu sector y das por hecho conocer algunas herramientas, pero quizás tu lector este explorando el terreno por primera vez. Ayudar a estas personas a encontrar y verificar fácilmente lo que afirmas apunta a demostrar que no estás allí simplemente para gritar tus opiniones personales.

Enlazar a otros autores, escritores, expertos, no solamente es un valioso recurso agregado, sino que también trabaja aumentando tu credibilidad y autoridad. A menos que YA seas un experto reconocido en tu campo, el uso, referenciamiento y enlace a otros autores relevantes agrega a tu credibilidad al mismo tiempo que provee valor a tu audiencia.




9) Titulado

effective-titling_id9805802_size215.jpg

Los títulos son componenetes escenciales de la comunicación aún en una lista grande, dado que a menudo cargan con la tarea de identificar apropiadamente grupo de ítems y por lo tanto funcionan como hitos críticos de navegación. Aquí también generalmente la tarea parece más fácil simplemente porque muy pocos han tenido una capacitación formal en la creación de títulos eficientes para listas en la web.

En términos prácticos, hay mucha más ciencia que arte en escribir títulos eficacez, especialmente si la eficiencia se mide no sólo en términos de la mayor facilidad de navegación para el usuario sino también en términos de mayor visibilidad en los motores de búsqueda.




10) Evita La Repetición

information-design-avoid-repetition_id11088691_size215.jpg

Evita siempre repetir descriptores o cualquier otra información similar redundante. Manténte en el tema de tu lista y elimina cualquier contenido adicional que no sea estrictamente informativo. Quita los temas redundantes al título de la sección o ponlos en una nota debajo.




Pequeñas Cosas Que Hacen Una Gran Diferencia

Si tú no sólo escribes gran contenido, sino que también trabajas duro para asegurate que la forma en que ese contenido es presentado facilita encontrarlo, leerlo, comprenderlo, entonces estás haciendo las mejoras y más aporpiadas acciones para comunicar efectivamente.




La Prueba Está En el Postre

Ahora, yo podría decir todas estas cosas, sin ser en realidad capaz de demostrar mi argumento, dado que lo arriba mencionado son sólo recomendaciones escritas. No pruebas reales de que funcione.

Sería entonces un gran placer si Chris Brogan me diera permiso oficial para aprovechar su magnífica lista extensa y la republicara aquí, de acuerdo con los principios que expliqué.

Luego podríamos hacer una comparación razonable entre ambas y ver precisamente si las diferencias que sugerí son agregados valiosos o una teoría snob.



¿Qué dices Chris? ¿Puedo proceder?

 

Originalmente escrito por y publicado por primera vez en MasterNewMedia.

 

Robin Good -
Referencia: Master New Media [ Seguir leyendo ]
Si te gustó la nota puedes recibir actualizaciones suscribiéndote via RSS o via email.

O compartirla:
 
 
 
 
Comentar    
blog comments powered by Disqus
 


 

 

 

 

Creative Commons License
This work is licensed under a Creative Commons License.

 

14243


Curated by

Publisher MasterNewMedia.org - New media explorer - Communication designer
Web Analytics