Usabilidad
Patricio Rodríguez M. PARA LEER No me hagas pensar .  Steve Krug Designing Web Usability The Practice of Simplicity .  Jac...
Patricio Rodríguez M. DEFINICION La  usablidad  (del inglés  usability ) es una medida empírica y relativa acerca de lo fá...
<ul><li>Diseñar es organizar elementos de modo que cumplan una necesidad particular de la mejor manera forma posible. </li...
Patricio Rodríguez M. ¿QUÉ ES? Medir Estudiar Analizar Conocer Modificar
Patricio Rodríguez M.
Patricio Rodríguez M. FUNCION Entiende a la organización y al usuario Logra el equilibrio necesario Anticipa la forma de p...
<ul><li>Existen 3 principios fundamentales relacionados con el lenguaje visible: </li></ul><ul><li>ORGANIZAR:  proveer de ...
 
<ul><li>Empírica  porque no se basa en opiniones o sensaciones sino en pruebas (del inglés tests) de usabilidad, realizada...
<ul><li>usabilidad = diseño  </li></ul>
<ul><li>PRINCIPIOS UNIVERSALES DEL DISEÑO   (ALGUNOS) </li></ul>
<ul><li>Ley de Hicks </li></ul><ul><li>El tiempo necesario para tomar una decisión es directamente proporcional al número ...
 
 
<ul><li>Prevención de errores </li></ul><ul><li>Un sistema debe de incorporar formas físicas de limitar las acciones para ...
 
 
<ul><li>Visibilidad del sistema </li></ul><ul><li>Un sistema debe de ofrecer siempre información acerca de su estado. </li...
 
<ul><li>Efecto interferencia </li></ul><ul><li>El cerebro humano tiene dificultades al procesar simultáneamente estímulos ...
 
<ul><li>aspectos de la usabilidad </li></ul>
<ul><li>La usabilidad viene determinada por tres aspectos clave: </li></ul><ul><li>•  el tipo o tipos específicos de usuar...
 
 
<ul><li>errores mas frecuentes en el diseño web </li></ul>
<ul><li>‣ Legibilidad:  Fuentes excesivamente pequeñas o con poco contraste con respecto a los colores de fondo. </li></ul...
<ul><li>‣ Contenido concreto:  Lo ideal en una buena página web es mostrar información de una manera corta y concisa, sin ...
<ul><li>estructuración de contenidos </li></ul>
<ul><li>Características </li></ul><ul><li>‣  Los usuarios centran el interés en el contenidos por sobre los gráficos </li>...
<ul><li>Escribir para la web </li></ul><ul><li>‣  Escribir la mitad del texto  que se usaría para la versión impresa del t...
<ul><li>Escribir para la web </li></ul><ul><li>‣  Leer en computador es un  25% más lento  que en impreso, eso sumado a la...
 
<ul><li>¿Como explorar el contenido? </li></ul><ul><li>‣  Estructurar los artículos con dos o hasta tres niveles de titula...
<ul><li>Atención con el texto </li></ul><ul><li>‣  Usar colores de gran contraste  para el texto y el fondo. Lo óptimo es ...
<ul><li>Atención con el texto </li></ul><ul><li>‣  Usar tamaños de letra suficientemente grandes . Las letras pequeñas gua...
<ul><li>Estructuración de un sitio </li></ul><ul><li>‣  Una buena estructura permitirá al lector visualizar todos los cont...
<ul><li>Estructuración de un sitio </li></ul><ul><li>‣  Duplica los elementos de navegación si es necesario </li></ul><ul>...
 
<ul><li>Desarrollo práctico: </li></ul><ul><li>Defina grupos de trabajo de no mas de tres personas y proponga realizar una...
<ul><li>1 Esquematizar el modo de acceso a la información,  cual sería el mapa de navegación, las metáforas utilizadas y l...
Upcoming SlideShare
Loading in...5
×

Clase Usabilidad

583

Published on

Explicación del método y aplicación de la usabilidad a los procesos de diseño

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
583
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
32
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Clase Usabilidad

  1. 1. Usabilidad
  2. 2. Patricio Rodríguez M. PARA LEER No me hagas pensar . Steve Krug Designing Web Usability The Practice of Simplicity . Jacob Nielsen
  3. 3. Patricio Rodríguez M. DEFINICION La usablidad (del inglés usability ) es una medida empírica y relativa acerca de lo fácil, rápido y agradable que es utilizar un determinado producto o servicio.
  4. 4. <ul><li>Diseñar es organizar elementos de modo que cumplan una necesidad particular de la mejor manera forma posible. </li></ul><ul><li>Charles Eames </li></ul>
  5. 5. Patricio Rodríguez M. ¿QUÉ ES? Medir Estudiar Analizar Conocer Modificar
  6. 6. Patricio Rodríguez M.
  7. 7. Patricio Rodríguez M. FUNCION Entiende a la organización y al usuario Logra el equilibrio necesario Anticipa la forma de pensamiento del usuario Sienta las bases de la aplicación final
  8. 8. <ul><li>Existen 3 principios fundamentales relacionados con el lenguaje visible: </li></ul><ul><li>ORGANIZAR: proveer de una estructura clara y consistente. </li></ul><ul><li>ECONOMIZAR: hacer lo máximo con la menor cantidad de elementos </li></ul><ul><li>COMUNICAR: ajustar la presentación a la capacidad del usuario. </li></ul>
  9. 10. <ul><li>Empírica porque no se basa en opiniones o sensaciones sino en pruebas (del inglés tests) de usabilidad, realizadas en laboratorio u observadas mediante trabajo de campo. </li></ul><ul><li>Relativa porque el resultado no es ni bueno ni malo, sino </li></ul><ul><li>que depende de las metas planteadas (ej .por lo menos el 80% de </li></ul><ul><li>los usuarios de un determinado grupo o tipo definido deben poder </li></ul><ul><li>instalar con éxito el en N minutos sin más ayuda que la guía rápida) </li></ul><ul><li>o de una comparación con otros sistemas similares. </li></ul>
  10. 11. <ul><li>usabilidad = diseño </li></ul>
  11. 12. <ul><li>PRINCIPIOS UNIVERSALES DEL DISEÑO (ALGUNOS) </li></ul>
  12. 13. <ul><li>Ley de Hicks </li></ul><ul><li>El tiempo necesario para tomar una decisión es directamente proporcional al número de opciones disponibles. </li></ul><ul><li>(el dilema entre flexibilidad y usabilidad) </li></ul>
  13. 16. <ul><li>Prevención de errores </li></ul><ul><li>Un sistema debe de incorporar formas físicas de limitar las acciones para impedir el error humano. </li></ul>
  14. 19. <ul><li>Visibilidad del sistema </li></ul><ul><li>Un sistema debe de ofrecer siempre información acerca de su estado. </li></ul>
  15. 21. <ul><li>Efecto interferencia </li></ul><ul><li>El cerebro humano tiene dificultades al procesar simultáneamente estímulos opuestos. </li></ul>
  16. 23. <ul><li>aspectos de la usabilidad </li></ul>
  17. 24. <ul><li>La usabilidad viene determinada por tres aspectos clave: </li></ul><ul><li>• el tipo o tipos específicos de usuario/s, </li></ul><ul><li>• la tarea o tareas que efectúan objeto de observación, </li></ul><ul><li>• el contexto en el que se da la interacción. </li></ul>
  18. 27. <ul><li>errores mas frecuentes en el diseño web </li></ul>
  19. 28. <ul><li>‣ Legibilidad: Fuentes excesivamente pequeñas o con poco contraste con respecto a los colores de fondo. </li></ul><ul><li>‣ Enlaces: Son poco accesibles, no se diferencian los visitados de los no visitados, se usa tecnología javascript no accesible, se abren enlaces en ventanas nuevas o se usan anchors tan malos como Haz click aqui. </li></ul><ul><li>‣ Uso de flash: Existen multitud de páginas (aunque actualmente va disminuyendo) que siguen usando masivamente la tecnología flash, intentando hacer una página más vistosa, cuando en realidad se está consiguiendo el efecto contrario: hacerla menos accesible y darle menos importancia al contenido, </li></ul><ul><li>elemento primordial en una página web. </li></ul>
  20. 29. <ul><li>‣ Contenido concreto: Lo ideal en una buena página web es mostrar información de una manera corta y concisa, sin extenderse y dando las ideas principales además de una opción para ampliar la información. </li></ul><ul><li>‣ Búsqueda: La mayoría de los sitios carecen de una opción de búsqueda en su sitio web, cuando muchos buscadores proporcionan una de forma gratuita. </li></ul><ul><li>‣ Incompatibilidad de navegadores: Aunque para muchas empresas el único navegador es el Internet Explorer lo cierto es que existen muchos otros como Firefox que están consiguiendo una cuota muy importante del mercado y está haciendo replantearse a las empresas construir webs estándar y no que sólo se visualicen en un navegador concreto. </li></ul>
  21. 30. <ul><li>estructuración de contenidos </li></ul>
  22. 31. <ul><li>Características </li></ul><ul><li>‣ Los usuarios centran el interés en el contenidos por sobre los gráficos </li></ul><ul><li>‣ Ellos buscan: titulares-indicaciones (links, gráficos de contenidos) </li></ul>
  23. 32. <ul><li>Escribir para la web </li></ul><ul><li>‣ Escribir la mitad del texto que se usaría para la versión impresa del tema </li></ul><ul><li>‣ Escribir para poder encontrar cosas , utilizando párrafos cortos, subencabezados y listas con viñetas </li></ul><ul><li>‣ Utilizar Hipertexto para dividir los contenidos </li></ul>
  24. 33. <ul><li>Escribir para la web </li></ul><ul><li>‣ Leer en computador es un 25% más lento que en impreso, eso sumado a las condiciones ambientales y la probada resistencia del usuario a leer en el computador, sugiere escribir un 50% menos. </li></ul>
  25. 35. <ul><li>¿Como explorar el contenido? </li></ul><ul><li>‣ Estructurar los artículos con dos o hasta tres niveles de titular </li></ul><ul><li>‣ Utilizar títulos y subtítulos significantes </li></ul><ul><li>‣ Usar listas bulleteadas y elementos similares para romper la uniformidad de los bloques de texto </li></ul><ul><li>‣ Utilizar realces, enfatizaciones para captar la atención del usuario. </li></ul>
  26. 36. <ul><li>Atención con el texto </li></ul><ul><li>‣ Usar colores de gran contraste para el texto y el fondo. Lo óptimo es texto negro sobre fondo blanco, aunque lo inverso es casi tan bueno. </li></ul><ul><li>‣ No Usar fondos gráficos que puedan interferir la capacidad del ojo humano para interpretar líneas y letras. </li></ul>
  27. 37. <ul><li>Atención con el texto </li></ul><ul><li>‣ Usar tamaños de letra suficientemente grandes . Las letras pequeñas guardarlas para notas a pie de página o avisos legales que poca gente leerá. </li></ul><ul><li>‣ El texto pequeño es mas legible si usamos fuentes de la familia sans-serif, verdana, ... </li></ul><ul><li>‣ Justifícarlo a la izquierda , salvo que se escriba en en árabe. </li></ul>
  28. 38. <ul><li>Estructuración de un sitio </li></ul><ul><li>‣ Una buena estructura permitirá al lector visualizar todos los contenidos de una manera fácil y clara. </li></ul><ul><li>Planifica la estructura antes de empezar </li></ul><ul><li>La estructura depende del contenido </li></ul>
  29. 39. <ul><li>Estructuración de un sitio </li></ul><ul><li>‣ Duplica los elementos de navegación si es necesario </li></ul><ul><li>Añade un enlace al principio de la página </li></ul><ul><li>No cree páginas que sean un callejón sin salida </li></ul><ul><li>Proporcione índices </li></ul>
  30. 41. <ul><li>Desarrollo práctico: </li></ul><ul><li>Defina grupos de trabajo de no mas de tres personas y proponga realizar una tarea no común con su teléfono móvil. </li></ul><ul><li>Las tareas se deben de solicitar a un grupo de trabajo diferente al suyo </li></ul>
  31. 42. <ul><li>1 Esquematizar el modo de acceso a la información, cual sería el mapa de navegación, las metáforas utilizadas y la iconografía. </li></ul><ul><li>2 Determinar las dificultades y deficiencias de la interfaz para poder realizar la tarea encomendada </li></ul><ul><li>3 Dibujar el mapa de navegación que de cuenta del proceso de búsqueda de la información </li></ul><ul><li>Revisión en clase del día 20/08 </li></ul>
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×