�
� � �� � � � �� � �
Usabilidad y accesibilidad en el nuevo portal web del Ayuntamiento de Madrid
Usabilidad Usabilidad Usabilidad y accesibilidad y accesibilidad y accesibilidad en el nuevo portal web del en el nuevo portal web del en el nuevo portal web del Ayuntamiento de MadridAyuntamiento de MadridAyuntamiento de Madrid
D. Gral. Desarrollo de Tecnologías de la Información
Área de Gobierno de Hacienda
y Administración Pública
����
Página 2
���� ����
Usabilidad y accesibilidad en el nuevo munimadrid.es
mun
imad
rid
EL PROYECTO
UN NUEVO MUNIMADRID.ES
Página 3 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� El nuevo portal > situación de partida
munimadrid.es: parte de la estrategia multicanal (Línea Madrid) que aúna la atención presencial, telefónica y telemática EL PROYECTO: UN NUEVO MUNIMADRID Se partía de: � Base de Datos de Atención al Ciudadano �Gran cantidad de información disponible �Amplia experiencia en Internet Los contras: �Falta de un plataforma adecuada �Diversidad de soluciones técnicas �Dificultad de implantación de nuevos requerimientos �Limitaciones un usabilidad y accesibilidad
Página 4 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ����
Enfoque global:
�Gestión integrada de contenidos y documentos
�Integración de contenidos y servicios
�Incorporación de entornos de colaboración
�Arquitectura común para Internet e intranet
�Plataforma corporativa
Participación de todo el Ayuntamiento:
�Desconcentración de la gestión de contenidos
�Portal corporativo y portales sectoriales
Nuevas funcionalidades:
�Boletín electrónico, RSS, PDA, etc.
Destinado al ciudadano:
�Usabilidad
�Accesibilidad
El nuevo portal > objetivos del proyecto
Página 5 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ����
Nuevo portal intranet: Ayre
Servicios básicos de Administración electrónica
Nuevo portal web: munimadrid.es
El nuevo portal > parte de una estrategia global de Administración electrónica
Página 6
���� ����
Usabilidad y accesibilidad en el nuevo munimadrid.es
usab
ilida
d
¡No me hagas pensar! Primera norma sobre la usabilidad de Krug
Página 7 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ����
Definiciones de la Organización Internacional para la Estandarización (ISO):
� La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso" (ISO/IEC 9126)
� “Usabilidad es la eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico" (ISO/IEC 9241)
Meta del nuevo munimadrid:
� Convertirse en un sitio de referencia para un público masivo, deseoso de estar informado, conocer las actividades de su ciudad y con necesidades concretas de relacionarse con la administración municipal mediante servicios electrónicos que le proporcionen la posibilidad de realizar trámites vía electrónica con agilidad, sencillez, rapidez y total seguridad
Usabilidad > definición y meta
Página 8 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ����
� ¡No me hagas pensar! En la medida de lo posible, cuando se mire una página web ésta ha de ser obvia, evidente, clara y fácil de entender.
� No importa el numero de veces que hay que hacer clic en algo si la opción es mecánica e inequívoca
� Elimine la mitad de las palabras en todas las páginas y luego deshágase de la mitad de lo que quede
Usabilidad > Normas de Krug sobre la usabilidad
Página 9 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ����
¿Cómo usamos realmente la web?
� No leemos las páginas; las hojeamos
� No tomamos soluciones óptimas. Nos es suficiente
� No averiguamos el funcionamiento de las cosas. Nos las arreglamos
Claves de diseño
� Creación de una jerarquía visual en cada página
� Aprovechamiento y uso de la convenciones
� División de las páginas en zonas claramente definidas
� Dejar bien claro lo que se puede hacer con un clic
� Minimizar el ruido
Fuente: No me hagas pensar, Steve Krug
Usabilidad > Algunas pistas
Página 10 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ����
El contenido es el elemento principal de atención del usuario
� Diseño de la interfaz basado en el contenido
� Máximo espacio de la pantalla para el contenido:
objetivo el 70%
� Calidad de los contenidos y buenas prácticas
de redacción
� Experiencia visual óptima
Máximas facilidades de acceso
� Acceso sencillo y ágil a los contenidos y servicios
� Diversidad de vías de acceso
� Potenciación de las opciones de búsqueda: el
50% de los usuarios navegan haciendo búsquedas
� Rastro de posicionamiento que permita el registro
de visitas habituales
Usabilidad > presentación de la información > criterios
Página 11 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ����
Usabilidad > presentación de la información > la nueva página de inicio
Organización Temática Sencillez en el acceso a gran volumen de información de acuerdo a una clasificación temática, más significativa para el ciudadano que la estructura orgánica municipal.
Acceso directos permanentes Atención al Ciudadano, Portal del Contribuyente, Información de Distritos y otras webs de la ciudad
Instalaciones y Servicios Acceso rápido la información relativa a los equipamientos municipales y de la ciudad, de interés para el ciudadano, incluyendo su localización en el mapa.
Imagen homogénea en todo el portal y cabeceras gráficas específicas por sección Elementos de navegación comunes, mantenimiento de rastros, etc
Página 12 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ����
Usabilidad > presentación de la información > la nueva página de inicio
Buscador Sistema de búsqueda simple y avanzada a todos los contenidos del portal
Acceso temporal a destacados Hasta cinco espacios, contextuales a las páginas para enlazar directamente con contenidos, servicios o secciones consideradas de interés para el ciudadano
Administración Electrónica: Información y acceso a trámites municipales y de la ciudad
Acceso permanente a las utilidades de uso habitual y secciones principales
Medios de Comunicación y Actividades de la ciudad El carácter informativo del portal se trasmite focalizando el acceso central a los titulares de la notas de prensa y su enlace con el Portal sectorial de Medios de Comunicación.
Página 13 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Usabilidad > arquitectura de la información
Clasificación multidimensional de los contenidos:
� Cada contenido es descrito por un número determinado de atributos o propiedades (categorías) y sus propios metadatos.
� Se definieron cinco grandes “dimensiones” o categorías de clasificación:
� ámbito geográfico (pertenencia a distritos)
� procedencia orgánica (áreas de gobierno)
� temática (medio ambiente, vivienda, hacienda, etc)
� tipos y subtipos de contenido (actividades, noticias, publicaciones, etc)
� colectivo de usuario destinatario del servicio (jóvenes, contribuyentes, etc)
Permite:
� Acceso a un contenido siguiendo diversos
� caminos de navegación o búsqueda
Se consigue:
� Mayor posibilidad de acceso al contenido
� Satisfacción del usuario
Página 14 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Usabilidad > arquitectura de la información
procedencia orgánica
destinatario
tipología ámbito geográfico
ambito temporal temática
Unidades de información: Estructura:
Ejemplos:
piscina municipal de peñuelas ámbito geográfico: arganzuela procedencia orgánica: Coordinación Institucional (D.G. Deportes) ámbito temporal: junio-septiembre tipología: ficha temática: deportes, ocio destinatario: todos
convocatoria certamen jóvenes creadores ámbito geográfico: madrid procedencia orgánica: Empleo y Servicios a la Ciudadanía (D.G. Educación y Juventud ámbito temporal: enero-abril 2005 tipología: ficha temática: cultura destinatario: jóvenes
Página 15 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Usabilidad > importancia de las búsquedas
Diversos buscadores
�Simple y avanzado
�General y específico
Página 16
���� ����
Usabilidad y accesibilidad en el nuevo munimadrid.es
acce
sibi
lidad
Página 17 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > limitaciones y discapacidades
Muchos usuarios operan en contextos limitados:
� Pueden no ser capaces de ver, escuchar, moverse o procesar algunos tipos de información
� Pueden tener dificultad en la lectura o comprensión de un texto
� No tienen por qué tener o ser capaces de usar un teclado o un ratón
� Pueden tener una pantalla que sólo presenta texto, una pantalla pequeña o una conexión lenta a Internet
� Pueden no hablar o comprender con fluidez el idioma en que esté redactado el documento
� Pueden encontrarse en una situación en la que sus ojos, oídos o manos estén ocupados u obstaculizados (Por ejemplo, conduciendo un automóvil, trabajando en un entorno ruidoso,...)
� Pueden tener una versión anterior del navegador, un navegador completamente diferente, un navegador de voz o un sistema operativo distinto.
Página 18 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > limitaciones y discapacidades
La discapacidad es algo muy normal:
En España más de 3,5 millones de personas (un 9% de la población) sufre algún tipo de discapacidad según la Encuesta sobre discapacidades, deficiencias y estado de salud de 1999[1].
Estas personas pueden navegar por Internet con técnicas de navegación asistida como display braille, lectores de pantalla por síntesis de voz o vídeo ampliadores. [1] www.discapnet.es/solo_texto/Documentacion/Estadistica/
Las personas sin discapacidad también pueden tener limitaciones:
�Quienes sufren una incapacidad transitoria (por ejemplo, un brazo roto)
�Personas de edad avanzada.
�Usuarios con dificultades para acceder a la Web (por ejemplo, una conexión lenta)
Página 19 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > definición y objetivo
Definición de accesibilidad:
La accesibilidad a la web es el conjunto de elementos que permiten que personas con algún tipo de discapacidad puedan hacer uso de la Web: percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos.
Normativa legal
�LEY 51/2003, de 2 de diciembre, de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad
�LEY 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio electrónico (LSSICE)
Las Administraciones Públicas adoptarán las medidas necesarias para que la información disponible en sus respectivas páginas de Internet pueda ser accesible a personas con discapacidad y de edad avanzada de acuerdo con los criterios de accesibilidad al contenido generalmente reconocidos antes del 31 de diciembre de 2005
Objetivo del Ayuntamiento para munimadrid
Cumplir con el nivel WAI-AA de accesibilidad en todos los contenidos
Página 20 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > las pautas de accesibilidad a contenidos web
La Iniciativa para Accesibilidad de la WEB (WAI) del consorcio W3C publica las Pautas de Accesibilidad al Contenido en la Web (Web Content Accessibility Guidelines, WCAG) y una lista de comprobación de conformidad.
1. Proporcione alternativas para los contenidos visuales y auditivos.
2. No se base sólo en el color.
3. Utilice marcadores y hojas de estilo y hágalo apropiadamente.
4. Identifique el lenguaje natural usado.
5. Cree tablas que se transformen correctamente.
6. Asegure que las páginas que incorporen nuevas tecnologías se transformen correctamente.
Página 21 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > las pautas de accesibilidad a contenidos web
7. Asegure al usuario el control sobre los cambios de los contenidos tempo-dependientes.
8. Asegure la accesibilidad directa de las interfaces incrustadas.
9. Diseñe teniendo en cuenta diversos dispositivos.
10. Utilice soluciones provisionales.
11. Utilice las tecnologías y pautas W3C.
12. Proporcione información de contexto y orientación.
13. Proporcione mecanismos claros de navegación.
14. Asegure que los documentos sean claros y simples.
Página 22 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > las pautas > puntos de verificación y niveles de adecuación
Puntos de verificación
� Se asocian a cada una de las pautas
� Cada punto tiene asociado un nivel de prioridad
� Prioridad 1: es un requerimiento básico para que algunos grupos pedan usar los documentos web
� Prioridad 2: con su cumplimiento se eliminan importantes barreras de acceso a los documentos web
� Prioridad 3: mejora la accesibilidad de los documentos web
Niveles de adecuación
� Referencia del grado de accesibilidad
� Nivel A: se satisfacen todos los puntos de verificación de prioridad 1
� Nivel doble A: se satisfacen todos los puntos de verificación de prioridad 1 y 2
� Nivel triple A: se satisfacen todos los puntos de verificación de prioridad 1, 2 y 3
Página 23 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > recomendaciones y técnicas
� Definición de texto alternativo
� Utilización de hojas de estilo
� Confección adecuada de tablas
� Formularios accesibles
� Estructuración mediante encabezados
� Definición de tipo de documento
� Textos adecuado para los hipervínculos
� JavaScript accesible
� Utilización de metadatos
� Tecnologías y pautas W3C
En el desarrollo: seguir las instrucciones
Página 24 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > visión global de los componentes esenciales
www.w3c.org
Página 25 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > auditoria > metodología
Realización para una muestra de páginas:
� Análisis de las páginas con los distintos navegadores:
� Activar y desactivar imágenes para verificar la existencia y adecuación del texto alternativo de cada una de ellas.
� Desactivar las hojas de estilo (CSS), y comprobar que la página no pierde contenido.
� Extraer la lista de encabezados para verificar que el contenido se estructura correctamente.
� Activar y desactivar scripts y plugins. El sitio debe proporcionar la misma funcionalidad y acceso a la información.
� Aumentar y disminuir tamaño de letra. El formato de la página debe ser tal que permita aumentar el tamaño de la fuente presentada.
� Análisis de hipervínculos
� Validación del código empleado
Página 26 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > auditoria > herramientas
Navegadores
� Al menos tres navegadores Barras de herramientas de accesibilidad
� Web Accesibility Toolbar
� Web Developer – Firefox Extension Ayudas técnicas
� Lectores de pantalla de personas ciegas (Jaws, Window Eye, ...)
� Modificadores de pantalla para personas deficientes (Magic, Zoomtext. ...)
� Programas de reconocimiento de voz (Dragon Naturally Speaking, ...) Herramientas automáticas
� Para validar gramáticas formales:
� Hojas de estilo: jigsaw. w3c.org/css-validator/
� Validación de código: validator.w3c.org
� Para detectar incumplimiento de pautas de accesibilidad:
� TAW, Pista Accesibilidad, Bobby, ...
Página 27 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > auditoria > portales de capitales de provincia
Realizado por el Observatorio de Infoaccesibilidad de Discapnet (mayo 2006)
� Iniciativa de la Fundación ONCE y el FEDER
�Metodología de Technosite (Fundación ONCE)
� www.discapnet.es
Análisis técnico de accesibilidad (WGAC):
� Cumplimento medio: 25%
� Más del 50%: Pamplona, Ceuta y Castellón
� Entre 25% y 50%: Barcelona, Murcia y Lugo
� Madrid: 24,49%
Valoración de usabilidad y accesibilidad de los usuarios
� Cumplimento medio: 55,77%
� 65% o superior: Castellón, Teruel, Pamplona, Madrid y San Sebastián.
Página 28 Ayuntamiento de Madrid D. G. de Desarrollo de Tecnologías de la Información
���� ���� Accesibilidad > auditoria > el nuevo munimadrid
Auditoría de accesibilidad del nuevo munimadrid.es
� Realizada por Technosite (entidad dependiente de ONCE)
� Verificación de las pautas de accesibilidad
� Utilización de herramientas y técnicas de revisión automáticas y manuales
� Certificación en enero de 2007 del nivel AA de accesibilidad
� Comentarios adicionales del auditor:
� El Ayuntamiento de Madrid ha realizado un gran esfuerzo para incorporar los requisitos de accesibilidad a su sitio web.
� Si se repitiese el Observatorio de Infoaccesibilidad de Discapnet sobre Ayuntamientos, Munimadrid.es mejoraría notablemente su posición, pasando de un 25% a un 100% de accesibilidad.
Página 29
���� ����
Usabilidad y accesibilidad en el nuevo munimadrid.es
idea
s cl
ave
MUNIMADRID •Parte de una estrategia global de Administración electrónica •Todo el Ayuntamiento aporta contenidos y servicios •Diseñado para el ciudadano
USABILIDAD •Presentación de la información: acceso al contenido •Arquitectura de la información: clasificación multidimensional •Importancia de las búsquedas
ACCESIBILIDAD •Aplicación de las técnica adecuadas desde el principio •Seguimiento de pautas fijadas por organismos externos •Revisión y auditoria de los resultados
Página 30
���� ����
Usabilidad y accesibilidad en el nuevo munimadrid.es
mun
imad
rid
Muchas gracias por su atención
Top Related