DE

PROGRAMACION
EN ENTORNO
WEB

2016 1

RODRIGO A. LLANOS NEIRA

APR - 001

Arquitectura base de proyectos

web
Entre las metodologas ms tiles que tendrn los profesionales
encargados de desarrollar un Sitio Web, se contarn las que
aparecen descritas dentro de la Arquitectura de la Informacin,
que es el conjunto de mtodos y herramientas que permiten
organizar los contenidos, para ser encontrados y utilizados por
los usuarios, de manera simple y directa.
La Arquitectura de Informacin estar cumpliendo sus objetivos
cuando un usuario entre por primera vez al sitio y pueda
reconocer a quin pertenece el Sitio Web; lo pueda entender en
forma rpida y sin esfuerzo y encontrar la informacin ofrecida
fcilmente. Adicionalmente eso entregar el beneficio de que
quienes producen el sitio podrn ubicar la nueva informacin sin
tener que crear nuevas estructuras y al mismo tiempo tendrn
la libertad de incorporar nuevas iniciativas al sitio sin tener que

Arquitectura de Informacin
Los elementos que se muestran a continuacin constituyen la
metodologa de la Arquitectura de Informacin, mediante la cual
es posible conseguir las metas de organizacin y visibilidad de
los contenido. Cada una de ellas debe ser investigada,
desarrollada y documentada adecuadamente:
Definicin
Definicin
Definicin
Definicin
Definicin
Definicin

de Objetivos del Sitio

de Audiencia
de Contenidos del Sitio
de la Estructura del Sitio
de los Sistemas de Navegacin
del Diseo Visual

Definicin de Objetivos del Sitio

A travs de esta etapa se busca definir cules sern los objetivos centrales que deber
tener el Sitio Web y establecer la forma de cumplirlos.
Se recomienda comenzar por generar un objetivo central y luego definir varios
objetivos secundarios; no obstante lo anterior, es importante que estos objetivos sean
explicitados adecuadamente al comienzo del desarrollo, con el fin de que todo el
equipo tenga claro el horizonte que debe tener el proyecto.
Para generar objetivos que sean vlidos y comprensibles, se aconseja escribirlos a
travs de frases que se inicien con verbos que expresen las acciones a realizar. Por
ejemplo: Recibir preguntas de los usuarios sobre las actividades de la institucin o
Presentar pblicamente los informes ms importantes de la institucin.
Una forma de llegar ms concretamente a los objetivos, es revisar la visin y la misin
de la organizacin, desde la cual se pueden obtener las claves que permitan definirlos.
De ms est decir que los objetivos del sitio debern estar en concordancia con las
necesidades y planificacin que haya hecho la institucin en sus planes anuales.

Definicin de Objetivos del Sitio

Una de las primeras metas que se debe cumplir consiste en tener presencia en
Internet. No obstante, se debe entender como tal la entrega de informacin
actualizada de la institucin, ms la proposicin de alguna actividad interactiva,
mediante el aprovechamiento del estado actual de la tecnologa. Por ejemplo,
ofrecer las respuestas de las principales Preguntas Frecuentes que se reciben en la
institucin o entregar la explicacin detallada sobre los principales trmites,
permiten cumplir con la idea de tener presencia, a travs de una propuesta de
contenido que ofrece un valor agregado a quienes ingresan al sitio.
Idealmente el listado de objetivos del sitio debe estar acotado y no llegar a ms de
cinco proposiciones. Este nmero, si bien es arbitrario, se indica como una forma de
sealar que los objetivos no pueden ser tantos como para impedir su cumplimiento;
ni tan pocos como para que el sitio sea poco ambicioso.
De cada uno de estos objetivos se pueden desprender tareas concretas que
permitan avanzar en el cumplimiento de ellos.

Definicin de Audiencia
Una vez que se ha terminado adecuadamente la etapa anterior con la
generacin de los objetivos del sitio, se debe dar un siguiente paso, que es el
de determinar las principales audiencias (pblicos) hacia las cuales se
orientar el sitio.
Est claro que el Sitio Web no podr atender al mismo pblico que atiende la
institucin, dado que el acceso a Internet se produce mayoritariamente en
segmentos de ingresos medianos a altos. Sin embargo, hay varias
consideraciones que tener en cuenta, al definir qu tipos de audiencia se
atendern desde las pantallas del sitio.
A continuacin se hacen algunas definiciones de audiencia, las que, sin
importar las caractersticas del sitio, siempre debern estar presentes, y por
lo mismo, deben traducirse en acciones para poder atenderlas
adecuadament

Definicin de Audiencia
Por capacidad fsica:
la audiencia del sitio incluir personas con discapacidades fsicas, por lo que una de las metas
que debe tener todo sitio de Chile es permitir el acceso de ellos, a travs del cumplimiento de
las normas de Accesibilidad que se han recomendado como estndares internacionales.

Por capacidad tcnica:

la audiencia que llegue al sitio se dividir de acuerdo a la experiencia tcnica que tenga; por
ello se deben plantear acceso simples mediante enlaces y otros ms complejos, por ejemplo,
mediante el uso de buscador.

Por conocimiento de la institucin:

los usuarios del sitio se dividirn entre quienes conocen la institucin y quienes no la
conocen. Por lo anterior, los primeros siempre sabrn dnde buscar lo que necesitan usando
la terminologa, siglas y nombres de departamentos internos; los segundos, en tanto, no
entendern nada de la nomenclatura interna y les ser muy difcil acceder a la informacin
que se les ofrezca de esa manera

Definicin de Audiencia
Por necesidades de informacin:
los usuarios del sitio tambin se dividirn entre quienes llegan a buscar contenidos
determinados y quienes slo llegan a ver si existe algo que les pueda servir en lo
que estn realizando.

Por ubicacin geogrfica:

dentro de la audiencia siempre habr chilenos que ingresan al Sitio Web desde
lugares diferentes a Santiago o incluso Chile, por lo que los contenidos deben
responder tambin a esta diversidad.

Definicin de Contenidos del

Sitio
Una vez que se han identificado los objetivos del sitio y la audiencia, se debe
proceder a hacer las definiciones ms concretas que permitan decidir qu
contenidos son los que va a tener el Sitio Web que se desarrolle.
Para identificar contenidos, se deben utilizar como insumo los materiales que
se hayan obtenido en la etapa de identificacin de Objetivos y de Audiencias,
ya que en ambos la bsqueda gir en torno a las necesidades que tenan los
usuarios del sitio.
Para cumplir con una norma general respecto de qu debera contener un
sitio, se pueden anotar las siguientes, como las ms importantes:

Definicin de Contenidos del

Sitio
Acerca de la Institucin:
entregar la informacin completa referida a Autoridades, Organigrama, Normativa
legal asociada, Oficinas, Horas de Atencin, Telfonos, etc.

Productos / Servicios:
destacar las actividades principales que el usuario puede hacer en la institucin;
puede incluir una gua de trmites que facilite las acciones de las personas que
acudirn a la institucin y que considere servicios interactivos para hacerlos desde
el Sitio Web.

Novedades:
ltimas actividades, noticias, etc.

Definicin de la Estructura del

Sitio
Una vez que se ha hecho el trabajo de identificacin 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
travs de las cuales se definir la estructura del sitio, el rbol de contenidos y
los sistemas de navegacin que se ofrecer a los usuarios para que avancen
a travs de sus contenidos:
Creacin de la Estructura
Mapas permanentes del Sitio
Definicin de los Sistemas de Navegacin

Definicin de la Estructura del

Sitio
Creacin de la Estructura
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 diseo (que ser explicada grficamente ms adelante
en este captulo).
Estructura: se refiere a la forma que tendr el Sitio Web en trminos generales
con sus secciones, funcionalidades y sistemas de navegacin. No considera ni
incluye elementos grficos (logotipos, vietas, etc.).
Diseo: se refiere a la solucin grfica que se crear para el sitio, en la cual
aparecen colores, logotipos, vietas, y otros elementos de diseo que permiten
identificar visualmente al sitio.

Definicin de la Estructura del

Sitio
Mapas permanentes del Sitio
Se refiere al proceso de crear un rbol de contenido en el que se muestre de
manera prctica cuntas secciones tendr el sitio en desarrollo y cuntos niveles
habr dentro de cada uno.
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 irn incorporando. En este
sentido se debe evitar a toda costa que el rbol de contenidos represente la
estructura de la organizacin, 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 organizacin, primero debern comprender cmo funciona la entidad
para luego encontrar lo que les interesa

Definicin de la Estructura del

Sitio
Mapas permanentes del Sitio

Definicin de la Estructura del

Sitio
Mapas permanentes del Sitio

Definicin de la Estructura del

Sitio
Definicin de los Sistemas de Navegacin
Una vez que se cuenta con los rboles de contenido desarrollados en el
paso anterior, la tarea siguiente consiste en generar los sistemas de
acceso a dichos contenidos en el Sitio Web. A travs de estos, los usuarios
podrn avanzar por sus diferentes reas, sin perderse.
En la generacin de dichos sistemas se debe atender a dos elementos que
sern muy importantes:
Textual: se refiere a que la navegacin se har a travs de elementos concretos, tales
como mens, guas, botones y otros elementos que deben ser claramente distinguibles
dentro de la interfaz.
Contextual: es todo lo referido a cmo se presenta la informacin, utilizando para
ellos elementos basados en texto, grficos o bien de entorno

Elementos de los Sistemas de

Navegacin
Definicin de los Sistemas de Navegacin
Entre los elementos ms relevantes que conforman el sistema de navegacin se cuentan los
siguientes:
Men General: siempre presente en todo el sitio, permite el acceso a cada una de las
reas del sitio.
Pi de Pgina: usualmente ubicado en la parte inferior de cada pgina, indica el
nombre de la institucin, telfonos, direccin fsica y de correo electrnico.
Barra Corporativa: ofrece diversas opciones de informacin respecto del sitio y tal
como el anterior, se muestra en todas las pginas.
Ruta de Acceso: listado que aparece en la parte superior de cada pgina y que muestra
el trazado de pginas que hay entre la Portada del sitio hasta la pgina actual que se
est revisando; cada una de ellas debe tener un enlace, para acceder al rea de la cual
depende la pgina. Cada uno de los elementos que conforman este camino debe
tener un enlace que permita el acceso a esas reas. En la literatura internacional en
ingls sobre este tema, se llama a este elemento como breadcrumbs .

Elementos de los Sistemas de

Navegacin
Definicin de los Sistemas de Navegacin
Entre los elementos ms relevantes que conforman el sistema de navegacin se
cuentan los siguientes:
Fecha de publicacin: para saber la vigencia de publicacin del contenido desplegado.
Botn Home: para ir a la portada
Botn Mapa del sitio: para ver el mapa del Sitio Web
Botn Contacto: para enviar un mensaje al encargado del sitio.
Buscador: presente en cada pgina si es que la funcionalidad existe en el sitio.
Botn Ayuda: para recibir ayuda sobre qu hacer en cada pantalla del sitio.
Botn Imprimir: para imprimir el contenido de la pgina; se espera que el formato
de impresin del documento que se muestra en pantalla sea ms simple que la pgina
normal del Sitio Web, para dar la impresin al usuario de que hay una preocupacin
por ayudarle en la tarea de llevar impreso el contenido.

Definicin del Diseo Visual

Una vez que se ha terminado el trabajo en la estructura, ya se
cuenta con los insumos suficientes como para avanzar hacia la
generacin del diseo visual de las pantallas del sitio, momento
en que se utilizarn todos los insumos que se han ido
generando en las etapas anteriores.
Para ello la recomendacin es trabajar en cuatro etapas
sucesivas e incrementales, que se describen a continuacin:

Definicin del Diseo Visual

Diseo de las Estructuras de Pginas
Esta etapa considera la generacin de dibujos slo lineales que describen los
componentes de cada una de las pantallas del sitio, con el objetivo de verificar la
ubicacin de cada uno de ellos.
El ideal es que se dibujen diagramas con todas las pantallas que tendr el sitio, ya
que de esta manera ser posible que diseadores y desarrolladores tengan un
documento concreto de trabajo, a travs del cual resuelvan todas las dudas de los
elementos que componen esta pgina. Si bien este trabajo es largo y puede resultar
tedioso, su ventaja es que ningn elemento en las pginas queda puesto al azar sino
que responde a necesidades puntuales que se han detectado y que se resuelven por
esta va.
Nuevamente, tal como se plante cuando se estaba presentando el tema de
Estructura en las pginas anteriores, lo ideal es que estos dibujos no tengan ningn
elemento grfico o visual concreto, sino que slo incluyan lneas y bloques que
representen objetos de contenido (como logos, vietas o fotos). Nuevamente, como
en ese caso, el uso de estas imgenes ayudar a que la discusin sobre cada