clase usabilidad

42
Usabilidad

Upload: pandresnet

Post on 05-Jul-2015

604 views

Category:

Design


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Clase Usabilidad

Usabilidad

Page 2: Clase Usabilidad

Patricio Rodríguez M.

PARA LEERNo me hagas pensar. Steve Krug

Designing Web Usability The Practice of Simplicity. Jacob Nielsen

Page 3: Clase Usabilidad

Patricio Rodríguez M.

DEFINICIONLa 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.

Page 4: Clase Usabilidad

Diseñar es organizar elementos de modo que cumplan una necesidad particular de la mejor manera forma posible.

Charles Eames

Page 5: Clase Usabilidad

Patricio Rodríguez M.

¿QUÉ ES?Medir

Estudiar

Analizar

Conocer

Modificar

Page 6: Clase Usabilidad

Patricio Rodríguez M.

Page 7: Clase Usabilidad

Patricio Rodríguez M.

FUNCIONEntiende a la organización y al usuarioLogra el equilibrio necesarioAnticipa la forma de pensamiento del usuarioSienta las bases de la aplicación final

Page 8: Clase Usabilidad

Existen 3 principios fundamentales relacionados con el lenguaje visible:

ORGANIZAR: proveer de una estructura clara y consistente.

ECONOMIZAR: hacer lo máximo con la menor cantidad de elementos

COMUNICAR: ajustar la presentación a la capacidad del usuario.

Page 9: Clase Usabilidad
Page 10: Clase Usabilidad

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.

Relativa porque el resultado no es ni bueno ni malo, sinoque depende de las metas planteadas (ej .por lo menos el 80% delos usuarios de un determinado grupo o tipo definido deben poderinstalar con éxito el en N minutos sin más ayuda que la guía rápida)o de una comparación con otros sistemas similares.

Page 11: Clase Usabilidad

usabilidad = diseño

Page 12: Clase Usabilidad

PRINCIPIOS UNIVERSALES DEL DISEÑO (ALGUNOS)

Page 13: Clase Usabilidad

Ley de HicksEl tiempo necesario para tomar una

decisión es directamente proporcional al número de opciones disponibles.

(el dilema entre flexibilidad y usabilidad)

Page 14: Clase Usabilidad
Page 15: Clase Usabilidad
Page 16: Clase Usabilidad

Prevención de erroresUn sistema debe de incorporar

formas físicas de limitar las acciones para impedir el error humano.

Page 17: Clase Usabilidad
Page 18: Clase Usabilidad
Page 19: Clase Usabilidad

Visibilidad del sistemaUn sistema debe de ofrecer

siempre información acerca de su estado.

Page 20: Clase Usabilidad
Page 21: Clase Usabilidad

Efecto interferenciaEl cerebro humano tiene

dificultades al procesar simultáneamente estímulos opuestos.

Page 22: Clase Usabilidad
Page 23: Clase Usabilidad

aspectos de la usabilidad

Page 24: Clase Usabilidad

La usabilidad viene determinada por tres aspectos clave:

• el tipo o tipos específicos de usuario/s,• la tarea o tareas que efectúan objeto de observación,• el contexto en el que se da la interacción.

Page 25: Clase Usabilidad
Page 26: Clase Usabilidad
Page 27: Clase Usabilidad

errores mas frecuentes en el diseño web

Page 28: Clase Usabilidad

‣Legibilidad: Fuentes excesivamente pequeñas o con poco contraste con respecto a los colores de fondo.

‣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.

‣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,

elemento primordial en una página web.

Page 29: Clase Usabilidad

‣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.

‣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.

‣ 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.

Page 30: Clase Usabilidad

estructuración de contenidos

Page 31: Clase Usabilidad

Características

‣ Los usuarios centran el interés en el contenidos por sobre los gráficos

‣ Ellos buscan: titulares-indicaciones (links, gráficos de contenidos)

Page 32: Clase Usabilidad

Escribir para la web

‣ Escribir la mitad del texto que se usaría para la versión impresa del tema

‣ Escribir para poder encontrar cosas, utilizando párrafos cortos, subencabezados y listas con viñetas

‣Utilizar Hipertexto para dividir los contenidos

Page 33: Clase Usabilidad

Escribir para la web

‣ 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.

Page 34: Clase Usabilidad
Page 35: Clase Usabilidad

¿Como explorar el contenido?

‣ Estructurar los artículos con dos o hasta tres niveles de titular

‣Utilizar títulos y subtítulos significantes‣Usar listas bulleteadas y elementos similares para

romper la uniformidad de los bloques de texto ‣Utilizar realces, enfatizaciones para captar la

atención del usuario.

Page 36: Clase Usabilidad

Atención con el texto

‣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.

‣No Usar fondos gráficos que puedan interferir la capacidad del ojo humano para interpretar líneas y letras.

Page 37: Clase Usabilidad

Atención con el texto

‣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á.

‣ El texto pequeño es mas legible si usamos fuentes de la familia sans-serif, verdana, ...

‣ Justifícarlo a la izquierda, salvo que se escriba en en árabe.

Page 38: Clase Usabilidad

Estructuración de un sitio

‣Una buena estructura permitirá al lector visualizar todos los contenidos de una manera fácil y clara.

Planifica la estructura antes de empezar

La estructura depende del contenido

Page 39: Clase Usabilidad

Estructuración de un sitio ‣Duplica los elementos de navegación si es

necesario

Añade un enlace al principio de la página

No cree páginas que sean un callejón sin salida

Proporcione índices

Page 40: Clase Usabilidad
Page 41: Clase Usabilidad

Desarrollo práctico:Defina grupos de trabajo de no mas de tres

personas y proponga realizar una tarea no común con su teléfono móvil.

Las tareas se deben de solicitar a un grupo de trabajo diferente al suyo

Page 42: Clase Usabilidad

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.

2 Determinar las dificultades y deficiencias de la interfaz para poder realizar la tarea encomendada

3 Dibujar el mapa de navegación que de cuenta del proceso de búsqueda de la información

Revisión en clase del día 20/08