usabilidad en sitios web de organismos públicos optimizando la interacción con el ciudadano

39
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

Upload: diana-rodriguez

Post on 13-Jun-2015

389 views

Category:

Education


0 download

DESCRIPTION

Ponencia presentada en el I ENCUENTRO DE AGENTES DE BIBLIOTECAS Y BIBLIOTECARIOS DEL MERCOSUR

TRANSCRIPT

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)

Diana Rodríguez, 2013 4

Fácil

Conduce al obj.

Placentero

Aprender Recordar Utilizar

Diana Rodríguez, 2013 5

Usabilidad

Satisfacción

Éxito

Tiempo

Diana Rodríguez, 2013 6

Tarea

Contexto Persona

Diana Rodríguez, 2013 7

Percibe

Conoce

Necesita

Steve Krug

Diana Rodríguez, 2013 8

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

Diana Rodríguez, 2013 15

y a las partes más importantes para el usuario

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 18

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 21

Diana Rodríguez, 2013 22

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)

Diana Rodríguez, 2013 28

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

Diana Rodríguez, 2013 30

Diana Rodríguez, 2013 31

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

Jakob Nielsen

Diana Rodríguez, 2013 34

10 reglas generales

Para la evaluación heurística

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

¿Preguntas?

Diana Rodríguez, 2013 37

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/