Administracion Web

MANUAL D E LI N EA M I EN TO S W EB
Para Sitios de Internet del Gobierno del Distrito Federal
Preparado por la Dirección Ejecutiva de Procesos, Servicios y Atención Ciudadana COORDINACIÓN GENERAL DE MODERNIZACIÓN ADMINISTRATIVA - Contraloría General, Gobierno del Distrito Federal 2009 - 2012

PAG 1

CONTENI D O
MAPA MENTAL DEL CONTENIDO Sección I: Introducción IMPORTANCIA DE LOS SITIOSWEB DEL GDF Introducción al Manual de Lineamientos WEB. Sección II: Planeación del Sitio ANTES DE DISEÑAR Definir la visión y los objetivos del sitio Web. Definir el público objetivo. Equilibrar la demanda del usuario y la oferta institucional. Clasificar la información de manera correcta, eficiente y clara. Redactar los contenidos de forma clara, sencilla y concisa Revisar que la información delsitio sea fidedigna. Actualizar la información de manera permanente. Evitar la duplicidad de información. Incluir espacios para la Atención Ciudadana. Evitar un sitio Web excesivamente dinámico. Sección III: Lineamientos de Identidad Institucional APLICANDO LA IMAGEN DEL GDF Imagen institucional de la Ciudad de México. • Introducción a la imagen institucional. • Los coloresinstitucionales. • La tipografías institucionales. • Goudy Old Style • Dear Joe Four • Asociación de dependencias y entidades con la imagen institucional del GDF. 5

6 8

10 8 8 9 8 8 8 8 8 8 8

10 11 12 12 12

13

PAG 2

CONTENI D O
Dominio de Internet del Gobierno del DF Sección IV: Lineamientos de Arquitectura de Información ESTRUCTURANDO LA INFORMACIÓN Fundamentos de la arquitectura deinformación. Árbol de contenidos. Temas y perfiles de usuario. Sección V: Lineamientos de Estructura AJUSTANDO LOS DETALLES Resolución de pantalla. Estructura o layout. • Página principal. • Página índice. • Página interior. 26

27 29 30 31

39 36 36 37 37 38



Sección VI: Lineamientos de Interfaz Gráfica LA ÚLTIMA ETAPA Página principal del sitio. •Encabezado o header. • Menú principal de navegación. • Espacio institucional. • Espacio de transparencia. • Notas y promocionales. • Accesos directos a contenidos de cada sección. • Espacio del ciudadano > Atención Ciudadana. • Espacio del ciudadano > Evaluación Ciudadana. • Espacio del ciudadano > Participación Ciudadana. • Pie o footer.

39 40 41 41 42 43 44 45 46 47 48 49

PAG 3CONTENI D O
Índice de canal o sección. • Identificador de sección. • Temas o contenidos relevantes de sección. • Lista completa de temas y contenidos de sección. • Programas relacionados a la sección. • Espacio del ciudadano > Participación Ciudadana. Contenido externo. • Encabezado o header para contenido externo. • Disclaimer. • Página del sitio externo. Bannerspublicitarios. • Banner y fotos en la portada principal. • Fotos de índice de sección. • Banner genérico / estándar del sitio. Elementos de navegación. 49 49 50 51 55 56 56 57 57 60 61 62 62 63 64



Sección VII: Lineamientos de Contenidos LA GENTE NO LEE UNA PÁGINA, LA ESCANEA Características principales de los contenidos. Elementos a considerar para la creación de contenidos.Imágenes. Palabra clave. Formato y estructura. Consistencia. Redacción. Lenguaje. Dispositivos. Archivos descargables. Referencias a sitios externos.

66 67 68 69 70 71 72 73 74 75 76 77

PAG 4

MA PA M ENTAL DEL C ON T E N ID O

Introducción

Introducción al Manual

Definir la visión y los objetivos del sitio Web Definir el público objetivo Equilibrar la demanda del usuario y la ofertainstitucional Clasificar la información de manera correcta, eficiente y clara

Planeación del Sitio

Redactar los contenidos de forma clara, sencilla y concisa Revisar que la información del sitio sea fidedigna Actualizar la información de manera permanente Evitar la duplicidad de información Incluir espacios para la Atención Ciudadana Evitar un sitio Web excesivamente dinámico Introducción a...