<p>Una vez que se ha hecho el trabajo de identificación de contenidos, se debe avanzar hacia las definiciones relacionadas con la forma que tendrá el sitio que se está desarrollando. Ello implicará trabajar en tres áreas concretas, a través de las cuales se definirá la estructura del sitio, el árbol de contenidos y los sistemas de navegación que se ofrecerá a los usuarios para que avancen a través de sus contenidos.</p>
<p>Las tres áreas mencionadas se explican a continuación:</p>
<h2>Creación de la Estructura</h2>
<p>Se refiere al proceso de identificar la forma que tendrá el Sitio Web que se está desarrollando. En este sentido es importante hacer una diferencia entre estructura y diseño (que será explicada gráficamente más adelante en este capítulo).</p>
<div class="stressed"><dl><dt><strong>Estructura:</strong></dt><dd>se refiere a la forma que tendrá el Sitio Web en términos generales con sus secciones, funcionalidades y sistemas de navegación. No considera ni incluye elementos gráficos (logotipos, viñetas, etc.).</dd><dt><strong>Diseño:</strong></dt><dd>se refiere a la solución gráfica que se creará para el sitio, en la cual aparecen colores, logotipos, viñetas, y otros elementos de diseño que permiten identificar visualmente al sitio.</dd></dl>
<p>Dado lo anterior, cuando hablamos de la estructura nos estamos refiriendo básicamente a cuál será la&nbsp;<strong>experiencia</strong>&nbsp;que tendrá un usuario cuando accede al sitio. De esta manera podremos determinar dónde estarán ubicados los servicios interactivos (buscador, sistemas de encuestas, áreas de contenidos).</p>
<p>Gracias a la realización de esta etapa es posible discutir en términos muy prácticos cuál será la oferta de elementos de información e interacción que tendrá el usuario. Al no incluir elementos de diseño, se permite que la discusión sobre la estructura se desarrolle en aspectos concretos, sin que intervengan aún consideraciones estéticas que habitualmente atrasan la aprobación de esta etapa del desarrollo.</p>
</div>
<h2>Mapas Permanentes del Sitio</h2>
<p>Se refiere al proceso de crear un&nbsp;<strong>árbol de contenido</strong>&nbsp;en el que se muestre de manera práctica cuántas secciones tendrá el sitio en desarrollo y cuántos niveles habrá dentro de cada uno.</p>
<p>Cuando se usa la idea de crear un árbol, se refiere exactamente a generar un diagrama que cuente con un tronco, ramas y hojas, para mostrar las zonas principales, secundarias y contenidos finales que se irán incorporando.</p>
<p>En este sentido se debe evitar a toda costa que el&nbsp;<strong>árbol de contenidos</strong>&nbsp;represente la estructura de la organización, dado que ésta es conocida y comprendida internamente, pero constituye una barrera de entrada para usuarios externos. Si ellos llegan a buscar en una estructura de contenidos basada en la forma en que funciona la organización, primero deberán comprender cómo funciona la entidad para luego encontrar lo que les interesa.</p>
<p>En este sentido se sugiere el uso de dos tipos de&nbsp;<strong>árboles</strong>&nbsp;posibles,&nbsp;<strong>Arbol Organizacional</strong>&nbsp;(<a href="#fig001">Figura 1</a>) y&nbsp;<strong>Arbol Funcional</strong>&nbsp;(<a href="#fig002">Figura 2</a>).</p>
<div id="fig001" class="imgSet"><img src="http://www.guiaweb.gob.cl/guia/capitulos/dos/images/fig.001.gif" alt="Diagrama de arbol organizacional." title="Árbol Organizacional.">
<p class="caption"><a href="/guia/capitulos/dos/images/fig.001.htm" title="Descripción de imagen.">[D]</a>&nbsp;Figura 1: Árbol Organizacional: agrupa los contenidos de la manera como se organiza la institución, pero no basado en su estructura de funcionamiento, sino en su lógica de actividad.</p>
</div>
<div id="fig002" class="imgSet"><img src="http://www.guiaweb.gob.cl/guia/capitulos/dos/images/fig.002.gif" alt="Diagrama de arbol funcional." title="Árbol Funcional.">
<p class="caption"><a href="/guia/capitulos/dos/images/fig.002.htm" title="Descripción de imagen.">[D]</a>&nbsp;Figura 2: Árbol Funcional, agrupa los contenidos de acuerdo a las tareas que se puedan realizar dentro del sitio.</p>
</div>
<p>Dado lo anterior, las recomendaciones para la generación de este&nbsp;<strong>árbol</strong>&nbsp;son las siguientes:</p>
<dl><dt>Secciones:</dt><dd>se debe intentar que sean las menos posibles, con el fin de concentrar las acciones del usuario en pocas áreas; hay que considerar que cada una de las áreas a integrar en el árbol requerirá de mantenimiento posterior en contenidos, gráfica y funcionalidad, lo que encarecerá el costo final de operación del sitio. Dado lo anterior, se recomienda que las secciones se sitúen entre 5 y 7.</dd><dt>Niveles:</dt><dd>se debe intentar que el usuario esté siempre a menos de tres clicks del contenido que anda buscando. Por ello no se debería crear más de tres niveles de acceso; esto significa una Portada, una Portadilla de Sección y los Contenidos propiamente tales.</dd><dt>Contenidos relacionados:</dt><dd>se debe considerar que habrá funcionalidades que estén presentes en todo el sitio. Entre ellas se incluyen elementos como Buscador, Preguntas Frecuentes y Formularios de Contacto. Se recomienda que este tipo de elementos quede fuera del&nbsp;<strong>árbol</strong>&nbsp;y&nbsp;<strong>floten</strong>&nbsp;sobre éste, con el fin de indicar que desde todas las páginas habrá enlaces a ellos.</dd></dl>
<h2>Definición de los Sistemas de Navegación</h2>
<p>Una vez que se cuenta con los&nbsp;<strong>árboles de contenido</strong>&nbsp;desarrollados en el paso anterior, la tarea siguiente consiste en generar los sistemas de acceso a dichos contenidos en el Sitio Web. A través de estos, los usuarios podrán avanzar por sus diferentes áreas, sin perderse.</p>
<p>En la generación de dichos sistemas se debe atender a dos elementos que serán muy importantes:</p>
<dl><dt><strong>Textual:</strong></dt><dd>se refiere a que la navegación se hará a través de elementos concretos, tales como menús, guías, botones y otros elementos que deben ser claramente distinguibles dentro de la interfaz. Para generarlos se debe conseguir que cada uno de ellos represente claramente la función para la que fueron designados y no dejar lugar a dudas sobre su función ni sobre la acción que desarrollarán al ser usados. Es decir, un botón debe parecer tal y no sólo un&nbsp;<strong>parche</strong>&nbsp;de color sobre la pantalla. Adicionalmente, es muy importante que las palabras escogidas para indicar acciones (etiquetado de menús), sean claras y precisas. En este sentido, si un botón necesita ser explicado, es mejor desecharlo y buscar otra solución.</dd><dt><strong>Contextual:</strong></dt><dd>es todo lo referido a cómo se presenta la información, utilizando para ellos elementos basados en texto, gráficos o bien de entorno. Los elementos relevantes en este caso, serán todos aquellos que permiten mostrar la navegación en la pantalla y ayudar al usuario en el contexto del contenido que esta vieno. Entre ellos, la gráfica utilizada, la redacción de los textos que se muestran, los contenidos relacionados, las nubes de etiquetas e incluso el nombre del dominio (<acronym title="Uniform Resource Locator">URL</acronym>) que permitirá que el usuario sienta que está en el lugar indicado.</dd></dl>
<h2>Características de los Sistemas de Navegación</h2>
<p>Al generar el sistema de navegación, se deben tener en cuenta las siguientes características:</p>
<dl><dt>Consistente:</dt><dd>el sistema debe ser similar en todo el sitio, en lo referido a su ubicación y disposición en las páginas. Esto se aplica también a aquellas instituciones que pueden tener más de un Sitio Web.</dd><dt>Uniforme:</dt><dd>el sistema debe utilizar similares términos con el fin de que el usuario que lo vea en las páginas, confíe en que sus opciones llevan siempre hacia los mismos lugares dentro del sitio.</dd><dt>Visible:</dt><dd>el sistema debe distinguirse claramente dentro del sitio, con el fin de que el usuario cuente con él, como si se tratara de una guía permanente en el área en que se encuentre del sitio.</dd></dl>
<div class="stressed">
<p>Se debe tener en cuenta que los buscadores de Internet tienen la capacidad de indexar e incluir en sus bases de datos, cualquier página del sitio, aún las más internas. Por ello, es de suma importancia que todas las páginas del sitio cuenten con el sistema de navegación, especialmente si el Sitio Web está desarrollado con <a href="/glosario/F#/frame" title="Ver término en glosario." class="glossaryTerm">frames</a> (o marcos) que normalmente impiden que se indique claramente en cada página la información referida a la navegación general. De esta manera, si un usuario accede al sitio por una página interior que estaba indexada en un buscador, siempre contará con las herramientas adecuadas para ir a la portada o realizar cualquier otra acción que le interese.</p>
</div>
<div class="chapterNav">&nbsp;</div>