Your SlideShare is downloading. ×
Clase Usabilidad
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Clase Usabilidad

557
views

Published on

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

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
557
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

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
  • 2. Patricio Rodríguez M. PARA LEER No me hagas pensar . Steve Krug Designing Web Usability The Practice of Simplicity . Jacob Nielsen
  • 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.
    • Diseñar es organizar elementos de modo que cumplan una necesidad particular de la mejor manera forma posible.
    • Charles Eames
  • 5. Patricio Rodríguez M. ¿QUÉ ES? Medir Estudiar Analizar Conocer Modificar
  • 6. Patricio Rodríguez M.
  • 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.
    • 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.
  • 9.  
  • 10.
    • 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.
  • 11.
    • usabilidad = diseño
  • 12.
    • PRINCIPIOS UNIVERSALES DEL DISEÑO (ALGUNOS)
  • 13.
    • 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)
  • 14.  
  • 15.  
  • 16.
    • Prevención de errores
    • Un sistema debe de incorporar formas físicas de limitar las acciones para impedir el error humano.
  • 17.  
  • 18.  
  • 19.
    • Visibilidad del sistema
    • Un sistema debe de ofrecer siempre información acerca de su estado.
  • 20.  
  • 21.
    • Efecto interferencia
    • El cerebro humano tiene dificultades al procesar simultáneamente estímulos opuestos.
  • 22.  
  • 23.
    • aspectos de la usabilidad
  • 24.
    • 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.
  • 25.  
  • 26.  
  • 27.
    • errores mas frecuentes en el diseño web
  • 28.
    • ‣ 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.
  • 29.
    • ‣ 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.
  • 30.
    • estructuración de contenidos
  • 31.
    • 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)
  • 32.
    • 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
  • 33.
    • 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.
  • 34.  
  • 35.
    • ¿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.
  • 36.
    • 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.
  • 37.
    • 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.
  • 38.
    • 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
  • 39.
    • 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
  • 40.  
  • 41.
    • 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
  • 42.
    • 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