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