Usabilidad en sitios web  de organismos públicos Optimizando la interacción con el ciudadano
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Usabilidad en sitios web de organismos públicos Optimizando la interacción con el ciudadano

  • 689 views
Uploaded on

Ponencia presentada en el I ENCUENTRO DE ...

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

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
689
On Slideshare
585
From Embeds
104
Number of Embeds
5

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 104

http://www.dianarodriguezcursos.com 57
http://cms.cursosparatodos.webnode.com.ar 33
http://m.dianarodriguezcursos.com 10
http://preview.cursosparatodos.webnode.com.ar 3
http://cloud.feedly.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 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
  • 2. ¿Qué es la usabilidad? Diana Rodríguez, 2013 2 Peter Morville útil deseable valioso utilizable encontrable accesible creíble
  • 3. 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)
  • 4. Diana Rodríguez, 2013 4 Fácil Conduce al obj. Placentero Aprender Recordar Utilizar
  • 5. Diana Rodríguez, 2013 5 Usabilidad Satisfacción Éxito Tiempo
  • 6. Diana Rodríguez, 2013 6 Tarea ContextoPersona
  • 7. Diana Rodríguez, 2013 7 Percibe Conoce Necesita
  • 8. Steve Krug Diana Rodríguez, 2013 8
  • 9. 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
  • 10. 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
  • 11.  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
  • 12. 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
  • 13. Página de inicio  Información institucional esencial y justa para el usuario Diana Rodríguez, 2013 13
  • 14. Diana Rodríguez, 2013 14 • hipervínculos destacados, con texto de anclaje claro e inequívoco a los formularios necesarios
  • 15. Diana Rodríguez, 2013 15 y a las partes más importantes para el usuario
  • 16. 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
  • 17. 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
  • 18. Diana Rodríguez, 2013 18
  • 19. 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
  • 20. 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
  • 21. Diana Rodríguez, 2013 21
  • 22. Diana Rodríguez, 2013 22
  • 23. Diana Rodríguez, 2013 23 Salvo que se encuentre un ícono mejor, respetar las convenciones. De lo contrario, reforzar
  • 24. Diana Rodríguez, 2013 24 Colocar un menú migas de pan en la parte superior de cada página, para orientar al usuario
  • 25. 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
  • 26. Diana Rodríguez, 2013 26 Colocar en lugar visible varios medios de contacto: • Tradicional (T.E) • Mail • Redes sociales
  • 27. 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)
  • 28. Diana Rodríguez, 2013 28
  • 29. 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
  • 30. Diana Rodríguez, 2013 30
  • 31. Diana Rodríguez, 2013 31
  • 32. 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
  • 33. 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
  • 34. Jakob Nielsen Diana Rodríguez, 2013 34 10 reglas generales Para la evaluación heurística
  • 35. 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
  • 36. 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
  • 37. ¿Preguntas? Diana Rodríguez, 2013 37
  • 38. 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
  • 39. Diana Rodríguez, 2013 39 ¡Muchas gracias! Mtr. Diana Rodríguez dianainforma@gmail.com www.dianarodriguezcursos.com/