Clase Usabilidad
Upcoming SlideShare
Loading in...5
×
 

Clase Usabilidad

on

  • 949 views

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

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

Statistics

Views

Total Views
949
Views on SlideShare
897
Embed Views
52

Actions

Likes
0
Downloads
31
Comments
0

1 Embed 52

http://tallerhipermedia.wordpress.com 52

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Clase Usabilidad Clase Usabilidad Presentation Transcript

  • Usabilidad
  • Patricio Rodríguez M. PARA LEER No me hagas pensar . Steve Krug Designing Web Usability The Practice of Simplicity . Jacob Nielsen
  • 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.
    • 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. 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
    • 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, sino
    • que depende de las metas planteadas (ej .por lo menos el 80% de
    • los usuarios de un determinado grupo o tipo definido deben poder
    • instalar 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 Hicks
    • El 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 errores
    • Un sistema debe de incorporar formas físicas de limitar las acciones para impedir el error humano.
  •  
  •  
    • Visibilidad del sistema
    • Un sistema debe de ofrecer siempre información acerca de su estado.
  •  
    • Efecto interferencia
    • El 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