Cmo organizar los contenidos en la web

Arquitectura de la informacin

/basado en textos de Juan Carlos Camus, Poynter.com y otros autores

ARQUITECTURA DE LA INFORMACIN
Cada edificio sirve para propsitos diferentes y nicos.
Su arquitectura, diseo, tipo de construccin, sus muebles, sus habitantes y su ubicacin.
Todos estos factores juegan un rol juntos en la experiencia total del espacio.
El todo es mayor que la suma de sus partes.

DEFINICIONES: Arquitectura de la informacin

1. Una combinacin de organizacin, etiquetas, bsquedas y sistemas de
navegacin en sitios webs o intranets.

2. El arte y ciencia de dar forma a los productos de la informacin y sus

experiencias para apoyar la usabilidad y la accesibilidad.

3.Disciplina emergente y prctica comunitaria enfocada en traer los

principios del diseo y la arquitectura al paisaje digital.

CONCEPTOS BSICOS
Estructurar : definir informacin especfica de un sitio y decidir cmo se relaciona.
Organizar : agrupar los contenidos y componentes de tu sitio de una forma que
genere significado y categoras distintivas.
Etiquetar : resolver cmo nombrar categoras, links y navegaciones que nos llevan
a ellas.
Bsqueda y gestin: el sitio falla si los usuarios no pueden encontrar lo que
necesitan en una combinacin de navegacin, bsqueda y preguntas.
Arte y ciencia: Metodologa, experiencia, intuicin y creatividad.

1. El mapa de un sitio

2. Wireframes
* Dibujos simples que muestran donde se encuentran los elementos en una pgina web.
*Es un primer paso para crear un sitio, sin distracciones acerca de colores, tipografas y otros
elementos de diseo. La idea es concentrarse en los porcentajes de espacio que tiene cada
elemento dentro de un sitio. Estos elementos incluyen:

Navegacin: Los botones para las secciones principales de tu sitio.

El logo

Las reas de contenido: donde estarn las distintas secciones de contenido

rea de bsqueda (buscar)

Login usuario

WIREFRAMES

Existe una variedad de formas de crear un wireframe:

-----------------------------------------------------------------------------Dibujarlo a mano
----------------------------------Usando Adobe Photoshop, Illustrator, u otros software para crear grficas
------------------------------------------------Usando software creados especficamente para realizar esta tarea
www.gliffy.com

http://www.mockflow.com/

http://www.axure.com/
mvil http://iphonemockup.lkmc.ch/

Cmo organizar los contenidos en la web

Arquitectura de la informacin

Cmo escribir en espacios digitales?

contenidos
interactivos
actualizados
multimediales
no lineales

 Nombre del sitio web?

fcil de comunicar: de escuchar, escribir y leer: no utilice letras que requieran una
explicacin, evite los nmeros
fcil de recordar: no tenga ms de diez letras
representar el contenido: esto adems ayudar a la indexacin del sitio web en los
motores de bsqueda para los temas
funcionar sin las www: para facilitar uso del dominio, permita acceso a sus
pginas cuando se escriba su nombre con y sin las www

LECTURA DIAGONAL: eye tracking

Se descubri que hay un cierto orden para mirar el contenido de un sitio web:
Despus de mirar el contenido en la esquina superior izquierda o los titulares
principales los movimientos de ojos de los participantes usualmente
contemplaban revisiones hacia arriba y debajo de las pginas, para terminar en el
cuadrante superior derecho.
Ojo: a diferencia de los impresos, las fotografas no son un punto de entrada a las
pginas ya que los usuarios prefieren los textos.

TTULOS: CONTEXTO ES CLAVE

1. El ttulo debe ser comprensible sin contexto: debe ser Auto-explicativo
2. Las palabras del ttulo deben apoyar el clic del usuario: se debe considerar la inclusin de palabras gancho,
usuario - clic al enlace-- ir hacia la informacin
3. El ttulo debe sostenerse en el tiempo: los ttulos deben plantearse en trminos neutrales respecto del tiempo
para que no queden amarrados a una fecha en particular.
4. El ttulo debe tener un largo adecuado: para ser adecuadamente indexado en los buscadores, el ttulo debe
tener un mximo 64 caracteres (incluyendo espacios)
5. El ttulo debe usarse segn el estndar web, en dos zonas de cada pgina.
1)como elemento del encabezado o <head> a travs de la etiqueta <title>
2) como parte del <body> a travs del uso de la etiqueta <h1> que permite indicar que se trata de la informacin
principal de la pgina, ya que describe su contenido.

TITULARES
titulares auto-explicativos
no dependientes del contexto para ser entendidos
motiven al usuario a hacer clic para saber ms
extensin permita aparecer en resultados de los buscadores

TIPOGRAFA: LA LETRA CORRECTA para todos los dispositivos

1. TIPO DE LETRAS: usuarios prefieren letras sans-serif a las que tienen serif, nueva generacin de letras hechas para la pantalla
2. NEGRITAS Y CURSIVAS: para destacar ciertas palabras en los prrafo en recorrido visual de la informacin. Con moderacin.
3. NMERO DE COLUMNAS: una columna mejor que tres
4. INTERLINEADO DEL TEXTO: uso de espacio blanco promedio entre prrafos produce mayores niveles de satisfaccin
5. ANCHO DE LA COLUMNA: velocidad de lectura es mejor con un ancho de columna en torno 80 a 100 caracteres por lnea. El texto
deber tener lmites concretos en su ancho y no estirarse junto con el sitio.
6.LARGO DEL TEXTO: aunque no hay reglas estrictas, se recomienda limitar el scroll y ofrecer sumarios al comienzo para asegurar
que el lector se interese por todo el contenido. Opciones:
- Enlaces en el comienzo (anclas) hacia las diferentes partes del texto, para que el usuario elija y acceda directamente sin
necesidad de leer todo el contenido.
- botones de accin PDF.

CUNTO ESCRIBIR?
Jacob Weisberg dice que las personas deben escribir distinto para el web:

...La escritura nativa del web es diferenteEl tono de una buena escritura para el web viene desde
el correo electrnico. Es ms directo, personal, urgente, ingenioso, eficiente; no te hace perder el
tiempo. Refleja el compromiso, la receptividad y el apuro de los usuarios del web en oposicin a la
pasividad textos impresos. Integra el uso de enlaces al proceso creativo e intelectual a diferencia de
abordarlo despus de dicha etapa. Y usa la multimedia en forma orgnica, ms que de una manera
ornamental.

RECOMENDACIONES CLAVES
SER SUCINTO: mitad de las palabras y ahorrar expresiones para las
ideas.

ESCRIBIR PARA LA COMPRENSIN: ofrecer slo una idea por prrafo y

en el caso del primer prrafo de un texto largo, ste debe ofrecer un
resumen del tema.

USAR VERBOS DIRECTOS: menos palabras y directo para expresar la

accin. Preferir modo Infinitivo al Presente Perfecto o cualquier otro
compuesto.

EVITAR LAS EXPLICACIONES NEGATIVAS: explicaciones en trminos

afirmativos

ESTABLECER JERARQUAS DE INFORMACIN: utilizar Pirmide

invertida, lo ms importante primero, luego elementos
complementarios.

PREFERIR LOS HECHOS A LOS DISCURSOS: datos concretos, antes que

discursos descriptivos.

CREAR SUBTTULOS DESTACADOS: ideal que los subttulos sean un

resumen de los prrafos a continuacin

DESTACAR PALABRAS SIGNIFICATIVAS: como anclas en el recorrido

visual de la pgina. Con moderacin.

CREAR LISTA ELEMENTOS: si estos requieren mayor explicacin,

pueden ir enlazado hacia otras pginas con texto ms detallado

OFRECER ENLACES HACIA OTRAS PGINAS: hacia el sitio propio o hacia

sitios externos que aporten al tema.

EVITAR LAS ABREVIACIONES Y LA JERGA TCNICA: a menos que se trate

de instituciones muy conocidas, evitar el uso de siglas, acrnimos o
abreviaciones.

CLARIDAD Y PRECISIN

ESCRIBIR PARA LA WEB - RESUMEN

LOS CONTENIDOS
Conoce a tu audiencia: Los lectores no leen, escanean el contenido (eye tracking).

Se directo, preciso y claro

Ttulo: 64 caracteres mx.

Bajada informativa / 150-160 caracteres

Subttulos informativos

Usar negritas en nombre propios y puntos importantes

Usar listados

Prrafos cortos

No ms de 800 palabras de largo

Usar verbos directos y activos: menos palabras y directo para expresar la accin. Preferir modo Infinitivo al Presente Perfecto o
cualquier otro compuesto.

Evitar sobre uso de adjetivos y adverbios

Explica: tus lectores no slo quieren las 5w, quieren saber razones, por qu la historia es importante.

Textos escaneables y divididos

- Escaneables: resaltar palabras claves o frases para destacar algn punto.
- Divididos: divide la informacin en links que tambin estn desplegados en orden y estilo pirmide invertida.

Usa links para contenidos relacionados que aporten al tema, para amplificar contenido sin usar palabras de ms en tu texto

Tener fotos o grfica. Recordar la mxima ve el caballo, no nombres al caballo.

Tipografa: sans-serif

ESCRIBIR PARA LA WEB - RESUMEN

LAS FORMAS
Cmo escribimos y cmo trabajamos las historias son dos cosas diferentes.

Escribe para dar o agregar profundidad a una historia, por qu es importante.

Permite a tu audiencia escuchar o ver el drama humano, o la accin.

Engancha a tus lectores de forma interactiva con grfica u otros elementos (mapas, lneas de tiempo) que sumen profundidad y datos
a tu historia.

Las galeras de fotos, con o sin audio con explicaciones al pie cuando se trate de imgenes de fuerte contenido visual.

Agregar siempre crditos del fotgrafo o archivo desde donde proviene la imagen.

Posibilidad de agregar encuesta o diccionario de trminos para algn tema.

Analizar si la informacin que estoy presentando en largos textos estara mejor y ms claramente presentada en un grfico o una
tabla.

Link, link, link!: que funcione, que aporte, que relacione contenidos internos y externos.
* Interactuar orgnicamente con contenido multimedia complementando el texto, ocupando la narrativa y lenguaje de cada medio y as
enriqueciendo la experiencia del usuario.
FUENTES_
http://www.poynter.org/how-tos/newsgathering-storytelling/writing-tools/83326/writing-for-the-web-the-basics-still-apply/
http://tienes5segundos.cl/