Directrices de Usabilidad para sitios web del Estado colombiano
Enrique CusbaMario CarvajalJuan Saab
Marco Fidel y su certificado en línea
autoculpa
“Fabio, vení y me ayudás”
63%Fallos en esta misma tarea
Para ver esta película, debedisponer de QuickTime™ y de
un descompresor H.264.
bit.ly/antecedentes
¿Cómo reducir el 63% de tasa de
fracaso?
Estados Unidoswww.usability.gov
• Ejemplos ilustrados.
• Respaldo en investigaciones con usuarios.
• Actualizaciones y revisiones permanentes.
• Inclusión de un capítulo sobre pruebas con usuarios.
• Priorización de las directrices.
• Discrecionalidad en el cumplimiento de directrices, según el “contexto de uso”.
• Cobertura sector privado.
• Descarga de plantillas.
Research-based Web Design & Usability Guidelines
Swedish National Guidelines for Public Sector Websites
• Explicación amplia y suficiente de cada directriz.
• Métodos de verificación.
• Plantillas de requerimientos para proveedores.
• Distribución en formato digital (HTML y PDF) pero también en formato físico.
New Zealand Government Web Standards 2.0
• Numeración de las directrices.
• Alcance institucional.
• Accesibilidad web en la NTC.
Guía para desarrollo de sitios web Guía Web 1.0 y 2.0
• Guía sobre licitación y contratación de productos digitales.
• Filtro por roles.
• Extensa y robusta bibliografía.
• Proveer una matriz de evaluación.
• Distribución en PDF completo y por partes.
• Observatorio de usabilidad y accesibilidad.
• Involucrar las directrices como bases de concursos que premien las buenas prácticas.
• Reino Unido
• Tasmania
• India
• México
• Uruguay
• Buenos Aires
• Bogotá.
más y más experiencias...
y además en la empresa privada
Panel de Morville
Los roles y las facetas
En “Usabilidad, prioridad en el diseño Web”. Nielsen J; Lorager H
“Un manual de Usabilidad debe ser fácil de usar”
Encabezado: Claro, atractivo y usable
¿Qué es y porqué aplicar la directriz?
Ayuda para desarrollarla y verificarla
Temas de las directrices
Arquitectura de Información
13 directrices
• Objetivos del portal web• Personajes y escenarios• Necesidades de los usuarios• Evaluación constante• Evaluación de la arquitectura de la información• Navegación global consistente• Navegación de contexto• Ruta de migas• URL limpios• Ubicación del usuario• Tagline• Enlaces bien formulados• Memoria a corto plazo
Diseño de interfaz de usuario
19 directrices
• Ubicación del logotipo• Diseño ordenado y limpio• Interfaces en movimiento• Contenido que parece publicidad• Contraste en brillo y color• Información transmitida a través del color• Justificación del texto• Ancho del cuerpo del texto• Fuentes tipográficas comunes• Texto subrayado• Uso adecuado del espacio en blanco• Desplazamiento horizontal• Vínculo a la página de inicio• Tareas claves en la página de inicio• Contenidos de ejemplo en la página de inicio• Hojas de estilo para diferentes formatos• Independencia del navegador• Vínculos visitados• Calidad del código
Diseño de interacción
9 directrices
• Campos obligatorios
• Asociación de etiquetas y campos
• Validación dinámica de datos
• Error de página no encontrada
• Ventanas emergentes
• Botón atrás
• Tiempo de carga de las páginas
• Ejemplos en los campos del formulario
• Páginas de confirmación
Búsqueda
4 directrices
• Motor de búsqueda y ubicación
• Búsquedas con términos familiares y errores de digitación
• Sugerencias de búsqueda
• Ubicación en los 10 primeros resultados
Pruebas de usuario
3 directrices
• Evaluación heurística
• Test de usuario
• Diseño y evaluación iterativos
Contenido
7 directrices
• Contenido útil
• Pirámide invertida
• Títulos y encabezados
• Listas
• Escaneado de contenido
• Vínculos rotos
• Contenido encontrable
¡Animate a participar!
bit.ly/guiausabilidad
@gobiernoenlinea@astromario@juan
saab
¡Muchas Gracias!
@gobiernoenlinea@astromario@juansaab
Top Related