Usabilidad en sitios web de organismos públicos Optimizando la interacción con el ciudadano
-
Upload
diana-rodriguez -
Category
Education
-
view
389 -
download
0
description
Transcript of Usabilidad en sitios web de organismos públicos Optimizando la interacción con el ciudadano
Usabilidad en sitios web de organismos públicos
Optimizando la interacción con el ciudadano
Diana Rodríguez, 2013 1
Primer Encuentro de Agentes de Bibliotecas y Bibliotecarios del Mercosur
Biblioteca Pública De Las Misiones.
Posadas, 22 y 23 de Agosto de 2013
¿Qué es la usabilidad?
Diana Rodríguez, 2013 2
Peter Morville útil
deseable
valioso
utilizable
encontrable accesible
creíble
Diana Rodríguez, 2013 3
“el atributo de calidad que mide lo fáciles de usar que son las interfaces web. Es decir un sitio web usable es aquél en el que los usuarios pueden interactuar de la forma más fácil, cómoda, segura e inteligentemente posible.” (Wikipedia)
Cinco claves
Crear una jerarquía visual
Aprovechar las convenciones
Dividir las páginas en zonas claramente definidas
Dejar bien claro sobre lo que se puede hacer clik
Minimizar el ruido
Diana Rodríguez, 2013 9
Tres leyes
No me hagas pensar
No importa cuántos clics deba hacer, siempre y cuando cada clic sea una elección inconsciente e inequívoca
Deshágase de la mitad de las palabras de cada página, a continuación, deshágase de la mitad de las que quedan.
Diana Rodríguez, 2013 10
Conozca al usuario
Organice y diseñe según lo que el acostumbra y necesita
Sea simple
Marque. Agrupe. Separe
Evite el error. Permita arrepentirse
No haga perder tiempo
Diana Rodríguez, 2013 11
Tips para Webs públicas
Una web pública, ha de resultar:
obvia
clara y fácil de entender
eficiente
El visitante debe sentir que vale la pena continuar explorándolo y utilizándolo.
Diana Rodríguez, 2013 12
Página de inicio
Información institucional esencial y justa para el usuario
Diana Rodríguez, 2013 13
Diana Rodríguez, 2013 14
• hipervínculos destacados, con texto de anclaje claro e inequívoco a los formularios necesarios
Y en el resto del sitio
El nombre del sitio y el logo de la institución en la parte superior izquierda de todas las páginas
Diana Rodríguez, 2013 16
Diana Rodríguez, 2013 17
El nombre de cada página: • en el ángulo superior izquierdo • en fuente y font destacados • coincide con su etiqueta:
• en el menú • los textos de anclaje que la vinculen
Diana Rodríguez, 2013 19
Contenidos
• Consistente a lo largo del sitio
• Organizado según
• Usuarios
• Tarea
• Diseño agradable a la vista
• Contraste texto-fondo
Diana Rodríguez, 2013 20
El texto informativo estará: • Organizado en forma piramidal • Agrupado según temática en bloques
visiblemente demarcados • Con las palabras clave resaltadas en
negrita • Ubicado en las zonas “calientes” de la
página
Diana Rodríguez, 2013 23
Salvo que se encuentre un ícono mejor, respetar las convenciones. De lo contrario, reforzar
Diana Rodríguez, 2013 24
Colocar un menú migas de pan en la parte superior de cada página, para orientar al usuario
Diana Rodríguez, 2013 25
Los hipervínculos: • En correcto funcionamento • Resaltados según convención y estilo • Texto de anclaje
• Claro y comprensible por el usuario • Indicativo
Diana Rodríguez, 2013 26
Colocar en lugar visible varios medios de contacto: • Tradicional (T.E) • Mail • Redes sociales
Diana Rodríguez, 2013 27
Recomendables para colocar en la sección superior de la página:
• Buscador interno • Menú de navegación • Árbol del sitio • Facilitadores para lectura por disminuidos visuales • Opciones de compartir en redes • Formulario de logueo/registro • Opción de descarga de aplicación móvil (si existe)
Y… los formularios
Diana Rodríguez, 2013 29
• Enlazados en la página principal • Etiquetados de la misma manera en los
menús y páginas • URL propia • Con las palabras clave CONTACTO,
RECLAMO, DENUNCIA o QUEJA en la URL • Lenguaje comprensible por el usuario • Permita volver y/o corregir error • No induzca a confusión • Intuitivo
Ventajas de la usabilidad
Diana Rodríguez, 2013 32
• Incrementa la satisfacción del usuario • Promueve el uso de la sede Web • Estimula la participación e interacción con los
habitantes y ciudadanos • Aporta valor a la institución • Facilita la gestión de trámites • Aumenta la visibilidad institucional • Economiza en costos de mantenimiento y
mesas de ayuda
Evaluando la usabilidad
Diana Rodríguez, 2013 33
• Test con usuarios • Evaluación por expertos (o heurística) • Card sorting • Eye-tracking • Etnografía, entrevistas, encuestas y
analítica Web
Diana Rodríguez, 2013 35
1. Visibilidad del estado del sistema 2. Relación entre el sistema y el
mundo real 3. Control y libertad del usuario 4. Consistencia y estándares 5. Prevención de errores
Diana Rodríguez, 2013 36
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia de uso 8. Estética y diseño minimalista 9. Ayudar a los usuarios a reconocer,
diagnosticar y recuperarse de errores
10. Ayuda y documentación
Diana Rodríguez, 2013 38
Bibliografía
Hassan Montero, Y. y Ortega Santamaría, S. Informe APEI sobre usabilidad. (en línea). Disponible en URL: http://www.nosolousabilidad.com/manual/1.htm (acceso 17/08/2013)
Krug, S. Haz fácil lo imposible. La guía para detectar y determinar los problemas de usabilidad. Anaya. Madrid, 2010.
Krug, S. No me hagas pensar. Una aproximación a la usabilidad en la Web. 2ª.ed. Pearson. Madrid, 2006.
Nielsen, J. y Loranger, H. Usabilidad. Prioridad en el diseño web.Anaya. Madrid,2007
Diana Rodríguez, 2013 39
¡Muchas gracias!
Mtr. Diana Rodríguez [email protected]
www.dianarodriguezcursos.com/