24 September 2009

Diseño De Información: Cómo Debe Ser El Information Design De Un Blog Principiante

Hoy en día, los blogs son una de las más eficaces y utilizadas herramientas de comunicación en línea. Blogs ayudan a las empresas grandes y pequeñas en la comunicación directa y transparente con sus clientes de una forma que es directa, así como ofrecen un canal exhaustivo y de confrontación de temas que van desde la política a la tecnología.

Crédito de la foto: Stefano Bianchi - design de MasterNewMedia.org

Los blogs pueden ser herramientas de reflexión personal, registros de viaje o herramientas para la publicación de nuevas revistas en línea de base y publicaciones con costes de mantenimiento muy bajos y una máxima facilidad de uso.

Pero para que un blog sea eficaz, su diseño y "look and feel" no deben reflejar la estética de las preferencias personales del autor, sino que debe proporcionar una muy racional y bien pensada solución que caracteriza el sitio mientras que lo hace muy accesible y fácil de leer y navegar.

Diseñar un blog significa sentarse y planificar su "look and feel", que es lo más superficial, e inmediatamente visible de esta nueva herramienta de comunicación digital.

Pero, ¿cómo hacerlo?

Sin embargo, todos nos hemos acostumbrado a pensar que el diseño es un proceso creativo e irracional, la mejor manera de diseñar un blog campeón está realmente muy poco relacionada con la búsqueda de nuevas ideas creativas a la vez que debe estar profundamente entrelazado a la organización racional de los contenidos y de la facilidad de acceso a los mismos.

¿Con qué rapidez puedo ver de lo que este sitio trata y qué es lo mejor que puedo encontrar dentro de él?

Diseño de Información

Crédito de la foto: Nathan Shredoff www.nathan.com

Desconocidos a la gran mayoría, pero determinantes para cualquier uno que quiera tener un abordaje de comunicación visual efectivo, los principios básicos de Diseño de Información pueden ser utilizados para planear el layout de cualquier blog con pretensiones serias a convertirse en profesional sin el riesgo de pérdida de tiempo.

El Diseño de Información sugiere mirar el diseño de la información en términos de eficiencia y accesibilidad (facilidad de lectura - comprensión). Hacer que la información sea altamente legible, accesible, navegable y de fácil comprensión es el objetivo del diseñador de información que radicalmente rompe con el enfoque tradicional de diseño gráfico de hacer que las cosas se vean simplemente "bien".

Elementos del Diseño de un Blog

Panorama del layout de la página

La cosa más importante que hacer en este frente es trabajar la organización visual de la página del blog de forma que mejor pueda facilitar al lector encontrar los siguientes componentes esenciales del contenido:

El nombre de tu blog

El tema de tu blog

El nombre del autor del blog - e informaciones acerca de su persona

Temas de los contenidos y temas tratados en el blog

Cómo contactarse con la sala de prensa del blog (e-mail, Skype, teléfono, fax, etc)

Dónde te encuentras en el planeta Tierra

Contenidos más recientes y más populares

Buscador

Campo de suscripción para obtener tus noticias de forma automática por correo electrónico o RSS

Es importante que estos componentes no luchen entre sí por la supremacía visual en la página de tu blog, pero que estén dispuestos de manera que les haga comportarse educada y discretamente, permitiendo su fácil acceso.

Color - Fondo (Background)

En este frente, es siempre una buena idea comenzar de manera humilde, moderada, centrando todos tus esfuerzos en la fabricación de páginas de apariencia sencilla, bien organizadas, limpias y fáciles de navegar.

Fondo que contengan fotos, decoraciones visuales u otros elementos gráficos deben evitarse.

Usando combinaciones de colores apropiadas, encontrarás algunas soluciones de gran impacto, pero fíjate que la mayoría de los blogs más populares es escrita casi siempre con texto negro y fondo blanco.

Recuérdate: cuanto más limpio y legible, mejor.

Longitud de la línea

Crédito de la foto: Edward Tufte - Envisioning Information. Cliquea en la imagen para ampliarla.

Probablemente desapercibida y ni siquiera marginalmente considerada por los diseñadores de sitios más tradicionales, esta es una de las variables más importantes para determinar la legibilidad eficaz del contenido de una página: la longitud de línea.

Si tienen más de diez o doce palabras por línea, la lectura de tu contenido se hará cada vez más difícil para el lector. Cuanto más larga sea la línea, más difícil será para que el ojo del lector vaya a la siguiente, una vez que llega al final de una línea de texto.

La línea corta es algo que se ve bien, de modo fácil, sin intimidar, y hace que la lectura en la pantalla sea tan buena o mejor que la lectura en papel.

Fuentes - Tipos

La elección de la tipografía o las fuentes que se utilizarán en el nuevo diseño del blog debe ser impulsada por los factores de usabilidad y accesibilidad.

De hecho, es más importante que todos los lectores puedan ver correctamente las páginas del blog, tal y como fueron diseñadas, en lugar de utilizar fuentes especiales o tipos de letra que una parte importante de sus lectores web no será capaz de ver como se había planeado (en su mayoría porque su pc no tiene las mismas fuentes, navegador o sistema operativo que tienes).

Para superar estas cuestiones, es una buena idea comenzar el diseño de tu blog utilizando tipos estándares, compatibles y muy populares como Arial, Verdana o Times que son ampliamente apoyados por casi todos los dispositivos conectados a la Web.

Alineación

La clave para desarrolar páginas web con aspecto limpio, elegante y bien organizado suele ser la peor pesadilla de los diseñadores. El diseño de una página es un arte difícil, y si no han sido entrenados en ella, sus mejores esfuerzos siempre serán insuficientes, apenas aceptables.

Para evitarlo, un enfoque simple de diseño es distribuir los elementos de la página de forma homogénea mientras se asegure de que cada componente esté bien alineado con uno o más elementos de la página. Cuanto más los elementos del blog estén alineados por márgenes invisibles en común, más limpia y bien organizada la página se verá.

Chunking

Desmenuzar (o "chunking" en inglés) es un enfoque para el formato del texto que se esfuerza por "modularizar" contenido en el mayor número posible de bloques de texto significativo. De manera similar a lo que se hace en la poesía, a cada concepto e idea se les da mayor espacio para ser leído y entendido. No hay embalaje de apartados en largos bloques de texto que no tienen pausa. Se usa lo menos posible el espacio de la pantalla digital.

Tanto los blogs tradicionales y el estallido de nuevas herramientas de mensajería como Twitter reflejan esta eficiencia expresada por explosiones cortas de información entregada en tiempo real y con la máxima facilidad de acceso.

Y de manera tan diferente de los libros y revistas tradicionales, que a menudo publican contenidos para varios párrafos en un bloque de texto intacto, su intención será la de separar en elementos claramente distintos todas esas ideas y conceptos que proporcionan una valiosa unidad de información.

El "razonamiento" para este enfoque es la investigación que demuestra que los lectores en línea tienen un período de atención muy reducido y que no leen las páginas como artículos de periódicos o libros tradicionales, sino que más bien prefieren escanear rápidamente la margen izquierdo de los contenidos ofrecidos por pistas para contenidos interesantes que pueden o no confirmar la pertinencia del artículo a sus intereses específicos.

Una regla cuyo uso debe ser respetado cuando se quiere desmenuzar contenidos de manera efectiva es la de no ir nunca a la línea siguiente después de un punto. Debes continuar en la misma línea con la siguiente frase, o dejar una línea vacía y comenzar un nuevo párrafo a continuación.

Negrita y Enlaces

A fin de facilitar a los lectores el escaneo del contenido de la página , es una gran idea utilizar algunas "negritas" para destacar las primeras tres o cuatro palabras de los párrafos que sean especialmente importantes.

A diferencia de editoriales tradicionales y enfoques en los que la negrita se utiliza en el medio de las frases para enfatizar los elementos relevantes del contendio, mi sugerencia personal es usar negrita para resaltar de nuevo las palabras de apertura de los párrafos críticos.

Debe ser bastante obvio que este enfoque sea usado con moderación e inteligencia editorial, ya que aplicarlo a todos y cada párrafo sería convertirlo en algo absolutamente inútil.

En lugar de la sugerencia de arriba, o sea, escribir en negrita, a veces es posible utilizar enlaces, que son también muy eficaces para poner de relieve una lista breve de palabras clave al inicio de los párrafos pertinentes a la vez que proporciona información extensa, referencia y soporte para lo que está escrito.

Algo que no se debe nunca hacer es usar el "subrayado" en cualquier contenido web, ya que este estilo de formato se ha convertido en un estándar en la comunicación al usuario de que las palabras subrayadas son en realidad un enlace. Por lo tanto, el uso de subrayado para fines puramente de formateo es un pecado mortal que debe ser evitado como una enfermedad.

Títulos y Creación de Títulos

Los títulos son, sin sombra de duda, una de las herramientas más poderosas para que un editor online pueda influir en el tráfico, visibilidad, pertinencia y conversiones.

Desafortunadamente, muy pocos editores online han llegado a la plena comprensión de que la Web es como una biblioteca infinita de información, que a menos que sea muy correctamente etiquetada, será leída sólo por su círculo de amigos íntimos. Aprender la ciencia de la titulación determina la diferencia que existe entre los blogs utilizados como diarios personales de los utilizados para la comunicación profesional.

Para aprender los fundamentos de cómo escribir títulos eficaces para la web, cada vez que tengas que escribir un título para una entrada de blog, te sugiero seguir esta prueba bastante simple. Utiliza las primeras tres o cuatro palabras (no más) de tu título para hacer una búsqueda en Google. Si los resultados están en línea con el tema que estás cubriendo en la entrada, es señal que hiciste un buen trabajo. Si, en cambio, los resultados de la búsqueda no tienen nada que ver con el tema, vuelve al punto de partida e inténtalo de nuevo.

Espaciado

El espaciado del contenido es otro factor importante en el aumento de la legibilidad y accesibilidad del contenido de tu blog mientras ayuda a que parezca más profesional. Lo que es importante hacer en este sentido es mantener las diferentes secciones de un artículo claramente separadas la una de la otra. En otras palabras, esto significa que los subtítulos y encabezados de la sección deben ser siempre colocados en modo asimétrico, dejando más espacio significativo por encima de cualquier título, para que sean visualmente comparados con el contenido que les sigue, en lugar de flotar ambiguamente entre dos secciones separadas.

Justificación del texto

Como la mayoría de las herramientas y servicios de publicación no ofrecen una funcionalidad fiable de guiones de texto en las páginas del blog, es muy recomendable establecer un tipo de justificación "irregular" para evitar espacios no naturales y horribles entre las palabras de tus posts.

En otras palabras, el texto no debe estar "justificado" en tanto a la margen izquierda y derecha, como algunos libros y publicaciones lo hacen, pero debe dejar el lado derecho un poco más corto en cada línea.

Recomendaciones

La belleza y la elegancia de tu blog serán determinadas mucho más por opciones racionales y pragmáticas de "legibilidad", como muchos de los puntos que he enumerado más arriba, que por su búsqueda esotérica de la "belleza creativa".

Es sólo a través de una atención muy alta a los detalles y a la sensibilidad del usuario que la belleza de tu blog surgirá de manera espontánea.

Lo sé, habría mucho más que decir, por ejemplo, en relación al uso de imágenes, o tamaño de las fuentes, pero por ahora basta decir que lo anterior se refiere tan sólo a los componentes de la fundación sobre la cual tomar el control inmediato en el camino de crear efectivamente el diseño de un blog.

Si tu objetivo es aprovechar la facilidad de uso y el poder de publicación de blogs para crear una herramienta de comunicación profesional en la web que da credibilidad, visibilidad y tal vez, ingresos adicionales, comienza a trabajar sobre estos principios fundacionales hasta que estés en pleno control de ellos.
Sé inteligente, sé independiente, sé bueno.

Para más informaciones