Modelado y Evolución de Portales

1. Modelado y Evolución de Portales Oficina de Innovación Gubernamental Estatal Gobierno del Estado de Sonora Enero 2010

2. Valor Estratégico Modelado y Evolución de Portales La presente metodología pretende clarificar el conjunto de actividades orientadas al análisis, conceptualización y diagnóstico de modelos y arquitecturas aplicables a sitios web de gobierno.

3. Valor Estratégico

4. Etapas 1.-Diagnóstico 2.-Conceptualización 3.-Arquitecturas 4.-Pruebas 5.-Implantación y Guías

5. Metodología 1. Diagnóstico • Evaluación contextual del proyecto • Revisión de mejores prácticas (Benchmarking). • Investigación y análisis del público objetivo. • ¿Cómo va evolucionar nuestro portal actual? • Pruebas de usuario. • Entrevistas, encuestas, estadísticas. • Diagnósticos de usabilidad, accesibilidad y percepción de marca.

6. Metodología 2. Conceptualización • Desarrollo de Modelo Conceptual a través de: • Identificar expectativas y áreas de oportunidad a través de dinámicas. • Desarrollo de Visión y Misión del Portal. • Definición de objetivos generales y particulares. • Etapas y propuesta de evolución del portal. • Participación de los distintos especialistas involucrados (perfiles). • Producto coherente a necesidades Gobierno/Usuario.

7. Metodología 3. Definición de Arquitecturas Arquitectura de información: para ayudar a los usuarios a encontrarla y administrarla eficiente y satisfactoriamente. Arquitectura visual: que permita identificar arquitectura de información, imagen institucional, giro de servicios ofrecidos, e incorpore lineamientos de usabilidad. Arquitectura de aplicaciones: modelado de las aplicaciones y recursos tecnológicos acordes al modelo conceptual del portal. • Primera maqueta del portal (definición preeliminar de arquitecturas). • Retroalimentación con cliente/usuarios. • Ajuste de la maqueta. Recomendaciones: Optimizar espacios utilizando gráficos y aplicaciones desplegables y/o rotatorias, NO SATURAR DE TEXTO.

8. Arquitectura de Información Principales perfiles Las funcionalidades del portal deben permitir que los contenidos y servicios estén agrupados semánticamente alrededor de los perfiles.

9. Arquitectura de Información Estructura de Navegación General

10. Arquitectura de Información

11. Arquitectura de Información Ejemplo de Municipio Digital

12. Arquitectura Visual Ejemplo de Ciudad Digital

13. Ejemplo de Municipio Local Digital Barra de Herramientas por perfiles (Desplegable) Buscador Registro Cabecera con imagen En todas las páginas con link a página de Inicio Noticias Desplegables Videos Redes Sociales Proyectos cerca de ti • Menú Rotatorio: • Atención Ciudadana • Denuncia a Funcionaros • Sugerencias y Propuesta • Portal de Transparencia • Menú Rotatorio de Trámites y Servicios: • En línea • Ciudadanos • Empresarios Vocaciones Encuestas y Opiniones (Desplegable) • Menú Desplegable: • Nums. de emergencia Calendario de Eventos Banners Pie de Página

14. Ejemplo de Ciudad Digital Cabecera con foto según la vocación del municipio (Siempre visible y con liga a Inicio) Herramientas (Siempre Visibles) Inicio de sesión desplegable Secciones Subsecciones desplegables Secciones mas usadas con ligas Foto rotativa con Información de la foto. Actividades mas usadas Información Gral. del Municipio Perfiles de usuarios Calendario de eventos Liga al portal institucional Pie de Pagina Actualizaciones recientes de Secciones

15. Metodología 4. Pruebas Diseño y ejecución de pruebas de usabilidad • Dinámicas y grupos de enfoque. • Cuestionarios con tareas y búsquedas de información específicas. • Navegación y registro del usuario sobre prototipos. • Conclusiones y líneas de acción para ajustar arquitecturas.

16. Metodología 5. Implantación y guías Diseño y ejecución de pruebas de usabilidad • Desarrollo de plantillas HTML, elementos gráficos optimizados para Web, hojas de estilo, archivos multimedia, etc. • Implementación sobre herramientas Web. • Documentación de guías de estilo e imagen corporativa del portal. • Pruebas y liberación.