Reunión del proyecto de modernización

y estandarización de sitios Web

Vicent Ramon Palasí Lallana, Ph. D.

ITIGES
 Índice
• 1. Introducción.

• 2. La estructura de navegación común.

– 2.1. Estructura modelo.
Repaso de la estructura modelo.
Preguntas frecuentes.
Documentos útiles
– 2.2. Adaptación a cada institución.

• 3. La plantilla.
 Índice
• 1. Introducción.

• 2. La estructura de navegación común.

– 2.1. Estructura modelo.
Repaso de la estructura modelo.
Preguntas frecuentes.
Documentos útiles
– 2.2. Adaptación a cada institución.

• 3. La plantilla.
 Objetivo de esta capacitación
• Complementar la capacitación que dimos el
pasado 28 de octubre:
– Porque tuvimos que reducirla a la mitad.
– Porque han aparecido nuevos materiales que pueden
ser útiles.

• ¿Para qué? Para acompañarlos en el proceso que

están desarrollando hasta el 2 de diciembre.
 El proceso que tienen que implementar hasta el 2 de
diciembre
• Consta de tres partes íntimamente
relacionadas:
– El cumplimiento de los 23 estándares.
– La implementación del sistema de navegación
común.
– La implementación de la plantilla, para las
instituciones que así lo han decidido.
 De la implementación de los estándares
• Hay poco que decir, pues fue lo que más se
explicó la otra vez.

• Sólo decir que hay documentos que les

pueden ser útiles para dos estándares
concretos:
– La política de seguridad y privacidad.
– ¿La carta de Derechos?
 Nos quedamos con las dos últimas partes

• Los 23 estándares.

• El sistema de navegación común.

• La plantilla.
 El sistema de navegación consta de dos partes

• Los 23 estándares.

• El sistema de navegación común.

– La estructura de navegación.
– Los mecanismos de navegación.

• La plantilla.
De los mecanismos de navegación (barras, etc) ya lo dijimos
todo

• Los 23 estándares.

• El sistema de navegación común.

– La estructura de navegación.
– Los mecanismos de navegación.

• La plantilla.
 Sólo quedan dos cosas de qué hablar

• Los 23 estándares.

• El sistema de navegación común.

– La estructura de navegación.
– Los mecanismos de navegación.

• La plantilla.
 Los dos aspectos de que hablaremos
• La estructura de navegación.

• La plantilla.

• Cada uno de los aspectos:

– Explicación.
– Dudas.
 Índice
• 1. Introducción.

• 2. La estructura de navegación común.

– 2.1. Estructura modelo.
Repaso de la estructura modelo.
Preguntas frecuentes.
Documentos útiles
– 2.2. Adaptación a cada institución.

• 3. La plantilla.
 La estructura de navegación consta de dos partes

• La estructura modelo (la misma para todas las

instituciones).

• La adaptación a cada institución.

 Índice
• 1. Introducción.

• 2. La estructura de navegación común.

– 2.1. Estructura modelo.
Repaso de la estructura modelo.
Preguntas frecuentes.
Documentos útiles
– 2.2. Adaptación a cada institución.

• 3. La plantilla.
 La estructura modelo
• Es el punto de partida para crear la estructura
de la institución.

• Después se debe adaptar según los criterios

que daremos después.

• Sólo la repasaremos pues la vimos con detalle

en la anterior capacitación.
 Índice
• 1. Introducción.

• 2. La estructura de navegación común.

– 2.1. Estructura modelo.
Repaso de la estructura modelo.
Preguntas frecuentes.
Documentos útiles
– 2.2. Adaptación a cada institución.

• 3. La plantilla.
Primer nivel
 Cada nivel corresponde a una pregunta del ciudadano
• Institución. ¿Quiénes somos?
• Servicios. ¿Qué ofrecemos?
• Temas. ¿Qué le interesa?
• Novedades ¿Qué hay de nuevo?
• Contáctenos. ¿Cómo contactarnos?
• Ayuda. ¿Cómo usar esta Web?
Institución
Esquema general de Servicios
 Temas: una estructura peculiar

• ¿Cuál sera tema 1, tema 2, etc?

• Ver preguntas frecuentes en la Guía para definirlos.
• Proyectos: los proyectos e iniciativas que forman parte de este tema o
subtema, si los hay.
• Preguntas frecuentes sobre el tema o subtema.
• Servicios: enlaces a los servicios más relevante sobre este tema (de forma
secundaria, pues están ubicados de forma primaria en Guía)
• Calendarios. Contiene los calendarios para el ciudadano.
• Avisos: Novedades relacionadas con plazos (convocatorias, fechas
límite) para trámites, concursos o cualquier otro asuntes
• Eventos: Novedades relacionadas con eventos.
• Noticias: Otras novedades.
 Contáctenos

• En la página de portada de Contáctenos, debe haber:

• Contactos virtuales (e-mail, información de redes
sociales, etc).
• Contactos físicos: teléfono y dirección postal.
 Ayuda

• Ayuda Web: Ayuda sobre el Web: sistema de navegación, secciones, forma

de interactuar, etc.
• Búsqueda: Mecanismo de búsqueda, definido en los estándares.
• Mapa: Mapa del sitio definido en los estándares.
• Glosario: Términos del área de la institución.
• Política Web: Contiene el documento de política de privacidad y seguridad.
 Índice
• 1. Introducción.

• 2. La estructura de navegación común.

– 2.1. Estructura modelo.
Repaso de la estructura modelo.
Preguntas frecuentes.
Documentos útiles
– 2.2. Adaptación a cada institución.

• 3. La plantilla.
 ¿Cómo decidir los temas de cada institución?
Hay varias estrategias útiles.
• Identificar los intereses del ciudadano en la
institución. Un tema responde a un interés o
grupo de intereses similares.
• Identificar los diferentes tipos de ciudadanos que
reciben asistencia de la institución.
• Identificar áreas de trabajo que cubre la
institución.
• Clasificar las funciones de la ley desde el punto
de vista del ciudadano.
 Para saber si un tema está bien definido :
• ¿Si un ciudadano está interesado en una información o
servicios de este tema, es probable que esté interesado
en el resto de informaciones y servicios?
• El número de temas no debería ser mayor a 10 y si
recomienda que no sea mayor de 5.
• Si hay subtemas (no se recomienda), cada tema debería
tener como máximo 5 subtemas.
• Se prohíbe expresamente la definición de subsubtemas.
¿Dónde se colocará la información de cada Departamento de
la institución?
• Si trata sobre el funcionamiento interno.
– Institución > “Estructura organizativa” > Subsección
del Departamento

• Si trata sobre servicios y trámites, en “Servicios”.

• El resto se colocará en “Temas”.

– En el tema que se refiere su contenido.
 ¿Dónde se colocan los documentos? (Adobe, Word)
• Si son publicaciones periódicas.
– “Novedades” > “Publicaciones”.
• Si no son:
– Si son sobre el funcionamiento interno
• “Institución”, > “Marco institucional” > “Informes”
– Si son sobre servicios y trámites, en sección
"Servicios"
– El resto en
• “Temas” > Tema a que se refiere > “Documentos”
 ¿Dónde se colocan los archivos multimedia?

• Sobre el funcionamiento interno

– “Institución” > “Marco institucional” > “Multimedia”
• Sobre servicios y trámites, en “Servicios”.
• El resto en
– “Temas” > Tema a que se refiere > “Multimedia”
 ¿Dónde se colocan los elementos Web 2.0 (foros, redes
sociales, etc?
• Si tratan sobre el funcionamiento interno
– “Institución” > “Marco institucional” > “Conversaciones”.
• Si son sobre servicios y trámites, en “Servicios”.
• Si sirven para preguntar a la institución
– “Contáctenos” > “Consultas”.
• Si sirven para discutir políticas de gobierno
– “Contáctenos” > “Participación ciudadana”.
• El resto en
– “Temas” > Tema a que se refiere > “Participación
ciudadana”
¿Qué diferencia hay entre noticias, avisos y eventos?

• Avisos. Su desconocimiento por el ciudadano

produce efectos negativos para él mismo o
para la institución.
• Eventos. Noticias que organiza o participa la
institución.
• El resto en noticias.
 Dónde se coloca un servicio en línea?
¿En “Guía” o en “En línea”?

• La ubicación primaria es en “Guía”

• La secundaria en “En línea”.

 Índice
• 1. Introducción.

• 2. La estructura de navegación común.

– 2.1. Estructura modelo.
Repaso de la estructura modelo.
Preguntas frecuentes.
Documentos útiles
– 2.2. Adaptación a cada institución.

• 3. La plantilla.
 Para implementar la estructura de navegación
• Hay algunos documentos que pueden ser
útiles, si no necesarios.
 Primer documento útil
• El documento de política de navegación
estándar.

• Esta es la "Biblia":
– Todos los otros documentos son sólo partes de
éste.
– Se les evaluará por lo que dice ese documento.
– Deberían leerlo.
 Primer documento útil
• Partes del documento de política más importantes.
• Estructura modelo:
– La descripción de la estructura modelo (apartado 3.2.2).
– El procedimiento de decisión (apartado 3.2.2). Este es
un algoritmo muy detallado que dada una información,
explica en qué página de la estructura modelo se debe
colocar .
– Las preguntas frecuentes (3.2.3) sobre la estructura
modelo.
• La adaptación de la estructura modelo a cada
institución (apartado 3.3).
Todos menos el procedimiento de decisión se
encuentran resumidos en esta presentación
 Segundo documento útil
• Esta presentación.

• Sirve para dar un repaso general de la Guía

PERO NO ES SUFICIENTE.
 Tercer documento útil
• El procedimiento de decisión ejecutable.

• Es la traducción del procedimiento de decisión de

la Guía a un formato ejecutable.

• Ejemplos:
– Mapa del sitio.
– Los datos de los proveedores.
– El nuevo documento de política de la institución del
nuevo Gobierno.
 Más documentos útiles

– La política de privacidad y seguridad.

– La carta de derechos estándar.

– Pueden usarlos o no. Pero se les da como un

recurso.
 Y por supuesto…
• La plantilla.

• La plantilla les permite implementar partes

(no toda) la estructura de navegación sin
ningún esfuerzo adicional.
 Índice
• 1. Introducción.

• 2. La estructura de navegación común.

– 2.1. Estructura modelo.
Repaso de la estructura modelo.
Preguntas frecuentes.
Documentos útiles
– 2.2. Adaptación a cada institución.

• 3. La plantilla.
 Cada institución es diferente
• La estructura modelo es el punto de partida pero
no es la estructura de navegación final de cada
institución.

• Cada institución deberá adaptarla a sus

necesidades.

• Obviamente, no cualquier adaptación es válida.

 Cuando debemos adaptar la estructura modelo
• La institución tiene menos información que la
estructura modelo.
– Hay que eliminar páginas de la estr. modelo.
• La institución tiene más información que la
estructura modelo.
– Hay que añadir páginas de la estr. modelo.
 La mayoría de instituciones
• Deberán añadir páginas en unas partes de la
estructura modelo.

• Deberán eliminar páginas en otras partes de la

estructura modelo.

• ¿Qué criterios hay que cumplirse para

adaptarla?
 Adaptar la estructura de navegación

• 1. Eliminar páginas.

• 2. Añadir páginas.
 Adaptar la estructura de navegación

• 1. Eliminar páginas.

• 2. Añadir páginas.
 Criterios para eliminar
páginas
• Si la página está en el
nivel 1 no se puede
eliminar.
• Si la página está en el
nivel 2 se puede
eliminar, pero no se
recomienda.
• En niveles 3 o
superiores, se puede
eliminar SI SE
CUMPLEN LOS
OTROS REQUISITOS
 Criterios para eliminar
páginas
• Si la página cumple
con los niveles, no
se puede eliminar
si la información
está en el sitio
Web.
• Si la información
está en el sitio
Web debe ir en esa
página y no en otra
parte.
 Criterios para eliminar
páginas
• Si la página
cumple con los
niveles y la info
no está en el sitio
Web, se puede
eliminar la
página.
 Adaptar la estructura de navegación

• 1. Eliminar páginas.

• 2. Añadir páginas.
 Añadir página
• Ninguna página
se puede añadir
en nivel 1 o 2

• Se pueden añadir
en niveles 3 o
superior.
 Añadir página
• Si cumple con los
niveles, no se puede
añadir si su
información puede
añadirse a una
página de la
estructura modelo.
• Si la info de la página
puede ir en la
estructura modelo,
irá allí y no se
añadirá ninguna
página.
 Añadir página
• Si cumple los dos
anteriores requisitos
hay una última
pregunta.

• ¿La página sigue los

principios que hemos
visto?

• Si cumple este
requisito junto con
los dos anteriores, se
puede añadir.
 Principio 1.
• Cada página Web debe tener una y solo una ubicación
primaria.

• Aunque una página puede estar enlazada desde

diferentes partes del sitio, debe haber una ubicación
coherente con la página:
– El rastro de navegación.
– Las barras de navegación.
– El mapa del sitio.
– El diseño del sitio.
– El contenido.
 Principio 2.
• La estructura de navegación del Web debe ser
fundamentalmente jerárquica.

• Es decir, debe tener forma de árbol.

 Una estructura de navegación aceptable

Portada

Institución Noticias Servicios Directorio

Filoso-fia Organi- Institucional Econó- En línea Fuera línea Funcionario Autoridades

grama micas s

Misión Visión Actua-les Archi-vo Públi-cos Inter.-nos Institución Departamento

s
 Una estructura de navegación no aceptable
Portada

Institución Noticias

Filoso-fia Organi- Institucional Econó-

grama micas
 Principio 3.
• Las páginas del sitio Web se clasifican en la estructura
canónica de navegación según su contenido.

• No sobre su diseño, su formato o su importancia.

• Ejemplo:
– Un foro sobre la gripe H1N1 va junto con un Powerpoint
sobre la gripe H1N1 y una página Web de la gripe H1N1.
– Va separado de un foro sobre las unidades de Salud.
 Principio 4.
• La agrupación por contenido se hará desde el
punto de vista del ciudadano.

• El ciudadano y el funcionario tienen criterios

diferentes sobre similitud de contenidos.

• Por ejemplo, el funcionario puede considerar dos

contenidos iguales pues son proporcionados por
una misma estructura organizativa.
 Principio 5.
• Todos los elementos no Web de la institución
se integran en la estructura de navegación del
sitio Web.

• Elementos no Web
– Protocolos no HTML: e-mail, FTP, etc.
– Formatos multimedia: Audio, video, etc.
– Elementos Web 2.0: Foros, blogs, Twitter, redes
sociales, wikis, etc.
 Principio 5.
• Todos esos elementos deben estar ubicados
en una página del sitio Web.

• El sitio Web debe ser el punto central con el

que el ciudadano puede acceder a todos los
elementos que tiene la institución en Internet.
 Principio 6.
• Las páginas sobre el funcionamiento interno
de la institución deben estar claramente
separadas en la estructura de navegación del
resto de páginas.

• Estas son las páginas que menos interesan al

ciudadano y son las predominantes
actualmente en los sitios Web
gubernamentales.
 Principio 7.
• Todas las informaciones que tienen una vigencia
no permanente deben agruparse juntas.

• Es decir, las informaciones que cambian

frecuentemente, como noticias, deben estar
ubicadas juntas.

• Esto facilita la actualización del sitio Web,

eliminando páginas obsoletas.
 Principio 8.
• La estructura primaria de navegación se basa
en la estructura modelo y la extiende por los
procedimientos aceptados.
Dudas (sobre todo)
Más dudas (sobre todo)
 Índice
• 1. Introducción.

• 2. La estructura de navegación común.

– 2.1. Estructura modelo.
Repaso de la estructura modelo.
Preguntas frecuentes.
Documentos útiles
– 2.2. Adaptación a cada institución.

• 3. La plantilla.