Curated by: Luigi Canali De Rossi
 


5 February 2009

Organización y Planificación De Contenidos Web: Principios de Arquitectura De La Información Para Optimizar Tu Blog

¿Cómo se puede organizar el contenido de un nuevo sitio web o blog? ¿Realmente necesitas dedicar determinado tiempo antes de ponerlo en marcha para organizar el contenido y la jerarquía de las secciones de tu sitio web? ¿Por qué tengo que optimizar mi sitio web? ¿No puedes simplemente identificar las principales categorías de contenido de tu futuro sitio y darlo por terminado?

Usando un Sitemap para optimizar tu Website
Crédito de la foto: a) Sitemap - Flickr / Shilpa13 b) Mariposa - Adrian Matthiassen mashed up de Robin Good

La mejor respuesta siempre se relaciona con lo que finalmente quieres lograr.

Por lo tanto, si quiere lanzar un nuevo sitio sólo para divertir, y no tienes deseos o expectativas de ser muy visible en los principales motores de búsqueda, o para proporcionar una ruta de navegación a tus lectores, entonces está muy bien que sólo hagas click y comiences a jugar.

Divertirse es muy bueno.

Pero, si lo que está buscando es construir un sitio serio, de aspecto profesional, en el que vas a necesitar tanto tráfico relevante como sea posible, buena visibilidad en los principales motores de búsqueda así como montones de lectores felices y leales, decidir por anticipado como organizar el contenido de tu sitio puede ser una de las actividades más importante en la que puedas invertir tu tiempo. La optimización de un sitio es la gran olvidada de las estrategias para mejorar tu visibilidad, base de usuarios, y por lo tanto tus ingresos.

Gracias a Dev.Opera, un fantástico recurso en la web para cualquiera que desee conocer más sobre diseño y desarrollo creativo para la web, Jonathan Lanerepresenta aquí lo más básico de lo que se puede reunir bajo el rótulo de "arquitectura de la información": como pues organizar el contenido de un nuevo sitio web de una manera consistente y efectiva. Y como pues organizar el contenido de tu sitio para asegurar tu éxito.


 

 

Arquitectura de la Información - Planificación de un Website

por Jonathan Lane

information-architecture-sitemap-contens-06_06_c30_inforarchitektur_en1_0400x0400.jpg
Crédito de la foto: Contens CMS



Introducción

Tradicionalmente, la etapa de planificación de un sitio web (o cualquier otro proyecto) puede ser un poco estresante. Todo el mundo tienen opinión acerca de cómo debe ser construido un sitio, y a menudo esas opiniones entran en conflicto entre sí.

Tu principal objetivo en cualquier sitio web debería ser de construir algo que sea útil para la gente que lo va a utilizar. Realmente no importa lo que diga tu jefe, lo que diga ese tipo al fondo del pasillo con un doctorado en ingeniería de software, o incluso cuáles sean sus preferencias personales; al final del día, si estás realizando un sitio para un grupo determinado de gente, lo único que importa son las opiniones de estos últimos

Este artículo se enfocará en las primeras etapas de planeamiento de un sitio web, y en una disciplina que es conocida comúnmente como "arquitectura de la información", oAI.

Esto implica pensar cuál será tu público objetivo, que información y servicios necesitan de un sitio web, y como deberías estructurarla para ponerla a su disposición.

Deberás mirar el conjunto completo de la información que debe ir en sitio y pensar cómo dividirla en bloques, y como su bloque se relacionan unos con los otros.

Las secciones pueden ser las siguientes:

  • Necesitas planificar el site que estás construyendo

    1. Presentando "The Dung Beatles"

    2. ¿Y ahora qué?Dibujar un site map

    3. Poner nombre a tus páginas

    4. Agregar algunos detalles

    5. Resumen

    6. Plantéatepreguntas




Necesitas Planificar el Sitio Que Estas Construyendo

website-planning-ipgri-action-plan-map645w-2004-485.gif
Crédito de la foto: Robin Good - IKONOS sas

Te enfrentas a un extraño proyecto para la web sin haberlo pensado previamente, pero estos casos son, por lejos, la excepción y no la norma.

Vamos a darle una mirada a una banda imaginaria llamada "The Dung Beatles" y trataremos de ayudarlos a avanzar a través de las primeras etapas de planeamiento de su sitio web.

Vamos a hablar con la banda y a averiguar qué objetivos tienen y que les gustaría ver en su sitio web. Luego abriremos el proyecto y comenzaremos a trabajar en una estructura para la información sobre la banda.



Presentando a "The Dung Beatles"

planning-website-the-dung-beatles-music_feature-24435-265.jpeg
Crédito de la foto: Austin Chronicle

Los Dung Beatles (TDB) tienen un problema.Son la banda tributo a los Beatles en Moose Jaw, Saskatchewan, pero necesitan mejorar su perfil para una próxima gira por América del Norte este verano.

Tienen lugares programados en todo el Canadá y los Estados Unidos, pero son prácticamente desconocidos fuera de su ciudad natal. Si sólo hubiera alguna forma, utilizando la tecnología, para llegar a un gran número de fans de los Beatles por relativamente poco dinero

Afortunadamenete para TDB, tenemos esa cosa llamada la World Wide Web, así que ellos rápidamente decidieron construir un sitio web como la respuesta que estaban buscando.

TDB necesita un lugar en el cual promover las fechas de su gira, construir una base de fans en otras ciudades, y crear conciencia de la banda.

Vamos a trabajar con sus ideas con ellos y ver si puedes diagramar un plan para su sitio web.

Programas una reunión con tus nuevos clientes para afinar los detalles de lo que están buscando y para fijar los plazos y costos.

Inicias la conversación sugiriendo charlar sobre las metas y objetivos del sitio a fin de tener una idea de lo que lo quieren.

¿Qué quiere lograr la banda con su presencia online?




Objetivos del Web Site

website-planning-website-goals-identify_id277750_size255.jpg
Crédito de la foto: Silvia Bukovac

TDB comienza hablando acerca de su próxima gira, y que desean que los fanáticos de los Beatles en todas sus paradas programadas hayan escuchado sobre ello. Ahora están en febrero, y está programado que el tour comience en cinco meses.

¡Espera un momento! Un sitio web por sí mismo no construye su propio tráfico ni se autopublicita

Lo que puedes extraer de esa conversación hasta el momento de que el objetivo principal para el sitio es proveer un lugar online para los fans de TDB online; un lugar donde puedan mantenerse al día sobre las últimas noticias, fechas y lugares de presentación. A través de los fanáticos (de boca en boca), y otros medios de publicidad, más gente sea dirigida al sitio web en el cual podrán descargar muestra de las canciones, las fotos de la banda (con sus ropas originales) y averiguar dónde y cuándo podrán verlos en vivo.

Raul McCoffee, el líder del grupo, señala que sería bueno poder obtener un poco de dinero extra para el tour mediante la venta de algunos CDs y merchandise de la banda.

Te reúnes con la banda y sacan un rápido esquema de lo que el visitante podría querer cuando visite el sitio. Esto es sólo una tormenta de idea muy general; en este momento aun está muy poco estructurado




Identificar la Audiencia(s) Futura

ia-planning-a-web-site-stemap-400.gif
Figura uno: un borrador de lo que el sitio debería contener - lo que el visitante del sitio busca

Existen dos grandes grupos de personas que visiten el sitio: la gente que ya conoce TDB y les gusta (fans), y gente que está insegura. Tiene que atender ambos grupos de diferente manera; los fans potenciales necesitan "que les vendan" el grupo, mientras que los actuales fans quieren que les "aliméntese su adicción" (por decirlo de alguna manera).

¿Qué clase de información está buscando cada uno de esos grupos?

La Figura 1. no da una indicación de esto - es un tipo esquema del tipo que quisieras hacer en este punto en futuros proyectos de sitio web.

A partir de esto, podrás definir qué páginas necesita el sitio, y como deberán estar relacionadas entre sí

Tus fijas un presupuesto, y acuerdan que el lanzamiento del sitio será en un mes. Promete volver a reunirse con la banda en un par de días con algunos gráficos que es voz en la dirección a la que te diriges.




¿Y Ahora Qué? Dibujar el Site Map

ia-planning-a-web-site-web-site-structure.gif
La Figura 2 muestra mi intento de tomar la tormenta de ideas y convertirla en un diagrama de organización del sitio: la primera iteración de la estructura del sitio -Esa imagen muestra el primer intento de estructurar el ejemplo analizado en este artículo. Las páginas que lo componen están organizadas en un diagrama de araña, con la página "inicio" en el centro. Las páginas vinculadas a este punto central son "tiendas", "biografía", "discusión de fans", "gira: fechas y lugares", "imágenes", "discografía" y "contacto". La página "discografía" tiene otras dos sub-páginas vinculadas, "letras" y "muestra de canciones".



Mucha gente arma un mapa del sitio en esta etapa -éste luce muy parecido a un organigrama. Usualmente se trata de un dibujo bastante básico que muestra simplemente los nombres de cada página en el sitio y cómo se vinculan en la estructura general del sitio.

Personalmente, me gusta poner un poco más de detalle y hablar acerca del propósito y el contenido de cada página.

Por ejemplo, una página puede ser llamada "Home", pero ¿qué es una página de inicio? ¿Se trata del tonto mensaje "bienvenido a nuestro sitio web" (¡ajjj!) Pues una página más dinámica conteniendo novedades e imágenes atractivas?

Toma algunos minutos para pensar en qué tipo de páginas podría convertirse el mencionado boceto, y lo que debe contener cada página. Perfección el dibujo de tu propio mapa del sitio antes de avanzar a la siguiente sección.

Ahora vamos a empezar con lo básico: uno de sus diagramas de organización que mencioné más arriba.

Eso definitivamente muestra todas las páginas que necesitamos, pero allí no hay un real agrupamiento. Es solo un gran desorden de páginas, y en este punto no me había puesto a pensar mucho a qué cosa recurriré.

Hice una nueva revisión y traté de dividir la información en grupos un poco más grandes - la figura tres muestra lo que dice: la estructura del sitio agrupada más lógicamente.

ia-planning-a-web-site-web-site-structure-2.gif
Figura 3: Estructura del sitio, revisada. - - esta imagen muestra la estructura del sitio del ejemplo refinada. La "página de inicio" ahora tiene las siguientes sub-páginas relacionadas a esta: "contacto", "tiendas", "acerca de TDB" (que se vincula con "biografías" y "fotos"), "novedades de la banda" (que está vinculada con "tour: fechas y lugares" y "discusión de fans"), y "música" (que está vinculada con "letras" y "muestra de canciones").

He hecho un par de cosas con la revisión de la estructura del sitio.

a) La página "Noticias de la banda" le da a TDB un lugar para publicar lo que quien compartir con sus bancos. Incluso después de que su gira de verano haya terminado, y la página "Tour: fechas y lugares" ya no será más útil, sean capaces de publicar cosas.

b) Adoptar un formato blog le permitirá a los fans comentar un contexto sobre las distintas historias, y ayudará a construir una comunidad online alrededor de TDB. Las noticias y los sucesos de la gira, de la misma manera, alimentará más discusiones, así que agrupé todo eso junto.

Además, la palabra "Noticias" es una palabra más simple y general que la gente puede reconocer rápidamente si están recorriendo la página en busca de la información que desean.

La nueva página "SobreThe Dung Beatles" reúne las biografías de los miembros de la banda así como sus fotografías. Seguir por esta ruta no permite saltar a las biografías individuales de los miembros de la banda.

Siguiendo un argumento similar al que usamos más arriba, "Sobre" ies un término común usado en muchos otros sitios. Cada vez un visitante desea saber más sobre la compañía,1 producto, un servicio, o una persona, usualmente buscan el vínculo "Sobre".

Finalalmente, el término "Discografía" es un término un poco técnico. Es posible que menos gente pueda entenderlo que se usamos el término "Música". Además, esto permite que sea la página inicial de contenido adicional: fuentes de inspiración, la historia de una canción particular... ya tienes la idea.

Creo que estamos listos para continuar. Después de hablar un poco acerca de darle nombres razonables a las páginas, vamos a avanzar un poco más en detalle sobre cada página.




Nombrando Tus Páginas

website-planning-naming-pages_id1557981_size270.jpg

El nombre de las páginas puede ser una de las más cruciales decisiones que deberás tomar durante el diseño del sitio.

No sólo es importante para los usuarios de tu sitio, para que puedan encontrar su camino dentro del mismo, sino que es otra de las cosas que determina qué tan fácil será encontrado usando un motor de búsqueda.

En general, los motores de búsqueda buscan el texto incluido en una página web, la URL de esa página, y el texto y los enlaces a esa página cuando están decidiendo "qué tan importante" sea un sitio.

Al dar a tus páginas nombres y URLs sensatos y razonables animará a quien se esté vinculando a tus páginas a que use descripciones sensatas.

He aquí un ejemplo. Digamos que tú tienes una compañía automotriz, y tiene su modelo llamado "The Speedster". Tiene su sitio web para promocionar tu auto, y una de las páginas enumera las funciones disponibles. ¿Llamarías esta página "Características", "Características Disponibles", "Características del Speedster", o "Bombos y Platillos"?

Yo diría que "Características del Speedster" es la mejor opción de esa lista.

Está relacionado con lo que la página contiene, hay posibilidad de que el título esté mostrado arriba de la página y está destacado (bueno para el indexado de un motor de búsqueda), e incluso puede encajar bien dentro de la URL (algo como "http://www.autocompany.com/speedster/speedster-caracteristicas/").




Agregando Algunos Detalles

ia-planning-a-web-site-web-site-structure-details.gif
Figura 4: Detalles para la Home page.

No tienes que definir todo en este momento, pero necesita ser menos tener una breve descripción de lo que tienes en mente acerca de cada página.

Después de que tengas la estructura del sitio, númera cada una de tus páginas y escribie una breve descripción de cada página, como lo he hecho en la Figura 4 para la página inicial (tendrán oportunidad de hacer esto para las otras páginas en uno de los ejercicios al final de este artículo).

Podrás involucrarte en esto tanto como quieras en este momento. No necesitas describir la funcionalidad de la página, la tecnología que usará para construirla, o el diseño con mucho detalle. Simplemente describe lo que tengas en mente en términos generales.

Tu objetivo aquí es comunicar lo que estás pensando a tu cliente, así como hacerte pensar en ello no es poco frecuente en esta etapa llegará darse cuenta de que tienes demasiadas páginas, y que nunca será capaz de encontrar contenido para ellas. Puedes volverse loco creando una jerarquía de páginas.

Por ejemplo si los miembros de la banda sólo desean publicar un párrafo sobre los mismos, no será necesario crear páginas separadas con la biografía de cada miembro todas pueden ser combinadas en una página única.




Resumen

website-planning-summary_id2385701_size130.jpg

Este artículo era examinado el sitio web en su conjunto, y como se debe pensar en la estructuración del mismo.

1. En primer lugar decide que contendrá un sitio web, y como estructuras el contenido en páginas.

2. A continuación decide la funcionalidad que será realmente usada en su sitio web.

3. Y lo último que debes hacerantes de realmente comenzar a trabajar y codificar su sitio web es trabajar sobre él diseño visual del mismo - los diseños de página, el esquema de color, etc.



Plantéate preguntas

website-planning-exercise-questions_id273110_size250.jpg
Crédito de la foto: Pablo631

  • Mira de nuevo la Figura 1 y trata de desarrollar una tormenta de asimilar para un sitio web sobre un coche (toma cualquier automóvil real o imaginario).
    • ¿Qué querrán saber los visitantes del sitio?
    • ¿Hay algo en los sites de automóviles que veas esencial? ¿Frívolo?

  • Toma tu brainstorm y trata de organizar la información. ¿Qué forma de agruparla tiene sentido?
  • Otra actividad que a veces resulta útil a la hora de planificar un sitio web es mirar la competencia. Has una búsqueda de los sitios web de bandas (puntos extra para las bandas tributo), y mira que lo que están ofreciendo. ¿Estamos pasando algo por alto?
  • Mira la Figura 4 y trata de desarrollar diagramas similares para las otras páginas que hayas identificado en el sitio web.

Ver también:



DevOpera-logo-beta-c.gif

 

Sobre el autor

Jonathan_Lane-photo-95.jpg

Jonathan Lane es Presidente de Industry Interactive una compañía que se ocupa del desarrollo de aplicaciones para la web ubicada en la isla de Maine, Columbia británica, Canadá. Se inició en el trabajo de desarrollo para la University of Lethbridge Curriculum Re-Development Center como su coordinador de proyectos para la web por varios años. Bloguea en Flyingtroll y actualmente está desarrollando Mailmanagr, una interfaz de e-mail para el programa de Aplicación de gestión de proyectos de Basecamp.

Jonathan Lane -
Referencia: Dev.Opera [ 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.

 

14701


Curated by

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