Rediseo del sitio web de una biblioteca parlamentaria

1
Exposición METODOLOGÍA PARA EL REDISEÑO DEL
SITIO WEB DE UNA BIBLIOTECA PARLAMENTARIA Exp
ositor Sr. Felipe Almazán Tepliski Coordinador
Desarrollo de Sistemas Servicios Digitales
BCN Santiago, Junio de 2005
2
Agenda

• Introducción
• Objetivos del Proyecto
• Antecedentes Generales
• Problemática
• Marco Conceptual
• El diseño
• Evolución
• Conclusiones

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
3
1. Introducción

• Nuevo equipo Directivo (2003) BCN, plantea
  modernizar aspectos sustantivos del servicio.
• Rediseñar el sitio web institucional,
  modernizarlo y hacerlo útil, con el objeto de
  transformarlo en un canal de comunicación directa
  con el quehacer parlamentario y ciudadano.
• Equipo de proyecto investiga métodos para lograr
  el objetivo
• Producto de lo anterior, nace este proyecto

Sra. Soledad Ferreiro Serrano Directora
Biblioteca del Congreso Nacional de Chile Foto
Memoria Anual 2003
Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
4
2. Objetivos

• OBJETIVO GENERAL
• Proponer una metodología para el rediseño de un
  sitio web, basados en la conjunción de los
  conceptos fundamentales a conocer para enfrentar
  adecuadamente el proyecto, y la experiencia del
  caso de éxito BCN.
• OBJETIVOS ESPECÍFICOS
• Realizar una selección de técnicas y
  metodologías orientadas al desarrollo de sistemas
  y proyectos web.
• Establecer un marco metodológico que sirva de
  guía a los profesionales de la informática para
  enfrentar adecuadamente este tipo de proyectos.
• Proporcionar las herramientas que permitan al
  responsable de proyecto llevar a cabo la
  documentación de cada etapa.

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
5
3. Antecedentes generales Acerca de la
Biblioteca del Congreso Nacional de Chile (BCN)

• BCN servicio común del Congreso Nacional.
  Fundada en 1883, se rige por la ley 18.918.
  Cuenta con sedes en Santiago y en Valparaíso.
• Clientes
• Parlamentarios y funcionarios sustantivos CN
  (80)
• Comunidad jurídico-legislativa del país (20).
• Centro de información y asesoría especializada al
  parlamentario, y espacio de interacción social
  con la ciudadanía.
• El sitio web registraba al 2003 125.000 visitas
  promedio anual (342 visitas día) y 4 millones de
  páginas impresas.

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
6

• Antecedentes Generales
• Diagrama BCN sobre Gestión de la información y
  Arq. Tecnológica

Gestión del conocimiento
Servicios y Productos de información
Sistemas de información asociados
Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
7
Marco Conceptual Consideraciones

• 4. Problemática
• Punto de contacto virtual (Web) requiere rediseño
  según nueva estrategia
• la BCN se debe aparecer en el quehacer del
  parlamentario y ciudadano
• Grupo multidisciplinario, varias ideas y
  requerimientos
• Se requiere una visión unificadora y una gestión
  de proyecto que articule resultados
• Evaluar lo existente, descartar lo innecesario y
  establecer subproyectos, hitos y entregables.
• Cumplir con las normas estándares del www e
  Internet (Referentes mundiales)

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
8
5. Marco Conceptual Visión macro del
proyecto

• Análisis de la Situación Actual Modelo de
  negocios, Arquitectura TI, Procesos y RRHH
• 2. Análisis de Requerimientos Producto
• 3. Diseño Investigación Metodologías Candidatas
  Diseño centrado en la experiencia del usuario
• 4. Construcción Activación Desarrollo del
  Producto - Activación
• 5. Evolución Mantención y Mejoramiento Contínuo
• 6. Análisis de la Experiencia Retroalimentación

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
9
5. Marco Conceptual
1) El modelo de Jesee James Garret
Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
10
5. Marco Conceptual
2) Principios Directrices Ubicuidad,
Visibilidad, Contenido, Estética y Fidelidad

• 3) Usabilidad como elemento central
• Encontrabilidad
• Accesibilidad

4) Modelo de desarrollo del software espiral
Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
11

• 6. El Diseño
• El Modelo de Jesee James Garret (Diseño
  Centrado en la Experiencia de Usuario)

FORMULA LAS PREGUNTAS INICIALES Superficie Cómo
se verá el producto visualmente? Esqueleto Qué
componentes permitirán a la gente usar el
sitio? Estructura Cómo se unirán y comportarán
las piezas del sitio? Alcance Qué elementos
deberá incluir el sitio? Estrategia Qué
queremos lograr con el sitio? Qué quieren
nuestros usuarios?
Concreto
Abstracto
Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
12
I. Estrategia
Objetivo General Web BCN un espacio que permita
integrar a la comunidad, con el quehacer del
parlamento chileno, facilitando la difusión de la
labor legislativa y entregando valor al proceso
de formación de la ley.
Qué queremos lograr con el sitio? Qué quieren
nuestros usuarios?

• 1. Determinación del modelo de negocio
• Determinación Productos y Servicios
• Clientes y Usuarios

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
13
I. Estrategia
Qué queremos lograr con el sitio? Qué quieren
nuestros usuarios?

• Descubrimiento del Cliente y de los Usuarios
  (Audiencia)
• Planificación del proyecto
• Presupuesto
• Programa de trabajo
• RR.HH.

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
14
II. Alcance
Qué elementos deberá incluir el sitio?
1. La formulación de los Requerimientos a)
Pruebas Heurísticas b)
Pruebas de usabilidad del sitio actual 2.
Auditoria del contenido existente 3.
Investigación e intuición nuevas funcionalidades
Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
15
III. Estructura
Cómo se unirán y comportarán las piezas del
sitio?
Diseño de Interacción a) Creación de personas
b)
Creación de Escenarios
Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
16
IV. Esqueleto
Qué componentes permitirán a la gente usar el
sitio?
Consideraciones

• Diseño de interfaz análogo a la realidad

• Usuario controla la interfaz

• Agrupación de contenidos por
• comportamiento usual de navegación

• Guías para la navegación (Breadcrums)

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
17
IV. Esqueleto
Qué componentes permitirán a la gente usar el
sitio?
Información corporativa
Wireframe del sitio original
Wireframe del sitio resultante
Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
18
V. Superficie
Cómo se verá el producto visualmente?

• Trabajo de los diseñadores gráficos
• Balancear adecuadamente lo que la empresa quiere
  transmitir como imágen (Conceptualización
  gráfica)
• Resguardar los estándares normas gráficas
  corporativas
• IT Estandarizar diseños creativos según normas
  W3C, Sitios emblemáticos

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
19
7. Evolución (Fidelización de clientes)

• Análisis de usabilidad
• Pruebas de usabilidad permanentes
• Análisis de LOGs
• "Minería de Uso Web

Felipe Almazán Tepliski
Metodología para el rediseño del sitio web de una
biblioteca parlamentaria
20
8. Conclusiones

• El trabajo presentado pretende contribuir con una
  guía de trabajo efectiva para los profesionales
  en TI que enfrentan proyectos de rediseño de
  sitios web, evitando la improvisación y
  desviaciones del objetivo final.
• Herramientas presentadas
• Definen entregables por hito a cumplir en el
  proyecto
• Mejora y aclara la relación entre los diferentes
  actores presentes en el proyecto
• Asegura el adecuado balance entre ideas,
  requerimientos y avances efectivos durante la
  ejecución del proyecto.

21
8. Conclusiones

• Producto de este trabajo www.bcn.cl
• Refleja y se sienten reflejados en él diferentes
  intereses de actores del proyecto directivos,
  responsables de servicios e informática.
• Procesos definidos aseguran continuidad de
  contenidos y perfeccionamiento de P y S.
• El sitio web cumplió la expectativa de estrechar
  la relación y el contacto con los parlamentarios
  y ciudadanía
• Contribuyó efectivamente al desarrollo de la
  Transparencia y difusión de la labor legislativa
  en el país.
• 4. Punto de vista personal
• Desafío profesional con alta satisfacción para
  quien expone
• Alta satisfacción en los usuarios
• Cifras concluyentes
• 2004 78.000 visitas promedio x mes, 934.000
  visitas año
• 2005 82.000 visitas promedio x mes a la fecha

22
Referencia Bibliográfica
1. The Elements of User Experience User-Centered
Design for the Web, Jesse James Garrett, New
Riders, Edición 2003 2. Information Architecture
Blueprints for the Web, Christina Wodtke, New
Riders, Octubre 2002 3. Information Architecture
for the World Wide Web Designing Large-Scale Web
Sites, Louis Rosenfeld, Peter Morville, O'Reilly
Associates 2da Edición Agosto 2002) 4. Don't
Make Me Think A Common Sense Approach to Web
Usability, Steve Krug, Roger Black, Editorial
Que, Edición Octubre 2000 5. H. N. Koch.
Comparing Development Methods for Web
Applications. Ludwig-Maximilians-University
Munich, Institute of Computer Science
Oettingenstr. 67, 80538 München, Germany.
2000. 6. The Art and Science of Web Design, by
Jeffrey Veen New Riders Press 1 edition
(December 28, 2000) 7. Software Engineering, Ian
Sommerville, Pearson A.W., 7th edition (2004) 8.
Usabilidad Diseño de Sitios Web, Jacob Nielsen,
New Riders, Edición 2000 9. Texto Vivo. Escribir
para la web, Jonathan Price y Lisa Price,
Prentice Hall, edición 2002 10. Escribir para la
Web, Crawford Kilian, Ediciones Deusto S.A.,
Edición 2001 11. Mapas de Sitio Web, Paul Kahn y
Krzysztof Lenk, Index Book. 12. Palabras
E-lectrónicas, Steve Morris, Prentice Hall. 13.
Los Conquistadores de Internet, Christopher
Price, Prentice Hall 14. Diseño de Sistemas
Interactivos, Jef Raskin, Addison Wesley. 15.
Contenidos Web, Mai-Lan Tomsen, Prentice Hall 16.
Paper Prototyping, Carolin Snyder, Morgan Kaufman
Publisher, Ed. 2003. 17. Fidelidad en la Red,
ellen Reid Smith, Editorial Norma, Ed. 2002