Usabilidad

Patricio Rodríguez M.

PARA LEERNo me hagas pensar. Steve Krug

Designing Web Usability The Practice of Simplicity. Jacob Nielsen

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.

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

Charles Eames

Patricio Rodríguez M.

¿QUÉ ES?Medir

Estudiar

Analizar

Conocer

Modificar

Patricio Rodríguez M.

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

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.

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.

usabilidad = diseño

PRINCIPIOS UNIVERSALES DEL DISEÑO (ALGUNOS)

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)

Prevención de erroresUn sistema debe de incorporar

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

Visibilidad del sistemaUn sistema debe de ofrecer

siempre información acerca de su estado.

Efecto interferenciaEl cerebro humano tiene

dificultades al procesar simultáneamente estímulos opuestos.

aspectos de la 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.

errores mas frecuentes en el diseño web

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

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

estructuración de contenidos

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)

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

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.

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

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.

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.

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

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

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

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