Guía para Desarrollo de Sitios Web - Gobierno de Chile · En este capítulo se explica cómo...

www.guiaweb.gob.cl > 1

Gua para Desarrollo de Sitios Web - Gobierno de Chile

2 < www.guiaweb.gob.cl


Ministro Secretario General de GobiernoFrancisco Vidal Salinas

Subsecretario General de GobiernoPatricio Santamara Mutis

Coordinador General Gua WebPaulo Saavedra Viollo

Edicin GeneralJuan Carlos Camus Gajardo

Produccin de ContenidosJuan Carlos Camus Gajardo, Paulo Saavedra Viollo

ColaboradoresDaro Riquelme, Ernesto Galaz,Mara Luz Aros Osorio, Aliosha Bertini,Marco Zuniga, Luis Bez,Carolina Cox, Paul Saffery.

Diseo y DiagramacinSilvia Galaz Caas

Diseo y Montaje Sitio WebNelson Rodrguez-Pea

Primera Edicin: Enero 2004Impreso en Santiago de Chile por ANDROS Impresores

Copyright MSGG 2003

Se autoriza la reproduccin total o parcial de este documento. El texto y el materialcontenido son de propiedad del Ministerio Secretara General de Gobierno y puedenser reproducidos en medios impresos, digitales y audiovisuales, citando la fuente. Sesolicita enviar por cortesa aviso va correo electrnico o correo postal [email protected] o en a las oficinas de la Subsecretara General de Gobierno,Palacio de la Moneda, Santiago de Chile.

Copias digitales de esta gua disponibles en: www.guiaweb.gob.cl

Esta Gua responde al Instructivo Presidencial de Gobierno Electrnico y recoge laexperiencia existente en las diferentes reparticiones pblicas, como tambin lainformacin recopilada en la Primera Versin del Premio Web 2002-2003, organizadapor el Ministerio de Economa, Ministerio Secretara General de Gobierno, Proyectode Reforma y Modernizacin del Estado, INTEC y el Centro Nacional deProductividad y Calidad.



Presentacin

En la actualidad la sociedad de la informacin ha dejado de ser slo unaidea y se est convirtiendo en una realidad cada vez ms clara. En los ltimoscinco aos la cantidad de Sitios Web de instituciones de Gobierno se ha duplica-do, mientras el nmero de ciudadanos con acceso a Internet ha crecido en propor-ciones similares. Pero, como en todo orden de cosas, las innovaciones y avancestecnolgicos traen oportunidades y tambin amenazas, y dentro de ellas la deno-minada brecha digital, esto es, el espacio sociopoltico que separa a los sectoresacomodados de los ms desfavorecidos en cuanto al acceso a las nuevas tecnologasde la informacin, lo que constituye una realidad que a escala mundial abruma.Mientras un quinto de la poblacin mundial est emigrando hacia el ciberespacio,integrndose a la sociedad de la informacin, la brecha social se agudiza porcuanto, para muchos, la preocupacin principal sigue siendo la lucha por la su-pervivencia y por el acceso a bienes informacionales bsicos.

Por ello, destacan los cuatro grandes objetivos que se ha trazado el Gobier-no del Presidente Lagos, en la idea de disminuir esta brecha, a saber: a) Colocaral Estado al servicio de las personas y sus organizaciones, incorporando tecnolo-gas para realizar trmites en forma gil y eficiente: b) Elevar la productividad ycompetitividad de las empresas; c) Masificar el uso de las tecnologas y fomentarel desarrollo del gobierno electrnico y d) Capacitar a las personas para la parti-cipacin activa en la sociedad de la informacin. Esto unido al desarrollo depolticas sociales orientadas a la disminucin progresiva de la brecha social.

Estos objetivos gubernamentales se han expresado mediante la puesta enmarcha de polticas concretas, entre las que se cuenta la habilitacin de una graninfraestructura para el acceso a travs del Programa Nacional de Infocentros, laque requiere de un esfuerzo an ms grande, destinado a aumentar la calidad,eficiencia y agilidad de los Sitios Web, que se han constituido como una eficaz redde oficinas virtuales del Estado pero que requieren de un esfuerzo constante pormantenerlos visibles, actualizados, tiles y orientados a la ciudadana.

Esta Gua responde de manera prctica al Instructivo Presidencial de Go-bierno Electrnico (mayo 2001) y recoge la experiencia existente en las diferentesreparticiones pblicas, como tambin la informacin recopilada en la primeraversin del Premio Web 2002-2003 organizado por el Ministerio de Economa,el Ministerio Secretara General de Gobierno, el Proyecto de Reforma y Moderni-zacin del Estado, INTEC y el Centro Nacional de Productividad y Calidad.



En el Instructivo Presidencial se establece la necesidad de garantizarestndares de contenido y calidad de los Sitios Web de Gobierno y el acceso detodos los ciudadanos y ciudadanas a la informacin, servicios, trmites y progra-mas pblicos. Sin duda, se trata de un gran desafo, redoblado por la alta valora-cin que existe en el mundo, en este mbito, respecto de la experiencia del Gobier-no de Chile.

El desafo ha sido construir una Gua que recoja lo mejor de la experien-cia acumulada tanto en el sector pblico como privado y sistematice y difunda elconocimiento sobre el uso eficiente y eficaz de las nuevas tecnologas de comunica-cin e informacin, a travs de la promocin y aplicacin de un conjunto derecomendaciones y estndares de carcter internacional.

El Ministerio Secretara General de Gobierno ha tomado esta iniciativa,entregando un documento de carcter global, que se presenta como una propuestade recomendaciones para el desarrollo de Sitios Web que cumplan con dichosobjetivos.

Esta es una contribucin destinada a apoyar eficazmente a los equipos ypersonas del sector pblico que tienen a su cargo la planificacin, construccin omodificacin de un Sitio Web de Instituciones del Gobierno de Chile. Sin embar-go, este documento tambin se presenta como un instrumento de apoyo que puedeservir para la labor de las organizaciones de la sociedad civil y del sector privado.

La superacin de la brecha digital y la participacin activa en la sociedadde la informacin son retos que deben enfrentarse de manera integral, pensandoen el Chile que estamos construyendo. Por ende, la invitacin es para todos uste-des: a explorar esta Gua, a compartir sus conocimientos y a construir un Estadoal servicio de las personas.

Patricio Santamara MutisSubsecretario General de Gobierno

Enero, 2004



1

ResumenEn este captulo se explica cmo planificar y organizar el proyecto de desarrollode un Sitio Web, para una institucin del Gobierno de Chile.

El captulo aborda todos los pasos que se deben dar en el proyecto, desde lacreacin de un Equipo de Trabajo hasta las tareas de Recepcin del Proyectoterminado, pasando por temas relativos a financiamiento, licitacin einstrumentos para hacer su seguimiento.

Captulo I

Planificacin Inicial de un Sitio Web



Planificacin Inicial del Sitio Web 7Planificacin General del Proyecto 7

Equipo de Trabajo 8

Creacin del Comit Web 8Levantamiento de Necesidades del Servicio 12

Financiamiento del Proyecto de Sitio Web 14

Fuentes Internas de Financiamiento 15Fuentes Externas de Financiamiento 15

Licitacin del Proyecto 16

Bases de Licitacin 17Trminos de Referencia o Bases Tcnicas 18

Licitaciones Pblicas (ChileCompra) 19

Evaluacin y Adjudicacin de Propuestas 19Elaboracin de Contratos de Servicios 20

Instrumentos de Seguimiento 20

Metodologa y Software de Seguimiento 21Reuniones de Control, Minutas e Informes de Avance 23

Recepcin Final del Proyecto 24

Documentacin 24Capacitacin 25

Tabla de Contenidos

1 Captulo I

Planificacin inicial de un Sitio Web



1

Para desarrollar el sitio web de una institucin del Gobierno de Chile, se sugiere comenzarpor dar respuesta a un grupo muy concreto de interrogantes, que permitirn aclarar y defi-nir de manera bsica las expectativas existentes en la institucin en torno al sistema deinformacin e interaccin que se va a generar.

Dichas preguntas son las siguientes:

1. Para qu necesita el sitio web la institucin?2. Para qu necesita el sitio web la comunidad?3. Qu es lo que buscan las personas en mi institucin?4. Qu informacin de la institucin es til para la comunidad?5. Qu imagen de la institucin quiero proyectar en mis usuarios?6. Qu servicios interactivos entregar a travs del Sitio Web?7. Quines pueden ayudarme a realizar el proyecto?

Las respuestas a estas preguntas permitirn dar forma a los siguienteselementos de anlisis:

Objetivo: definir las metas del proyecto; stas deben ser generales yespecficas, con el fin de contar con el mayor detalle posible de lo que sedesea conseguir;Audiencia: hacia qu grupo de personas (uno o ms) estar enfocado elsitio;Tecnologa: qu servicios interactivos se le incorporarn al sitio.

Mientras mayor sea la claridad que haya respecto de estos elementos, el proyecto estar msenfocado y permitir dirigir los recursos existentes a desarrollar lo que efectivamente sedesea conseguir, para atender a los ciudadanos con el mximo de tecnologa que sea posibleadquirir.

Planificacin General del ProyectoEl objetivo de este captulo es definir la forma de enfrentar el desarrollo del sitio web en lainstitucin, y para ello se sugiere avanzar a travs de los siguientes pasos:

Formacin, Coordinacin y Accin del Equipo de Trabajo Levantamiento de necesidades de la Institucin Financiamiento del Proyecto de Sitio Web

A continuacin se entrega una explicacin detallada de cada una de estas actividades.

Planificacin Inicial del Sitio Web



Equipo de TrabajoPara el correcto desarrollo del proyecto de sitio web en la institucin, ser imprescindiblecontar con un equipo de profesionales multidisciplinario que cumpla las tareas quecorrespondan, para ofrecer soluciones adecuadas a los desafos que se irn presentando a lolargo de las etapas que debern cumplirse.Ellos sern los encargados de definir las tareas especficas a realizar y debern estar frente a lasacciones concretas que se comprometan para avanzar, desde la planificacin, hasta la puesta enmarcha del sitio web.Por lo anterior, es necesario realizar una conformacin adecuada de dicho grupo, para lo cual serecomienda dar los siguientes pasos:

Creacin del Comit Web Asegurar la relacin con Autoridades Superiores Definir competencias internas: perfiles requeridos Definir caractersticas de la Contraparte interna


> Creacin del Comit WebEn las instituciones en que se han logrado los mayores xitos en proyectos web, se ha consideradoclave la existencia del Comit Web. Este es un equipo de trabajo multidisciplinario que integralas diferentes visiones de la institucin, generando un grupo de trabajo que interpreta lasnecesidades existentes.

Los integrantes del Comit Web provienen principalmente de las reas degestin, informtica y comunicaciones y en conjunto su trabajo es conseguirvarias metas, entre las que resaltamos las ms importantes:

Comunicar adecuadamente a travs de la institucin, los desafos que seestn asumiendo en materias tecnolgicas.

Conseguir el compromiso de todas las reas de la organizacin con elproyecto que se desarrolla.

Recibir ideas y sugerencias respecto del sitio web que se va a construir,desde los ms diversos planos, aprovechando la visin interdisciplinariadel grupo.

No obstante, as como hay elementos positivos asociados a su accin, igualmente se deben evitarlas caractersticas negativas asociadas a los grupos de trabajo, entre las cuales se incluyen la bajacapacidad de reaccin ante decisiones, la burocratizacin de los procesos y el estancamiento de latoma de decisiones. Pese a ello, los ejemplos positivos de su uso dan cuenta de que con unabuena organizacin y sistematizacin de las decisiones, siempre pesarn ms a favor las ventajasque sus problemas.



> Creacin del Comit Web y sus FuncionesPara que un Comit web funcione adecuadamente se sugiere cumplir con lo siguiente:

Contar con un jefe operacional que se encargue de que el comit funcione dentro de losmrgenes establecidos.

Efectuar reuniones semanales de avance y discusin en las que se planteen tareas deejecucin semanal, con incentivos concretos para su realizacin dentro de los plazos dados.

Desarrollar una poltica de redaccin de minutas de trabajo internas, que permitan irdando cuenta de las promesas adoptadas y su grado de avance y cumplimiento. Enella es imprescindible generar un rea de resumen de tareas realizadas y otra decompromisos en las que se detalle la tarea, su responsable y el plazo comprometido.

Dotar al comit de instrumentos adecuados de trabajo y de poder de decisin efectivopara hacer avanzar el proyecto de acuerdo a las metas que se hayan proyectado.

Entre los integrantes del Comit Web se debera contar a los siguientes:

Director institucional: Es el responsable ltimo por el Sitio Web institucional.Aporta la visin estratgica que entrega los lineamientos para el desarrollo. Supresencia no es necesaria para todas las reuniones, aunque debe refrendar todoslos avances que se vayan realizando.

Director del proyecto: Es el administrador general del proyecto y responsablefrente a la direccin del servicio. Sus tareas principales son: traspasar la visinestratgica organizacional en un modelo conceptual slido y consensuado paraser implementado en Internet. Adicionalmente, debe ser capaz de gestionartodas las instancias involucradas, asegurando la coherencia del equipo con laorganizacin en su conjunto. Finalmente, es el encargado de obtener los recursoshumanos, tcnicos y financieros necesarios, y conocer el funcionamiento delsistema, de manera de poder realizar un control de gestin efectivo.

Gestores de contenido: Son los profesionales que manejan la informacinque se incorpora al sitio, ayudando a definir qu contenidos deben ser usadospara asegurar el cumplimiento de los objetivos del sitio. Trabajan en lageneracin de los mismos, en forma coordinada con las fuentes de informacin.Son responsables, adems, de revisar sistemticamente la actualizacin de lainformacin.

Validadores de contenidos: Desempean esta funcin los directivosinstitucionales que trabajan en estrecha colaboracin con los gestores decontenidos, asegurando la calidad de la informacin a desplegar en el Web.

Validadores tcnicos: Desempean esta funcin los profesionales informticos,asegurando la capacidad de los sistemas para ejecutar lo que se le est pidiendoal proyecto en el Web.



Varios de estos roles no son incompatibles entre ellos y en muchos casos una misma personapuede asumirlos en forma simultnea, dependiendo de las caractersticas de la institucin.Asimismo, es muy probable que el organismo no cuente con el equipo de profesionales requeridosdentro de su personal, por lo que se puede pensar en la externalizacin de ciertas funciones.

> Rol de las Autoridades SuperioresPara que un proyecto de Sitio Web llegue a cumplir los objetivos que se le plantean, debe existiruna decisin central en la organizacin, para otorgarle prioridad en cuanto a recursos humanos,financieros y el tiempo adecuado para su correcta ejecucin.

No podr haber un buen proyecto, si el Directivo Principal no lo avala o si deja de lado suparticipacin en las actividades del Comit Web en que le corresponda participar.

Cabe sealar que, tal como se indicaba en lasrecomendaciones iniciales de este captulo, un sitio webser exitoso en la medida en que cumpla con losObjetivos, Audiencia y Tecnologa definidos previamente.Por ello, se espera que el director de la institucin apoyelas actividades que desarrolle el Comit Web, con lo cualofrecer la nica garanta posible de su correcta ejecucin.Al mismo tiempo, cumplir con los requerimientosexigidos en los instructivos relacionados con el tematecnolgico (como los de Gobierno Electrnico,Participacin y Acceso).

> Competencias Internas: Perfiles RequeridosPara el adecuado desarrollo de un proyecto de Sitio Web, ser indispensable contar conrecursos humanos capacitados, que permitan avanzar con xito en la generacin de lasfuncionalidades requeridas.Dentro de los roles que es importante considerar para el desarrollo de un proyecto, se puedenconsiderar los siguientes:

Web Mster: Profesional encargado de la infraestructura tcnica del sitio y de crear puentesentre la tecnologa y su uso por parte de especialistas no tcnicos.

Encargados de implementar el sitio: Es el rol de programadores, diseadores ycomunicadores, responsables del diseo e implementacin de la herramienta.

Gestores de contenido: Son los profesionales que manejan la informacin que se incorporaal sitio, ayudando definir qu contenidos deben ser usados para asegurar el cumplimientode los objetivos del sitio. Trabajan en la generacin de los mismos, en forma coordinada conlas fuentes de informacin. Son responsables, adems, de revisar sistemticamente la actualizacinde la informacin.

Instructivo Presidencial

de Gobierno Electrnico (2001)

www.gob.cl/pres.html;

www.modernizacion.cl/archivos.htm;

www.modernizacion.cl/legislacion.htm



Es muy importante considerar que dependiendo de la envergadura de un proyecto de sitio webse requerir de profesionales de manera exclusiva o parcial. Si el proyecto es grande se debercontar con personal dedicado especialmente en las fases de desarrollo, prueba e implantacin; siel proyecto es de menor tamao, podr ser abordado de manera parcial por profesionales quecompartan su jornada de trabajo en varias labores.

Otra frmula muy usada es la Licitacin del Desarrollo, mediante la cual se contratan capacidadesexternas a la institucin para la construccin y luego, las internas para la mantencin.

Este sistema ha sido exitosamente usado en diversos proyectos, aunque se debe considerar comoparte importante del proyecto el adecuado traspaso de los conocimientos que se hayan generadodurante la construccin del nuevo sistema al personal de la institucin.

De esa manera, quedar en la propia institucin la informacin y prctica necesaria para trabajarcon las nuevas herramientas que se generen, y de esa manera ofrecer un adecuado mantenimientotcnico una vez que el sitio se haya entregado y est en funcionamiento.

No obstante esta precaucin, y en forma adicional, la institucin debeconsiderar la necesidad de contar con recursos para capacitacin del equipo,dado que estarn trabajando con una tecnologa de alta obsolescencia y rotacin,como es la relacionada con Internet y web.

> Caractersticas de la Contraparte InternaDado que en un punto del tema anterior se mencion la posibilidad de hacer el desarrollo atravs de una contratacin externa, en dicho caso es muy relevante el papel que debe jugar elprofesional que para estos efectos llevar el ttulo de Contraparte Interna.

Sus tareas principales son:

Traspasar la visin estratgica organizacional en un modelo conceptual slido yconsensuado para ser implementado en Internet.

Ser capaz de gestionar todas las instancias involucradas, asegurando la coherencia delequipo con la organizacin en su conjunto.

Gestionar los recursos humanos, tcnicos y financieros necesarios, para el desarrollo delproyecto.

Conocer el funcionamiento del sistema, de manera de poder realizar un control de gestinefectivo.

Mantener una relacin fructfera aunque razonada con los proveedores internos o externos,con el fin de asegurar el cumplimiento de plazos y la entrega de funcionalidades de acuerdoa los compromisos asumidos al inicio del proyecto

Para todos los efectos, es muy adecuado que este papel lo desempee el profesional que previamenteen este captulo fue denominado Director del proyecto dado que es quien se desempea comoadministrador general del proyecto y es el responsable frente a la direccin del servicio.



> Levantamiento de Necesidades del ServicioEl levantamiento de necesidades de la institucin est profundamente relacionado con ladefinicin de los Objetivos que deber cumplir el sitio web que se desea desarrollar.

En este sentido, una propuesta concreta es que una institucin de Gobierno no debe intentarresolver de una sola vez y en un nico proyecto todos las necesidades comunicacionales quees posible atender a travs de un proyecto Web. En cambio, es preferible abordarlas enplanes escalables que permitan ir avanzando en una direccin concreta, con plazos adecuadosy etapas cuyo desarrollo pueda ser evaluado y aprobado en el tiempo.

La etapa de Levantamiento de necesidades del servicio concluye con la redaccin y aprobacinde un Informe de Etapa en el que se den a conocer las conclusiones alcanzadas, con el finde que pueda servir como elemento de especificacin del proyecto a desarrollar. Igualmentedicho documento ser un insumo indispensable en la etapa posterior de elaboracin de losTrminos de Referencia.

Sobre este punto es importante indicar que si el proyecto se desarrollainterna o externamente, es muy importante generar el documento con losTrminos de Referencia, ya que permitir definir de manera clara ycomprensible para todos los involucrados, lo que se espera obtener delproyecto que se vaya a desarrollar. Si licitado externamente, permitirigualmente que quien lo gane sepa con exactitud lo que debe construir.

Asimismo, esta generacin de documentos de referencia, en una etapa tan temprana delproyecto, lleva a poner la atencin sobre lo importante que es documentar cada una, con elfin de que todos los involucrados puedan contar con la misma informacin para actuar demanera coordinada a lo largo del mismo.Para facilitar la tarea de levantamiento de necesidades del Servicio, un buen mtodo consisteen separar el tema en dos reas y atender las caractersticas de cada una. Dichas reas son:

> Definicin de ObjetivosTodo proyecto debe contar con objetivos definidos, contra los cuales pueda medirse laefectividad de las acciones que se desarrollen.

Dentro de ellos, podemos distinguir los objetivos que deben cumplirse por formar partede las definiciones estratgicas del Gobierno y de la institucin. En este sentido, se debenincluir aquellos que hayan sido definidos como polticas generales del Gobierno de Chile,como el Instructivo Presidencial de Gobierno Electrnico.

Asimismo, estarn los objetivos que se quieren cumplir por corresponder a los que lainstitucin haya establecido como propios de su gestin y que hayan sido evaluados yacordados por los profesionales del mismo. Entre esos estarn los que correspondan a lasmaterias propias de la institucin.



Sin importar de cules se traten, para que los objetivos se transformen en metas concretas,lo ideal es especificarlos a travs de verbos activos que den cuenta de las acciones que sedesea emprender. De lo contrario, sern declaraciones ms bien formales de las que serdifcil desprender decisiones o definir tecnologas que puedan apoyar su cumplimiento.

Un ejemplo concreto de este aspecto puede representarse con la frase: Incentivar el envode mensajes electrnicos por parte de los usuarios desde el Sitio Web. Esta aparece conmayor fuerza que una declaracin que slo indique: El Sitio Web propender a ayudar enlas tareas de comunicacin de los ciudadanos con la institucin.

En esta fase es importante realizar uno o ms de los siguientes pasos, quegenerarn la informacin bsica para la toma de decisiones respecto de losobjetivos:

Estudiar la misin y visin estratgica de la institucin: permitirentender cules son las metas objetivas que tiene la entidad y definircon mayor claridad las prioridades de ejecucin de las diferentes partesque pueda tener el proyecto Web.

Estudiar los planes institucionales en ejecucin: ayudar a conocerlas prioridades que tiene la institucin y de esa manera adecuar elproyecto web al cumplimiento de stas.

Investigar los mecanismos de comunicacin interna y los flujos detrabajo actuales de la institucin con el fin de determinar culesdepartamentos estn entregndola y de qu manera.

> Definicin de Servicios InteractivosEsta etapa permite definir, con cierta anticipacin, el tipo de tecnologas que se emplearnpara llevar a cabo los objetivos explicitados en el punto anterior. La intencin en este caso,es que la definicin temprana de lo que se espera conseguir permitir tomar decisionesconcretas en las fases siguientes y de esa manera asegurar que el proyecto se dirija a cumplirlas metas que se hayan diseado.

Para que las funcionalidades puedan ser interpretadas adecuadamente por las tecnologas, esnecesario explicitar de manera concreta cmo ser la experiencia que tendrn los usuariosque ineractuarn con el Sitio Web. Slo de esa manera ser posible que se pueda comprenderadecuadamente el alcance que se tendr y la manera en que se cumplirn los objetivos que seestn indicando para el proyecto.

Es importante considerar que el anlisis que se indica en el punto anterior debe partir de larealidad de la institucin ya que de lo contrario el proyecto se asentar sobre bases pocorealistas. Por este motivo en esta fase es de suma importancia cumplir con una o ms de lassiguientes tareas, que generarn la informacin bsica para la toma de decisiones respecto delas funcionalidades:



Identificar servicios y trmites que se ofrecen al pblico: ayudar a entender culesson las reas institucionales clave y la forma en que estn operando en la actualidad,con el fin de extraer de ellas los insumos de trabajo con que contar la atencin deusuarios a travs del Sitio Web.

Identificar unidades gestoras de informacin: permitir realizar las coordinacionesnecesarias internamente para ver de qu manera el Sitio Web y las operaciones virtualesque puedan hacer sus usuarios, se relacionar con la operacin fsica de la institucin.

Analizar procesos y elaborar diagramas de flujo: permitir entender de manera visibley documentada la forma en que se est operando y ayudar a determinar en qupartes del proceso el Sitio Web puede aportar valor.

Identificar contenidos y procesos que puedan ser publicados: ayudar a definir demejor forma las funcionalidades que se estn detallando, puesto que permitir conocerconcretamente los insumos con que se operar a travs del Sitio Web.

Financiamiento del Proyecto de Sitio WebUno de los temas que genera retrasos en la generacin de proyectos de desarrollo de SitiosWeb, es la carencia de fondos para financiarlos.Como punto de partida en este aspecto, se debe tener en cuenta que el desarrollo de un sitioweb no se diferencia de otro proyecto en la institucin, en cuanto a la necesidad de recursospara su realizacin; esto implica que se debe calcular y estimar el financiamiento necesarioen funcin del modelo conceptual creado para la implementacin del sitio.

Otro elemento de carcter general que puede ayudar en la evaluacin delcosto de desarrollo de un Sitio Web, es que no necesariamente el proyectoms caro es el mejor, puesto que siempre habr la posibilidad de que existantecnologas ms estables o emergentes que ofrezcan relaciones de costo /beneficio mayores.

En cuanto a los recursos financieros, se pueden mencionar los siguientes costos asociados:

Costo de ImplementacinRequerimientos de material informtico como software y hardware adecuados a lasfuncionalidades exigidas al sitio y recursos humanos capaces de llevar adelante el proyecto,esto puede implicar contratacin de personal, capacitacin de personal o gastos porexternalizacin.

Costos de DesarrolloCada etapa considerada en el modelo conceptual del sitio estar asociada a costos de desarrollo.En este sentido es adecuado revisar la posibilidad de implementar el sitio mediante un sistemaescalable, en que el costo de desarrollo pueda dividirse en etapas; de esta manera se evitarun impacto fuerte en el presupuesto.



Costos de Mantencin y ActualizacinImplica gastos en personal, rediseo y ajuste de procedimientos y actualizacin de lainformacin. En este tem se deben considerar los gastos informticos relacionados, como elalojamiento del Sitio Web (hosting) y la conectividad, entre otros.

> Tipos de FinanciamientoDado que todos estos costos implican la asignacin de recursos organizacionales que pordefinicin son escasos, es recomendable al evaluar el desarrollo de un Sitio Web hacer demanera simultnea la definicin de los costos de oportunidad respectivos. Para atender esteaspecto, no se debe considerar los fondos internos como la nica fuente posible. Existendiferentes instituciones del Estado, que permiten el acceso a diversas fuentes que facilitan elfinanciamiento y ante las cuales se pueden postular proyectos.

Dado lo anterior se ha dividido este tema en dos reas:

Fuentes internas de financiamiento Fuentes externas de financiamiento

Fuentes Internas de FinanciamientoSe definen de esta manera todos los sistemas que tiene la propia institucin, para financiarlos proyectos de desarrollo Web que quiera llevar a cabo.

A nivel general la recomendacin es que el presupuesto anual interno, que es revisado por elMinisterio de Hacienda, incorpore todos los proyectos referidos a informtica y nuevas tecnologas,con el fin de que se asignen los fondos que correspondan a las actividades del rea.

En este sentido la recomendacin consiste en hacer clculos adecuados detodos los costos sealados anteriormente, con el fin de que efectivamentese pueda obtener la asignacin para los proyectos que se desarrollenanualmente en la institucin.

Fuentes Externas de FinanciamientoSe incluyen dentro de stas la capacidad de la institucin para obtener fondos de terceros yfinanciar los proyectos de desarrollo web que quiera llevar a cabo.

La lnea que se debe revisar en este aspecto es la existencia de los llamados FondosConcursables que habitualmente existen en el Ministerio de Planificacin y Cooperacin(Mideplan).

A travs de esos fondos, que no tienen limitacin desde el punto de vista de temas a serfinanciados, es posible conseguir recursos frescos para el desarrollo de proyectos. Dentro delos que se pueden presentar y resultan vlidos para obtener financiamiento, se cuentan lasreas de participacin ciudadana, de contacto con organizaciones sociales, hasta sistemas deinformacin a la comunidad o cualquier otra iniciativa que signifique innovacin.



Si bien los fondos tienen reglamentaciones que es necesario conocer y aceptar al momentode postular, se debe indicar que a modo general, dichos fondos tienen restricciones concretasreferidas a que financian proyectos con objetivos especficos y con una duracin determinada,con restricciones en cuanto a la ampliacin de plazos. En ese sentido, es necesario que losproyectos tengan una duracin que est acotada dentro de un ao calendario o bien, que seexplicite su continuacin por un perodo ms. No obstante, se debe revisar la normativaparticular del fondo para ver la forma de funcionamiento.

Licitacin del ProyectoCon el objetivo de obtener una tecnologa ms avanzada, acceder a soluciones informticasen menor tiempo y utilizar adecuadamente los recursos disponibles, las instituciones pblicaspueden hacer licitaciones para que terceros desarrollen el proyecto de Sitio Web.

A travs de stas es posible recibir ofertas concretas respecto de metodologas de desarrollo,tecnologas apropiadas y soluciones informticas completas de acuerdo a los recursosdisponibles; al mismo tiempo permiten obtener una amplia gama de ofertas de precio paradecidir cul puede ser la ms adecuada para el caso.

Para cumplir adecuadamente con un procedimiento de licitacin, es necesario cumplir conlas siguientes recomendaciones:

Establecer las Bases de licitacin Generar los Trminos de referencia o Bases tcnicas Utilizar mecanismos de licitacin Evaluar y Adjudicar Propuestas Elaborar los Contratos

De este grupo, las ms importantes son las dos primeras, debido a quemediante la correcta ejecucin de ellas se establecer el camino por el cualse ir desarrollando el proyecto; cualquier falencia en ambas, har que antelas dificultades que se puedan producir en el proyecto, la institucin nocuente con las herramientas adecuadas para enfrentar la situacin.

A continuacin se entrega el detalle de cada una de ellas:



> Bases de LicitacinConsiste en un documento que normalmente es generado por el rea jurdica de la institucin,en el que se estipula la relacin que existir entre las partes durante el desarrollo del proyecto.Entre los temes que debe abordar se cuenta:

Antecedentes generales: en que se explica en lnea gruesa los motivos paradesarrollar el proyecto.

Calendario de las bases: se refiere a indicar de manera clara cundo se poducirnlos principales hitos de la licitacin, que sern los siguientes:- Consultas y Aclaraciones: indica en qu momento las instituciones participantesen la licitacin podrn hacer sus preguntas para aclarar conceptos de las bases oTrminos de referencia.- Recepcin y Apertura de Propuestas: fecha en que se recibirn y luego se abrirnpblicamente las propuestas recibidas.- Adjudicacin de Propuestas: indica en qu fecha se comunicar el ganador delproceso de licitacin.

Presentacin de las Propuestas: indica cules son las formalidades que se debencumplir para la entrega de las propuestas, explicando de manera clara cul es ladocumentacin que se debe incluir. A modo de ejemplo, si se trata de una personajurdica, se debe sealar que junto a la propuesta se deben adjuntar todos losantecedentes legales de la misma, la que en caso de ser sociedad, requiere de laentrega de escrituras de constitucin, de modificacin, copia de su inscripcin enel Registro de Comercio, y de su publicacin en el Diario Oficial, si procede,certificado de vigencia social, y antecedentes que acrediten la personera delrepresentante.

Evaluacin de las Propuestas: se refiere a la forma en que sern evaluadas lasproposiciones hechas por los diferentes oferentes y los criterios que se utilizarnpara ello. Se puede indicar que se recurrir a una Comisin Evaluadora y sealarquines sern sus integrantes.

Adjudicacin de las Propuestas: explica la forma en que ser comunicada laaceptacin de la propuesta y los pasos que se darn despus de dicha aceptacin.

Plazos: se refiere a los plazos que se indican para que el proyecto haya sidoterminado, dando cumplimiento estricto a sus caractersticas, las que se debieronhaber indicado en los Trminos de Referencia o Bases Tcnicas que acompaan alas bases.

Garanta de Seriedad: indica que el ganador de la licitacin deber establecer unagaranta en dinero en un banco, mediante la cual asegure la seriedad decumplimiento durante el proyecto y respalde su respeto por los plazos contenidosen el mismo. Habitualmente corresponde el 10% del valor de la propuestaeconmica, incluidos impuestos, con un vencimiento superior en 20-30 das alde vigencia del contrato.

Garanta Tcnica: indica que el ganador de la licitacin deber ofrecer un perodo deapoyo una vez entregado el proyecto, con el fin de solucionar problemas operativos ode programacin que impidan el normal funcionamiento del sistema que se ha



desarrollado. Dependiendo de las caractersticas tcnicas del proyecto, dicha garantapuede ir de 45 a 90 das.

Multas: indica las situaciones en las que corresponder descontar, de los pagosrestantes o de la garanta, montos de dinero. Las situaciones en que esto se puedeproducir, corresponde a una de las siguientes:- Incumplimiento o retraso en los plazos de entrega del servicio contratado- No entrega de los productos establecidos en el contrato- Entrega del trabajo en condiciones distintas a las convenidas

Forma de Pago: indica la modalidad de pago que tendr el proyecto; normalmentese estipula un porcentaje al comienzo; otro al alcanzar el 50% de avance y unomayoritario con la entrega conforme final.

Resolucin de Conflictos: se debe indicar de qu forma se zanjarn los conflictosque se produzcan; usualmente se indica en qu tribunal estar la competenciapara la resolucin de los mismos.

> Trminos de Referencia o Bases TcnicasUn segundo documento de importancia en la etapa de Licitacin lo constituyen los Trminosde Referencia (TDR) o Bases Tcnicas. Se trata de un documento en el que se explicita contodo detalle lo que se requiere desarrollar en el marco del proyecto, junto con las condicionesde la entrega y satisfaccin.Para contar con TDR que cumplan con estas caractersticas, se sugiere que incluya al menoslo siguiente:

Objetivo General: indicar qu se espera conseguir con el Sitio Web.

Objetivos Especficos: indicar las metas por rea que se espera alcanzar con elproyecto.

Resultados Esperados: indicar cules deben ser los contenidos mnimos que sedebe incluir en el sitio.

Requerimientos Funcionales: indicar cules deben ser los servicios interactivosque se espera incluir en el sitio.

Requerimientos Tcnicos: indicar las caractersticas tcnicas que debe tener lasolucin informtica que se proponga.

Metodologa: indicar de qu forma y en qu plazos se deben entregar los avancesque se vayan haciendo en el proyecto de desarrollo.

Elementos de la recepcin final: indicar qu elementos sern los que deber entregarel ganador de la licitacin, incluyendo desde el Sitio Web propiamente tal hastaotros elementos de importancia, entre los que hay que destacar los siguientes:- Sitio Web funcionando- Cdigo fuente de todas las aplicaciones construidas- Documentacin completa de todos los elementos del Sitio Web- Elementos grficos del Sitio Web, originales y editables- Capacitacin en todos los elementos necesarios para utilizar en el sitio



La importancia de detallar de manera muy clara cada uno de los elementos,radica en el hecho de que este documento ser la gua que tendr quiendesarrolle el proyecto de sitio web, para ir ejecutando cada una de las partesdel proyecto. Mientras ms detallada se encuentren las explicaciones de lo quese desea obtener en cada punto, mejor ser el cumplimiento que el desarrolladorpodr darle a cada uno y el seguimiento que desde la Institucin se le podrhacer a lo que se vaya construyendo.

> Licitaciones Pblicas (ChileCompra)Para hacer el llamado a la Licitacin de un proyecto de desarrollo de Sitio Web, normalmente sedebe usar el portal ChileCompra.cl, debido a los montos involucrados.De acuerdo a la ley de Compras Pblicas (Ley de Bases sobre Contratos Administrativos deSuministro y Prestacin de Servicios, N 19.886), todos los organismos regidos por la ley 18.575:Ministerios, Intendencias, Gobernaciones y rganos y Servicios Pblicos creados para elcumplimiento de la funcin administrativa, incluidos la Contralora General de la Repblica, elBanco Central, los Gobiernos Regionales y las Municipalidades deben participar en este sistema.Se exceptan las empresas pblicas creadas por ley, las municipalidades y Fuerzas Armadas y deOrden y Seguridad Pblica, para las cuales la ley entrar en vigencia a partir del 1 de enero de2004 y 1 de enero de 2005, respectivamente.La ley explicita que ser obligatorio llamar a licitacin pblica, cuando el monto de la adquisicinsupere las 1000 UTM y que las licitaciones privadas y contrataciones directas debern justificarsea travs de resoluciones fundadas.

Tambin en la ley se precisa aquellos casos en los que se justifica realizar licitaciones privadas ocontrataciones directas, as como las causales para declarar desierto un proceso y el procedimientopara informarlo. Asimismo, establece las causas y procedimientos para modificar o terminar loscontratos.

Es importante considerar que la publicacin enwww.chilecompra.cl, debe contener informacincompleta y oportuna refirindose a los llamados apresentar ofertas, recepcin de las mismas; aclaraciones,respuestas y modificaciones a las bases de licitacin, ascomo los resultados de las adjudicaciones relativas a lasadquisiciones y contrataciones.

> Evaluacin y Adjudicacin de PropuestasComo parte del proceso de licitacin, un elemento que se debe establecer con la debidaanticipacin, es la forma en que la Institucin tomar la decisin de adjudicarla a uno de losproponentes.Para ello es muy importante que se establezca el mecanismo y que ste sea conocido en todos susaspectos, de tal manera que todos los participantes sepan de manera transparente cmo fueronevaluados los participantes y quin haya resultado ganador.

Ms informacin y texto completo de

la Ley de Compras Pblicas en:

http://www.chilecompras.cl
http://www.chilecompras.cl



Por ejemplo, algunos de los criterios y factores que se tendrn en consideracin por parte dela Comisin Evaluadora, pueden ser:

Perfil de los participantes: composicin del equipo de trabajo; experiencia en la materiaobjeto del estudio.

Calidad de la Oferta Tcnica: comprensin de los requerimientos indicados en losTrminos de Referencias o Bases Tcnicas; metodologa de trabajo.

Caractersticas de la Oferta Econmica.

> Elaboracin de Contratos de ServiciosUna vez que se ha hecho la adjudicacin del proyecto de desarrollo es necesario avanzar en laredaccin del contrato, mediante el cual se incluyan todos los elementos que corresponderresguardar mientras se mantenga la relacin de trabajo con el ganador de la licitacin.

Para ello se debe incorporar como elemento de valor en el contrato, todo aquello que indiquenlas Bases y Trminos de Referencia, puesto que en esta etapa las especificaciones que stos contienensern los elementos que permitirn verificar el cumplimiento efectivo del proyecto.

Corresponde que esta etapa de la adjudicacin sea abordada por los encargadosde los temas jurdicos de la institucin; no obstante se recomienda que secuente con la asesora tcnica del Jefe de Proyecto, con el fin de asegurar lainclusin de todos los elementos que sean necesarios para enfrentar unasituacin en la que el proyecto no termine en los trminos que se esperan.

Instrumentos de SeguimientoTan importante como las etapas de planificacin, licitacin y adjudicacin de un proyecto, lo esla de seguimiento del mismo, mediante la cual se realiza la supervisin continua de la ejecucinde las tareas incluidas en el proyecto, con el fin de asegurarse de que se va desarrollando deacuerdo al plan previsto.

En este sentido es importante tener en cuenta que se debe hacer la supervisin en tres planossimultneos, que son los siguientes:

Desarrollo de tareas: revisin de las actividades tcnicas y operativas contempladas en elproyecto;

Revisin de impacto: para definir en qu reas el proyecto est causando problemas ocambios que deben ser abordados;

Factores externos: para mantener la atencin en elementos que no estn necesariamenteligados al proyecto, pero que puedan estar afectndolo.

Gracias a lo que se haga en esos tres planos se podr disponer de informacin actualizada quepermita detectar desviaciones respecto a la planificacin prevista; redefinir la estrategia y direccindel proyecto y tomar decisiones de forma rpida y adecuada para hacer las correcciones que seestimen necesarias.



Con el fin de hacer el seguimiento correspondiente en esos tres planos, se ha considerado necesariopoder utilizar las siguientes herramientas metodolgicas:

Metodologa y software de seguimiento Reuniones de control, minutas e informes de avance

A continuacin se explican estas herramientas.

> Metodologa y Software de SeguimientoPara hacer el seguimiento de un proyecto es necesario contar con alguna herramienta quefacilite el control y permita establecer la relacin de cada una de las etapas con el resto de lasexistentes. De esta manera ser ms fcil descubrir qu etapa est atrasada y afectando a lassiguientes y con ello al conjunto del trabajo.En este sentido surgen dos tcnicas conocidas que son la Carta Gantt y la Malla Pert, queson de utilidad y a travs de las cuales se consiguen los objetivos antes mencionados.

Figura 1: Carta Gantt

Carta Gantt: tambin conocida como Cronograma, es una tcnica de visualizacin deactividades que muestra una secuencia de ellas y para cada una, el tiempo que se requierepara cumplirlas.

Se espera que en una Carta Gantt estn anotadas todas las actividades del proyecto desde elprincipio al fin y se indique la duracin de cada una. En caso de que una actividad searequisito para otra, slo podr comenzar cuando la anterior est terminada. Lo mismo si dosactividades son ejecutadas por la misma persona, se debe indicar que la segunda comenzarcuando la primera ya est terminada.



Las ventajas principales de una Carta Gantt son que permite revisar de manera simple loproyectado versus lo realizado; que es de fcil representacin y rpido aprendizaje y que esfcil de leer. Las desventajas radican en que para los proyectos complejos no muestra lainterdependencia entre actividades y no indica qu actividades pueden atrasarse sin influiren el trmino programado del proyecto.Para crear una Carta Gantt se pueden usar software simples que van desde Microsoft Excel(o cualquier planilla de clculo) hasta Microsoft Project que est orientado precisamente aese tipo de trabajo.

Figura 2: Malla Pert

Malla Pert: su nombre es una sigla que significa Program Evaluation and Review Techinique(Tcnica de Revisin y Evaluacin de Programas) y consiste en una tcnica que permite generaruna red de actividades que muestra la secuencia en que ellas deben ejecutarse. Debido a esto, esposible visualizar en todo momento la existencia de una ruta crtica, que se define como elconjunto de actividades que se realiza de manera secuencial y que al atrasarse o adelantarse en suejecucin, afectar la fecha final de cierre del proyecto.En una Malla Pert deben estar anotadas todas las actividades del proyecto, relacionadas entreellas, mostrando las que son paralelas en su ejecucin y sealando la fecha de inicio y trmino,duracin y encargado de cada una. Adems se debe indicar cules son las tareas que integrarn laRuta Crtica, las cuales debern ser vigiladas directamente, con el fin de no afectar la duracindel proyecto.

Las ventajas principales de una Malla Pert son que permite ver grficamente la secuencia deactividades y su dependencia; que permite ver qu actividades se pueden modificar sin alterar laduracin del proyecto y que muestra cules de ellas son crticas. Las desventajas se refieren a quelas mallas son difciles de entender para alguien no familiarizado; que se debe tener mucha claridadsobre todas las actividades existentes y que se debe conocer muy bien la secuencia de desarrollode cada una y las relaciones entre ellas, antes de hacer cualquier programacin.Para crear una Malla Pert se deben usar software ms complejos, como Microsoft Project.



Otros sistemas: en forma paralela a estas tcnicas de seguimiento, se ha comenzado a ocuparen el desarrollo de proyectos de software ciertos sistemas que permiten el trabajo en grupo,a travs de los cuales es posible mantener una comunicacin permanente entre todos losintegrantes del proyecto, con el fin de transparentar las actividades que se estn desarrollando.

Dentro de ellos destaca el uso de PHPCollab que esun sistema que permite administrar proyectos dedesarrollo de sitios web con trabajo en equipo;administracin de usuarios, tareas y seguimiento deproyectos; seguimiento de la aprobacin de archivos;acceso de cl ientes al s it io del proyecto yadministracin de la relacin con clientes. Estesistema funciona sobre servidores Linux que utilicenPhp / Mysql, PostgreSQL o Sql Server.

> Reuniones de Control, Minutas e Informes de AvanceTal como se debe contar con las herramientas de software para hacer el seguimiento de losproyectos, es necesario que durante el desarrollo haya reuniones de control en las que sevaya revisando el avance de los proyectos.

Estas deben tener una frecuencia semanal y debenestar basadas en la Carta Gantt, con el fin de ircorrigiendo de manera clara los retrasos y problemasque se vayan detectando. Adems, sta ser la nicaforma de evitar que hacia el final del proyecto sedescubra que hay un atraso que haga peligrar sufinalizacin.

Respecto de las Minutas, se trata de documentos escritos en los que se registran los temasque se han abordado en la reunin. El modelo de minuta que se incluye en este captulo fuetomado de un proyecto desarrollado en Corfo y permite establecer con claridad los siguienteselementos:

Tema: Nombre del proyecto y razn de la reunin Fecha y Hora: indicar cundo se realiza la reunin Participantes: las personas que asistieron a la reunin Puntos tratados: de qu se trat la reunin; equivale a la agenda Acuerdos: definiciones y decisiones que fueron tomadas en la reunin Tareas por realizar: quien ejecutar los acuerdos anteriores Prxima Reunin: indicar cundo se har

Vea el Anexo Minuta para Control

de Proyecto en:

www.guiaweb.gob.cl

Ms informacin sobre

PhpCollab en:

http://phpcollab.sourceforge.net/
http://phpcollab.sourceforge.net/



Recepcin Final del ProyectoPara hacer la recepcin final de un proyecto se debe utilizar como lista de tareas lo indicadopor el Contrato, las Bases y los Trminos de Referencia, puesto que en ellos debe estarindicado todo lo que el ganador de la licitacin debera efectuar en el marco del proyecto.

En este sentido, es muy relevante cumplir concretamente con cada uno de los puntos indicadosen dichos documentos, ya que, ante las autoridades contraloras, sern esos documentos losque permitan validar el correcto cumplimiento del contrato.

Para cumplir con los aspectos tcnicos de este punto, se sugiere leer elCaptulo 4 - Puesta en Marcha del Sitio Web en el que se entregan lastareas operativas tendientes a recibir un sistema desarrollado y hacer laspruebas operativas que permitan asegurar que cumple con las caractersticastcnicas que se haban solicitado.

Para la recepcin se debe solicitar al menos lo siguiente:

> DocumentacinEs importante hacer notar que adems de recibir el Sitio Web funcionando y cumpliendocon las tareas que se le haban solicitado, es necesario que los desarrolladores entreguen almenos la siguiente documentacin que debe haber sido solicitada en los Trminos deReferencia:

Cdigo fuente: corresponde a los programas de todas las aplicaciones construidas;debe ser entregado en formato digital y debidamente documentado para entender dequ manera funciona.

Documentacin: corresponde a informes completos respecto de las caractersticas detodos los elementos del sitio web; si se trata de sistemas, debe incluir los manuales deusuario y administrador que permita entender cmo funciona y qu hacer para resolverproblemas; debe ser entregado en formato digital, adems de impreso.

Elementos grficos: corresponde a todas las imgenes del sitio web, para las cuales sepide que sean entregadas en el formato original en que fueron construidas y quepuedan ser editadas, es decir, cambiadas usando el mismo programa. Lo anteriorsignifica que no debe aceptarse que las imgenes sean entregadas en formato GIF oJPG usado en el Siio Web, ya que eso impide su edicin.



> CapacitacinTambin es importante considerar que si el desarrollo de una aplicacin o sitio web lo realizuna empresa externa a la institucin, ser necesario recibir capacitacin para entender cmofunciona. Para ello es indispensable contar con horas de enseanza de parte de losdesarrolladores en dos mbitos:

Capacitacin Administradores: es la que recibe el personal informtico de la instituciny que le permite entender cmo ha sido construido el Sitio Web y la forma demantenerlo, respaldarlo e incluso, mejorarlo. Debe recibir informacin en estos tresaspectos, con el fin de que pueda operar de manera autnoma una vez que hayaconcluido la Garanta Tcnica que haya contemplado el proyecto.

Capacitacin Usuarios: es la que reciben los usuarios avanzados que estarn a cargode la mantencin del Sitio Web y que les permite familiarizarse con todos los elementosque se deban conocer para utilizar el sitio en toda su potencialidad.



2 Captulo II

Definicin del Sitio Web

En este captulo se explica cmo definir los contenidos que se incluirn en unSitio Web y los pasos que se deben dar para desarrollar la estructura de un sitioy su forma.

Esta forma de trabajo constituye una metodologa probada en sitios web pbli-cos, que asegura el xito de las etapas posteriores del proyecto de desarrollo deun Sitio Web.

Resumen



Tabla de Contenidos

Arquitectura de Informacin 29Definicin de Objetivos del Sitio 29

Definicin de Audiencia 30

Cmo se Llega a Establecer la Audiencia? 31Estudiar Escenarios de Uso 32

Definicin de Contenidos del Sitio 32

Agrupar y Etiquetar el Contenido 33Identificar Requerimientos Funcionales 34

Anlisis de Sitios Similares 34

Definicin de la Estructura del Sitio 35Creacin de la Estructura 35

Mapas permanentes del Sitio 36

Definicin de los Sistemas de Navegacin 37Caractersticas de los Sistemas de Navegacin 38

Elementos de los Sistemas de Navegacin 38

Definicin del Diseo Visual 39Diseo de las Estructuras de Pginas 39

Bocetos de Diseo 41

Borradores de Pgina 42Maqueta Web 43

2 Captulo II




2

Arquitectura de InformacinEntre las metodologas ms tiles que tendrn los profesionales encargados de desarrollarun Sitio Web, se contarn las que aparecen descritas dentro de la Arquitectura de laInformacin, que es el conjunto de mtodos y herramientas que permiten organizar loscontenidos, para ser encontrados y utilizados por los usuarios, de manera simple y directa.

La Arquitectura de Informacin estar cumpliendo sus objetivos cuando un usuario entrepor primera vez al sitio y pueda reconocer a quin pertenece el Sitio Web; lo pueda entenderen forma rpida y sin esfuerzo y encontrar la informacin ofrecida fcilmente. Adicionalmenteeso entregar el beneficio de que quienes producen el sitio podrn ubicar la nueva informacinsin tener que crear nuevas estructuras y al mismo tiempo tendrn la libertad de incorporarnuevas iniciativas al sitio sin tener que partir de cero.

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

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


Definicin de Objetivos del SitioA travs de esta etapa se busca definir cules sern los objetivos centrales que deber tener elSitio Web y establecer la forma de cumplirlos.

Se recomienda comenzar por generar un objetivo central y luego definir varios objetivossecundarios; no obstante lo anterior, es importante que estos objetivos sean explicitadosadecuadamente al comienzo del desarrollo, con el fin de que todo el equipo tenga claro elhorizonte que debe tener el proyecto.

Para generar objetivos que sean vlidos y comprensibles, se aconseja escribirlos a travs defrases que se inicien con verbos que expresen las acciones a realizar. Por ejemplo: Recibirpreguntas de los usuarios sobre las actividades de la institucin o Presentar pblicamentelos informes ms importantes de la institucin.




Una forma de llegar ms concretamente a los objetivos, es revisar la visin y la misin de laorganizacin, desde la cual se pueden obtener las claves que permitan definirlos. De msest decir que los objetivos del sitio debern estar en concordancia con las necesidades yplanificacin que haya hecho la institucin en sus planes anuales.

Una de las primeras metas que se debe cumplir consiste en tener presencia en Internet,siguiendo en este sentido el Instructivo Presidencial de Gobierno Electrnico. No obstante,se debe entender como tal la entrega de informacin actualizada de la institucin, ms laproposicin de alguna actividad interactiva, mediante el aprovechamiento del estado actualde la tecnologa. Por ejemplo, ofrecer las respuestas de las principales Preguntas Frecuentesque se reciben en la institucin o entregar la explicacin detallada sobre los principalestrmites, permiten cumplir con la idea de tener presencia, a travs de una propuesta decontenido 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 cincoproposiciones. Este nmero, si bien es arbitrario, se indica como una forma de sealar quelos objetivos no pueden ser tantos como para impedir su cumplimiento; ni tan pocos comopara que el sitio sea poco ambicioso.

De cada uno de estos objetivos se pueden desprender tareas concretas que permitan avanzaren el cumplimiento de ellos.

Definicin de AudienciaUna vez que se ha terminado adecuadamente la etapa anterior con la generacin de losobjetivos del sitio, se debe dar un siguiente paso, que es el de determinar las principalesaudiencias (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 medianosa altos. Sin embargo, hay varias consideraciones que tener en cuenta, al definir qu tipos deaudiencia se atendern desde las pantallas del sitio.

A continuacin se hacen algunas definiciones de audiencia, las que, sin importar lascaractersticas del sitio, siempre debern estar presentes, y por lo mismo, deben traducirseen acciones para poder atenderlas adecuadamente.

Por capacidad fsica: la audiencia del sitio incluir personas con discapacidades fsicas,por lo que una de las metas que debe tener todo sitio del Gobierno de Chile espermitir el acceso de ellos, a travs del cumplimiento de las normas de Accesibilidadque se han recomendado como estndares internacionales. Para hacerlo se deben tomarlas medidas correspondientes en la construccin del sitio, las que se describen en elttulo sobre Usabilidad y Accesibilidad del Captulo 3.



Por capacidad tcnica: la audiencia que llegue al sitio se dividir de acuerdo a laexperiencia tcnica que tenga; por ello se deben plantear acceso simples medianteenlaces y otros ms complejos, por ejemplo, mediante el uso de buscador. Esimportante notar que en Chile desde hace algunos aos se dobla la cantidad depersonas que acceden a la Internet, por lo que cada ao, al menos la mitad de laaudiencia tiene poca o nula experiencia en el uso de Internet.

Por conocimiento de la institucin: los usuarios del sitio se dividirn entre quienesconocen la institucin y quienes no la conocen. Por lo anterior, los primeros siempresabrn dnde buscar lo que necesitan usando la terminologa, siglas y nombres dedepartamentos internos; los segundos, en tanto, no entendern nada de lanomenclatura interna y les ser muy difcil acceder a la informacin que se les ofrezcade esa manera.

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

Por ubicacin geogrfica: dentro de la audiencia siempre habr chilenos que ingresanal Sitio Web desde lugares diferentes a Santiago o incluso Chile, por lo que loscontenidos deben responder tambin a esta diversidad.

> Cmo se llega a establecer la Audiencia?Una de las formas ms concretas de establecer la audiencia que tiene el sitio, es comenzarpor investigar en la propia institucin, para determinar a quines atienden sus diferentesreparticiones. Entrevistar especialmente a los funcionarios que atienden pblico (Oficinade Partes, Secretarias, Oficina de Informacin, Reclamos y Sugerencias (OIRS), Mesas deAyuda, Centrales y Lneas telefnicas 600 y 800) es una frmula que permitir determinarcon bastante exactitud qu est ocurriendo con la audiencia.

Una vez que se ha hecho ese trabajo, es interesante hablar con usuarios quellegan a la institucin y hacerles preguntas muy simples y directas: A qu vino a la institucin? Tiene acceso a Internet? Propio o a travs de Infocentros? Qu tipo de informacin en la Internet le habra evitado este viaje? Qu le gustara ver en el sitio Internet de esta institucin?

De las respuestas que se obtengan, se podr hacer un muy buen resumen detres elementos: Tipos de usuario que se podran atender a travs de Internet Expectativas de los usuarios respecto del sitio Necesidad de informacin de la institucin



> Estudiar Escenarios de UsoOtra de las metodologas ms efectivas, al momento de trabajar en el tema de las audiencias,tiene que ver con la forma en que el equipo de desarrollo responda a dos preguntas:

Cules son las audiencias previstas? Por qu la gente vendr a su sitio?

Al responder la primera pregunta, ser posible determinar hacia quines se deber enfocar el sitioy, por lo mismo, comenzar a tomar decisiones respecto de la forma de navegacin, serviciosinteractivos previstos y otros elementos de despliegue que tendr el sitio.

Al responder la segunda pregunta lo que se busca es que basados en las audiencias posibles, seafactible imaginar los tipos de contenidos que ellos vendrn a buscar al sitio.

En este sentido, la expresin Estudiar escenarios de uso, busca determinar situaciones de usoreales en el Sitio Web, basado en usuarios existentes que puedan llegar al sitio a buscar determinadostipos de informacin.

Por ejemplo, si nuestro Sitio Web se refiere a cotizaciones previsionales, sepuede aplicar el caso don Juan Prez, agricultor de Paine, que quiere saber qupuede hacer para pagar las imposiciones de su AFP en su comuna. Existe enel sitio una respuesta para l? Si llegara al sitio y viera la portada que se hadiseado, encontrara la respuesta a su pregunta?

Al llegar a casos reales de uso del sitio, basado en las audiencias que se haya definido, es posibleestablecer con mucha mayor exactitud cmo esas personas (es decir casos reales) van a usar elsitio. Naturalmente, este tipo de revisiones permiten ratificar o modificar lo que se haya definidopreviamente como contenido del sitio, debido a que muchas veces la planificacin inicial eshecha por personas que conocen la institucin y dan por obvios muchos de los contenidos quepara los usuarios normales no lo son tanto.

Definicin de Contenidos del SitioUna vez que se han identificado los objetivos del sitio y la audiencia, se debe proceder a hacer lasdefiniciones ms concretas que permitan decidir qu contenidos son los que va a tener el SitioWeb que se desarrolle.

Para identificar contenidos, se deben utilizar como insumo los materiales que se hayan obtenidoen la etapa de identificacin de Objetivos y de Audiencias, ya que en ambos la bsqueda gir entorno a las necesidades que tenan los usuarios del sitio.

Para cumplir con una norma general respecto de qu debera contener un sitio, se pueden anotarlas siguientes, como las ms importantes:



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 haceren la institucin; puede incluir una gua de trmites que facilite las acciones de laspersonas que acudirn a la institucin y que considere servicios interactivos parahacerlos desde el Sitio Web.

Novedades de la Institucin: ltimas actividades, noticias, etc.

Viendo esta lista mnima (que crecer en la medida de las necesidades de entrega deinformacin de la institucin), hay que hacer nfasis en que el inters de los contenidosvariar si se trata de un usuario interno o externo.

Por ejemplo, si miramos un Sitio Web desde el punto de vista del usuarioexterno de la institucin, lo que ms le interesar ser la informacinreferida a los trmites, seguida por la que informe acerca de cmo tomarcontacto con la institucin. Si la miramos desde el punto de vista del usuariointerno, lo ms importante ser la informacin de Novedades, seguida porla de organigrama y presentacin interna.

Por lo mismo, es muy relevante que tanto los objetivos como la audiencia del sitio se hayandefinido muy bien en forma previa, porque de lo contrario no habr posibilidad de atendera ambos usuarios de manera adecuada.

> Agrupar y Etiquetar el ContenidoCon las definiciones hechas hasta ahora, llega el momento de poner en prctica lasmetodologas que permiten ordenar los contenidos, agrupndolos en conjuntos coherentesy dndoles nombres que los identifiquen.

Probablemente la mejor tcnica para hacerlo es hacer unas pequeas tarjetas de papel, en lasque se anotan las principales reas de contenido que se hayan detectado y revisado en el pasoanterior. Una vez hecho, las cartas se ponen sobre una mesa y se van agrupando, hastaformar conjuntos de elementos coherentes entre ellos. Luego, a cada conjunto se le pone unnombre (idealmente una sola palabra) que identifique a todos sus contenidos.

Con esas agrupaciones hechas, ya tendremos los elementos adecuados para generarposteriormente el rbol de contenidos que, a su vez, permitir hacer el sistema de navegacin.

Una vez que el proceso de Etiquetado ha concluido, es bueno hacer comprobaciones empricasde la validez de los nombres escogidos. Para ello, se requiere que los elegidos sean mostradosa personas de diverso origen y que conozcan la institucin, como tambin a quienes ladesconozcan por entero. Ellos deben responder las siguientes preguntas:

Qu significa este nombre? Qu tipos de contenidos esperara encontrar en esta rea?



Con las respuestas obtenidas se podr juzgar si los nombres que se han usado son los msadecuados o, bien, hay que introducir modificaciones.

Por ejemplo, dentro de los nombres ms usados para una de las secciones habituales de unSitio Web como es la de informacin corporativa, se cuenta Acerca de, Sobre..., QuinesSomos e Informacin Corporativa.

> Identificar Requerimientos FuncionalesJunto con la bsqueda de las reas de contenido que deber tener el sitio, se debe trabajartambin en la definicin de lo que se busca que el sitio haga, es decir, los tipos de interaccinque se busca incluir.

Dentro de los servicios interactivos ms frecuentes se cuentan las siguientes: Formulario de Contacto para envo de mensajes electrnicos Sistema de envo de una noticia por mail a un amigo Formato de impresin de los contenidos Mapa del Sitio

Dentro de las funcionalidades de mayor complejidad, pero a las que todositio debera aspirar, se cuenta: Buscador interno del Sitio Web rea de acceso privado para usuarios registrados Sistema de envo de boletines de noticias del sitio a usuarios registrados

Ser importante que el sitio cuente con todos los servicios interactivos descritos comomnimos, para ofrecer una mejor experiencia al usuario que lo visita.

> Anlisis de Sitios SimilaresEl ltimo elemento que se debe desarrollar en esta etapa es la bsqueda de otros sitios enInternet que sean similares a nuestra institucin, con el fin de revisar de qu manera hanresuelto los mismos problemas que deberemos atender.

Esta actividad comparativa permitir llegar a las buenas prcticas que es posible adaptar alas necesidades de nuestro sitio, con el fin de asegurarnos mtodos de funcionamiento ydespliegue de contenidos, que sean coherentes con los objetivos que se han planteadoinicialmente.

Es importante que se haga una pauta previa de comparacin, con el fin de saber de antemanocules son los parmetros que se medirn y gracias a eso, optimizar la revisin que se haga(ver ejemplo de Pauta de Comparacin de Sitios Web en Anexo I).



Definicin de la Estructura del SitioUna vez que se ha hecho el trabajo de identificacin de contenidos reseado en las etapasanteriores de este documento, se debe avanzar hacia las definiciones relacionadas con laforma que tendr el sitio que se est desarrollando. Ello implicar trabajar en tres reasconcretas, a travs de las cuales se definir la estructura del sitio, el rbol de contenidos y lossistemas de navegacin que se ofrecer a los usuarios para que avancen a travs de suscontenidos.

Las tres etapas se explican a continuacin:

> Creacin de la EstructuraSe 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 explicadagrficamente ms adelante en este captulo).

Estructura: se refiere a la forma que tendr el Sitio Web en trminosgenerales 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, enla cual aparecen colores, logotipos, vietas, y otros elementos dediseo que permiten identificar visualmente al sitio.

Dado lo anterior, cuando hablamos de la estructura nos estamosrefiriendo bsicamente a cul ser la experiencia que tendr unusuario cuando accede al sitio. De esta manera podremos determinardnde estarn ubicados los servicios interactivos (buscador, sistemasde encuestas, reas de contenidos).

Gracias a la realizacin de esta etapa es posible discutir en trminosmuy prcticos cul ser la oferta de elementos de informacin einteraccin que tendr el usuario. Al no incluir elementos de diseo,se permite que la discusin sobre la estructura se desarrolle en aspectosconcretos, sin que intervengan an consideraciones estticas quehabitualmente atrasan la aprobacin de esta etapa del desarrollo.



> Mapas permanentes del SitioSe refiere al proceso de crear un rbol de contenido en el que se muestre de manera prcticacuntas 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 quecuente con un tronco, ramas y hojas, para mostrar las zonas principales, secundarias ycontenidos finales que se irn incorporando.En este sentido se debe evitar a toda costa que el rbol de contenidos represente la estructurade la organizacin, dado que sta es conocida y comprendida internamente, pero constituyeuna barrera de entrada para usuarios externos. Si ellos llegan a buscar en una estructura decontenidos basada en la forma en que funciona la organizacin, primero debern comprendercmo funciona la entidad para luego encontrar lo que les interesa.

En este sentido se sugiere el uso de dos tipos de rboles posibles, Arbol Organizacional(Figura 1) y Arbol Funcional (Figura 2)

Figura 2: rbolFuncional, agrupa loscontenidos de acuerdo alas tareas que se puedanrealizar dentro del sitio;

Figura 1: rbolOrganizacional:, agrupalos contenidos de lamanera cmo se organizala institucin, pero nobasado en su estructurade funcionamiento, sinoen su lgica de actividad;



Dado lo anterior, las recomendaciones para la generacin de este rbol son las siguientes:

Secciones: se debe intentar que sean las menos posibles, con el fin de concentrar lasacciones del usuario en pocas reas; hay que considerar que cada una de las reas aintegrar en el rbol requerir de mantenimiento posterior en contenidos, grfica yfuncionalidad, lo que encarecer el costo final de operacin del sitio. Dado lo anterior,se recomienda que las secciones se siten entre 5 y 7.

Niveles: se debe intentar que el usuario est siempre a menos de tres clicks delcontenido que anda buscando. Por ello no se debera crear ms de tres niveles deacceso; esto significa una Portada, una Portadilla de Seccin y los Contenidospropiamente tales.

Contenidos relacionados: se debe considerar que habr funcionalidades que estnpresentes en todo el sitio. Entre ellas se incluyen elementos como Buscador, PreguntasFrecuentes y Formularios de Contacto. Se recomienda que este tipo de elementosquede fuera del rbol y floten sobre ste, con el fin de indicar que desde todas laspginas habr enlaces a ellos.

> Definicin de los Sistemas de NavegacinUna vez que se cuenta con los rboles de contenido desarrollados en el paso anterior, latarea siguiente consiste en generar los sistemas de acceso a dichos contenidos en el SitioWeb. 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 muyimportantes:

Textual: se refiere a que la navegacin se har a travs de elementos concretos, talescomo mens, guas, botones y otros elementos que deben ser claramente distinguiblesdentro de la interfaz. Para generarlos se debe conseguir que cada uno de ellos representeclaramente la funcin para la que fueron designados y no dejar lugar a dudas sobre sufuncin ni sobre la accin que desarrollarn al ser usados. Es decir, un botn debeparecer tal y no slo un parche de color sobre la pantalla. Adicionalmente, es muyimportante que las palabras escogidas para indicar acciones, sean claras y precisas. Eneste sentido, si un botn necesita ser explicado, es mejor desecharlo y buscar otrasolucin.

Contextual: es todo lo referido a cmo se presenta la informacin, utilizando paraellos elementos basados en texto, grficos o bien de entorno. Los elementos relevantesen este caso, sern todos aquellos que permiten mostrar la navegacin en la pantalla.Entre ellos, la grfica utilizada, la redaccin de los textos que se muestran e incluso elnombre del dominio (URL) que permitir que el usuario sienta que est en el lugarindicado.



> Caractersticas de los Sistemas de NavegacinAl generar el sistema de navegacin, se deben tener en cuenta las siguientes caractersticas:

Consistente: el sistema debe ser similar en todo el sitio, en lo referido a su ubicaciny disposicin en las pginas. Esto se aplica tambin a aquellas instituciones que puedentener ms de un Sitio Web.

Uniforme: el sistema debe utilizar similares trminos con el fin de que el usuario quelo vea en las pginas, confe en que sus opciones llevan siempre hacia los mismoslugares dentro del sitio.

Visible: el sistema debe distinguirse claramente dentro del sitio, con el fin de que elusuario cuente con l, como si se tratara de una gua permanente en el rea en que seencuentre del sitio.

Se debe tener en cuenta que los buscadores de Internet tienen la capacidadde indexar e incluir en sus bases de datos, cualquier pgina del sitio, an lasms internas. Por ello, es de suma importancia que todas las pginas delsitio cuenten con el sistema de navegacin, especialmente si el Sitio Webest desarrollado con frames (o marcos) que normalmente impiden que seindique claramente en cada pgina la informacin referida a la navegacingeneral. De esta manera, si un usuario accede al sitio por una pgina interiorque estaba indexada en un buscador, siempre contar con las herramientasadecuadas para ir a la portada o realizar cualquier otra accin que le interese.

Elementos de los Sistemas de NavegacinEntre los elementos ms relevantes que conforman el sistema de navegacin se cuentan lossiguientes:

Men General: siempre presente en todo el sitio, permite el acceso a cada una de lasreas del sitio.

Pi de Pgina: usualmente ubicado en la parte inferior de cada pgina, indica elnombre de la institucin, telfonos, direccin fsica y de correo electrnico.

Barra Corporativa: ofrece diversas opciones de informacin respecto del sitio y talcomo el anterior, se muestra en todas las pginas.

Ruta de Acceso: listado que aparece en la parte superior de cada pgina y que muestrael trazado de pginas que hay entre la Portada del sitio hasta la pgina actual que seest revisando; cada una de ellas debe tener un enlace, para acceder al rea de la cualdepende la pgina. Cada uno de los elementos que conforman este camino debetener un enlace que permita el acceso a esas reas. En la literatura internacional eningls sobre este tema, se llama a este elemento como breadcrumbs.



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 (o, de existir, a laOIRS).

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 formatode impresin del documento que se muestra en pantalla sea ms simple que la pginanormal del Sitio Web, para dar la impresin al usuario de que hay una preocupacinpor ayudarle en la tarea de llevar impreso el contenido.

> Definicin del Diseo VisualUna vez que se ha terminado el trabajo en la estructura, ya se cuenta con los insumossuficientes 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 etapasanteriores.Para ello la recomendacin es trabajar en cuatro etapas sucesivas e incrementales, que sedescriben a continuacin:

> Diseo de las Estructuras de PginasEsta etapa considera la generacin de dibujos slo lineales que describen los componentesde cada una de las pantallas del sitio, con el objetivo de verificar la ubicacin de cada uno deellos.

El ideal es que se dibujen diagramas con todas las pantallas que tendr el sitio, ya que de estamanera 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 bieneste trabajo es largo y puede resultar tedioso, su ventaja es que ningn elemento en las pginasqueda puesto al azar sino que responde a necesidades puntuales que se han detectado y que seresuelven por esta va.

Nuevamente, tal como se plante cuando se estaba presentando el tema de Estructura en laspginas anteriores, lo ideal es que estos dibujos no tengan ningn elemento grfico o visualconcreto, sino que slo incluyan lneas y bloques que representen objetos de contenido (comologos, vietas o fotos). Nuevamente, como en ese caso, el uso de estas imgenes ayudar a que ladiscusin sobre cada pantalla se centre en la funcionalidad y no en temas ms subjetivos comocolores o calidad de los elementos de diseo en la pgina.



Un elemento que se debe considerar junto con estos dibujos de estructura, es que en laspantallas que representen transacciones, se debe incluir un diagrama de flujo sencillo,mediante el cual se ejemplifique cules son las interacciones posibles y sus resultados.Naturalmente se deber incluir las pantallas correspondientes cuando sea adecuado.

Figura 3: Estructura de pginas (Wireframe)

Figura 4: Diagrama de Flujo

Gracias a estos diagramas en combinacin con las pginas, tanto diseadores comodesarrolladores podrn tener claro cul es el trabajo que deben realizar en cada una de lasreas del sitio que se estn generando.



> Bocetos de DiseoEsta etapa consiste en la generacin de dibujos digitales acabados de la forma que tendrnlas pginas principales del sitio que se desarrolla, considerando como tales la Portada, Portadade Seccin y Pgina de despliegue de contenidos.

Figura 5: Boceto de diseo



Ms informacin sobre la imagen corporativa del Gobieno en:www.gobiernodechile.cl/material_util.html

Los elementos que se deben tener presentes en esta etapa, son los siguientes:

Imagen Corporativa de la institucin: se deben seguir loslineamientos de uso de colores, textos y otros elementos definidospara la entidad.

Imagen Corporativa del Gobierno: se deben seguir loslineamientos indicados por el Gobierno de Chile en este aspecto.

Criterios de Usabilidad: se deben tener en cuenta los criteriosque se dan a conocer en el captulo siguiente de esta Gua.

Criterios de Accesibilidad: se deben tener en cuenta los criteriosque se dan a conocer en el captulo siguiente de esta Gua.

Para desarrollar los elementos grficos se utilizan como insumos los dibujos de estructuraque se han generado en la etapa anterior.

La idea es que en esta etapa se trabaje en software grfico para facilitar el proceso de correccin,ya que habitualmente habr mucha interaccin con los usuarios.

> Borradores de PginaUna vez que se ha aprobado la etapa anterior, se toman los bocetos de diseo que hayan sidoaprobados y se genera un prototipo (pginas clickeables) mediante el cual se puedacomprobar directamente la forma en que se desempean, cuando se les aplica la tecnologaHTML de construccin de pginas web.

La intencin de esta etapa es usar el diseo de pantalla que se ha creado, contando conenlaces reales que permitan ver la forma de usar sus atributos (cada enlace tiene los estadosde Enlace, Flotante, Activo y Visitado) y revisar la forma en que se despliegan las pginasque se van a desarrollar.

Adicionalmente, en esta etapa ser posible hacer la comprobacin efectiva del peso de laspginas una vez construidas y se podrn optimizar los elementos que queden fuera de normapor peso o tamao.



> Maqueta WebEs la etapa final y consiste en generar todo el sitio en tecnologa html utilizando imgenes ycontenidos reales (figuras 6, 7 y 8).

En el caso de un sitio esttico, esta etapa corresponder a la construccin del sitio. En elcaso de un sitio dinmico, las pginas que se generen permitirn que el diseador genere lasplantillas de trabajo y el desarrollador de software las utilice como elementos para introducirla programacin que sea necesaria para la creacin del sitio.

Es importante considerar que todas las tareas y actividades incluidas en esta etapa puedenser abordadas por un diseador que tenga experiencia en diseo web. Esto debe ser parte delos requerimientos solicitados a las empresas proveedoras de este tipo de servicios.

Figura 6: Borrador de Portada

Figura 7: Borrador Segundo Nivel

Figura 8: Borrador Tercer Nivel



3 Captulo III

Diseo Web y Estndares

Resumen

En este captulo se explica la importancia de realizar un diseo de las pginas delSitio Web de acuerdo a normas estndares y a la importancia que se le debe concedera la experiencia que tiene el usuario que lo visita.

Incluye adems informacin de buenas prcticas sobre accesibilidad y para administrarla retroalimentacin proporcionada por los usuarios, adems de metodologas pararealizar pruebas de usuarios orientadas a mejorar el sitio.



Tabla de Contenidos

Diseo para el Acceso Rpido 47Buenas Prcticas 47

Normas Mnimas para Facilitar el Acceso Va Conexin Telefnica 471. Peso de las Pginas 472. Diagramacin de las Pginas 483. Uso de Presentaciones en Flash 504. Uso de Marcos o Frames 515. Uso de Imgenes de background 526. Uso de meta tags Adecuados 52

Normas para Incorporar Elementos Grficos y Multimediales 53Interoperabilidad 54

Estndares Internacionales 54Diseo para la Accesibilidad 55

Buenas Prcticas 57Estndares Tcnicos Recomendados 57Estndares Internacionales 58

Diseo de la Experiencia del Usuario 58Desarrollo de Diagrama de Interaccin 58Principales Actividades a Desarrollar en el Sitio 59Pruebas de Sistemas e Interfaces 60

Pruebas Heursticas 61Pruebas de Usabilidad 62

Cmo atender a los Usuarios 63Sistemas para Generar Feedback 63Formularios del Sitio 64Boletines de Noticias y Novedades 65Sistemas para Recibir y Administrar Mensajes de Usuarios 66

Oficina de Informacin, Reclamos y Sugerencias (OIRS) 67Oficina de Partes 68rea de Comunicaciones 68rea de Informtica 68

3 Captulo III

Diseo Web y Estndares



3

Diseo para el Acceso RpidoUna de las caractersticas que hace tan popular a la tecnologa web es su facilidad para mostrarcontenidos de manera grfica y para vincular de manera fcil documentos de diferentes orgenes.No obstante, para que esta simpleza pueda darse efectivamente, es necesario que quienes desarrollansitios y contenidos en esta plataforma, cumplan con ciertos estndares que aseguren que la mayorparte de los usuarios podrn ver lo que se publica.

Para ello, es de suma importancia que los sitios que se construyan cumplan efectivamente conciertas caractersticas de publicacin que permitan conseguir dos objetivos muy concretos:

Que las pginas se desplieguen rpidamente y sin dificultades tcnicas en los computadoresde los usuarios;

Que las pginas puedan ser visualizadas por los usuarios de la misma manera en que susautores las han construido.

Para conseguir ambos objetivos, es necesario que quienes construyan los sitios web hagan uso deun conjunto de buenas prcticas que se han obtenido de la experiencia en la construccin de estetipo de contenidos digitales, y tambin, que se aseguren de cumplir con estndares mundiales eneste mbito, los que

Guía para Desarrollo de Sitios Web - Gobierno de Chile · En este capítulo se explica cómo...

Documents

Transcript of Guía para Desarrollo de Sitios Web - Gobierno de Chile · En este capítulo se explica cómo...