Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
18/10/2009




  PRINCIPIOS DE
   USABILIDAD
                 Miguel Guinalíu
                 Universidad de Zaragoza
   ...
18/10/2009




                                   3
Miguel Guinalíu, www.guinaliu.es




  PRINCIPIOS DE USABILIDAD
 CONTE...
18/10/2009




    PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS

   la usabilidad se refiere a la
    capacidad de ...
18/10/2009




     PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS

•Fases iniciales de interacción
•Mayor número de ...
18/10/2009




                                      9
   Miguel Guinalíu, www.guinaliu.es




     PRINCIPIOS DE USABILID...
18/10/2009




                                   11
Miguel Guinalíu, www.guinaliu.es




                                ...
18/10/2009




     PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS

•Entretenimiento  y emociones
•Desafíos y recompe...
18/10/2009




                                          15
       Miguel Guinalíu, www.guinaliu.es




         PRINCIPIO...
18/10/2009




  PRINCIPIOS DE USABILIDAD




                                   17
Miguel Guinalíu, www.guinaliu.es




 ...
18/10/2009




       PRINCIPIOS DE USABILIDAD
 1. DEFINICIÓN DE CONCEPTOS

•Aplicaciones              sencillas
•Iconos

...
18/10/2009




     PRINCIPIOS DE USABILIDAD
2. IMPORTANCIA DE LA USABILIDAD
Retorno de la i inversión entre el 200% y el ...
18/10/2009




     PRINCIPIOS DE USABILIDAD
2. IMPORTANCIA DE LA USABILIDAD
El valor de la usabilidad (costes)
     l d l...
18/10/2009




    PRINCIPIOS DE USABILIDAD
3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: FOCUS GROUPS

¿Para qué sirven?
 P   ...
18/10/2009




     PRINCIPIOS DE USABILIDAD
3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: AN. HEURÍSTICO

 ¿En qué consisten?
...
18/10/2009




                                       29
   Miguel Guinalíu, www.guinaliu.es




     PRINCIPIOS DE USABIL...
18/10/2009




     PRINCIPIOS DE USABILIDAD
4. CRITERIOS DEL ANÁLISIS HEURÍSTICO
•C
 Capacidad
      id d           d aut...
18/10/2009




                                       33
   Miguel Guinalíu, www.guinaliu.es




     PRINCIPIOS DE USABIL...
18/10/2009




     PRINCIPIOS DE USABILIDAD
4. CRITERIOS DEL ANÁLISIS HEURÍSTICO

•Tamaño   de fuente de letra
•Fondos y ...
18/10/2009




PRINCIPIOS DE
 USABILIDAD
  Miguel Guinalíu
  Universidad de Zaragoza
  guinaliu@unizar.es
  www.guinaliu.e...
Nächste SlideShare
Wird geladen in …5
×

Principios De Usabilidad

1.992 Aufrufe

Veröffentlicht am

Veröffentlicht in: Business, Technologie, Design
  • Als Erste(r) kommentieren

Principios De Usabilidad

  1. 1. 18/10/2009 PRINCIPIOS DE USABILIDAD Miguel Guinalíu Universidad de Zaragoza guinaliu@unizar.es www.guinaliu.es 1 2 Miguel Guinalíu, www.guinaliu.es 1
  2. 2. 18/10/2009 3 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD CONTENIDOS 1. DEFINICIÓN DE CONCEPTOS Ó 2. IMPORTANCIA DE LA USABILIDAD 3. MÉTODOS DE ANÁLISIS DE USABILIDAD 4. CRITERIOS DEL ANÁLISIS HEURÍSTICO 4 Miguel Guinalíu, www.guinaliu.es 2
  3. 3. 18/10/2009 PRINCIPIOS DE USABILIDAD 1. DEFINICIÓN DE CONCEPTOS la usabilidad se refiere a la capacidad de un sistema de información para ser comprendido, aprendido, p , p , usado y ser atractivo para el usuario, en condiciones específicas de uso 5 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 1. DEFINICIÓN DE CONCEPTOS la l usabilidad web se refiere a l bilid d b fi la capacidad de un sitio web para ser comprendido, aprendido, usado y ser atractivo para el usuario, en i l i condiciones específicas de uso 6 Miguel Guinalíu, www.guinaliu.es 3
  4. 4. 18/10/2009 PRINCIPIOS DE USABILIDAD 1. DEFINICIÓN DE CONCEPTOS •Fases iniciales de interacción •Mayor número de colores y más brillantes •Lenguaje informal •Fi Figuras curvilíneas ilí •Imágenes •Textos largos 7 Miguel Guinalíu, www.guinaliu.es 8 Miguel Guinalíu, www.guinaliu.es 4
  5. 5. 18/10/2009 9 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 1. DEFINICIÓN DE CONCEPTOS •Utilidad percibida •Pocos colores y más oscuros •Estructuras tridimensionales •Lenguajes formales y más directos •Líneas rectas 10 Miguel Guinalíu, www.guinaliu.es 5
  6. 6. 18/10/2009 11 Miguel Guinalíu, www.guinaliu.es 12 Miguel Guinalíu, www.guinaliu.es 6
  7. 7. 18/10/2009 PRINCIPIOS DE USABILIDAD 1. DEFINICIÓN DE CONCEPTOS •Entretenimiento y emociones •Desafíos y recompensas •Entornos interactivos •Elementos multimedia •Manejo del ratón y scrolls de pantalla •Capacidad de compresión lectora baja •Búsquedas simples •Tipografía consistente y legible 13 Miguel Guinalíu, www.guinaliu.es 14 Miguel Guinalíu, www.guinaliu.es 7
  8. 8. 18/10/2009 15 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 1. DEFINICIÓN DE CONCEPTOS •L Los navegadores móviles (e.g. O d ó il ( Opera)) permiten una visualización completa de los contenidos web (salvo flash que es soportado por muy pocos dispositivos). •Sin embargo la EXPERIENCIA de navegación no es igual de buena si ió i ld b i obligamos a trabajar en el móvil sobre la misma web que vemos en el ordenador de casa. 16 Miguel Guinalíu, www.guinaliu.es 8
  9. 9. 18/10/2009 PRINCIPIOS DE USABILIDAD 17 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 18 Miguel Guinalíu, www.guinaliu.es 9
  10. 10. 18/10/2009 PRINCIPIOS DE USABILIDAD 1. DEFINICIÓN DE CONCEPTOS •Aplicaciones sencillas •Iconos •Minimizar las interacciones •Contenidos concisos y relevantes l t 19 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 1. DEFINICIÓN DE CONCEPTOS Valores por defecto en el di ñ d contenidos para V l d f t l diseño de t id móbiles (Mobile Web Best Practices 1.0) •Ancho de pantalla: 120 pixels, mínimo. • Markup Language Support: XHTML Basic 1.1 • Character Encoding: UTF-8 [UTF-8]. • Image Format Support: JPEG. GIF 89a. • Maximum Total Page Weight: 20 kilobytes. • Colors: 256 Colors mínimo Colors, mínimo. • Style Sheet Support: CSS Level 1 [CSS] y CSS Level 2 [CSS2]. • HTTP: HTTP/1.0 [HTTP1.0] or more recent [HTTP1.1]. • Script: No soportado desde el lado cliente. 20 Miguel Guinalíu, www.guinaliu.es 10
  11. 11. 18/10/2009 PRINCIPIOS DE USABILIDAD 2. IMPORTANCIA DE LA USABILIDAD Retorno de la i inversión entre el 200% y el 800% (hay ió ( fuentes que lo amplían al 1.200%) para un coste derivado del análisis de usabilidad de entre el 3-10% del coste total del proyecto. Reducción de un 10% en los principales costes de mantenimiento, como por ejemplo las llamadas de , p j p soporte de usuarios y la formación a empleados. La conversión de usuarios en clientes aumenta en un 20% típicamente, lo que conduce a un incremento de las ventas y de la fidelidad de clientes. 21 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 2. IMPORTANCIA DE LA USABILIDAD El valor de la usabilidad (costes) l d l bilid d ( t ) Probabilidad de rediseño al utilizar el diseño centrado en el usuario Inclusión de funciones innecesarias Uso de reglas generalmente aceptadas (e.g. menús arriba a la izquierda) Costes de mantenimiento y apoyo Productividad y la calidad de las acciones y las decisiones Nivel del esfuerzo (estrés) Manejo de una variedad más amplia de tareas Salud, bienestar y motivación Absentismo 22 Miguel Guinalíu, www.guinaliu.es 11
  12. 12. 18/10/2009 PRINCIPIOS DE USABILIDAD 2. IMPORTANCIA DE LA USABILIDAD El valor de la usabilidad (costes) l d l bilid d ( t ) Satisfacción Confianza Calidad de producto Ejemplo real de una aseguradora: - Pérdida de 5 clientes potenciales diarios por problemas de usabilidad (1.825 al año) - Pérdida de 365 clientes anuales (de cada 5 potenciales 1 se convertía) - Pérdida de 219.000$ anuales (cada cliente suponía 600$ de ingresos al año) - Pérdida de 2.628.000$ (el ciclo de vida medio de cada cliente era de 12 años) 23 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: BRAINSTORMING ¿Para qué é sirve? ¿En qué consiste? 24 Miguel Guinalíu, www.guinaliu.es 12
  13. 13. 18/10/2009 PRINCIPIOS DE USABILIDAD 3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: FOCUS GROUPS ¿Para qué sirven? P é i ? ¿En qué consisten? La figura del moderador ¿Cuándo utilizar esta técnica? 25 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: TESTS DE USUARIOS ¿En qué consisten? E é it ? ¿Qué tipo de tareas se analizan? ¿Cuándo utilizarlos? 26 Miguel Guinalíu, www.guinaliu.es 13
  14. 14. 18/10/2009 PRINCIPIOS DE USABILIDAD 3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: AN. HEURÍSTICO ¿En qué consisten? E é it ? ¿Son realmente útiles? ¿Cuándo utilizarlos? 27 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 4. CRITERIOS DEL ANÁLISIS HEURÍSTICO Cuestiones iniciales •Objetivos del sitio web •URL •Estructura general del sitio web •Look & feel •Coherencia •Actualización 28 Miguel Guinalíu, www.guinaliu.es 14
  15. 15. 18/10/2009 29 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 4. CRITERIOS DEL ANÁLISIS HEURÍSTICO •Identidad •Contacto •Aviso legal •Páginas de bienvenida •Papel del homesite •Homesite como punto de referencia 30 Miguel Guinalíu, www.guinaliu.es 15
  16. 16. 18/10/2009 PRINCIPIOS DE USABILIDAD 4. CRITERIOS DEL ANÁLISIS HEURÍSTICO •C Capacidad id d d auto-orientación de t i t ió •Clics •Obtención múltiple de resultados •Mapas y buscadores internos •Espacio útil •Tamaño y colocación de contenidos 31 Miguel Guinalíu, www.guinaliu.es 32 Miguel Guinalíu, www.guinaliu.es 16
  17. 17. 18/10/2009 33 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 4. CRITERIOS DEL ANÁLISIS HEURÍSTICO •Lenguaje •Tamaño de las páginas •Tamaño de los párrafos •Uso de negrita •Uso de viñetas y enumeraciones •Encabezados •Impresión 34 Miguel Guinalíu, www.guinaliu.es 17
  18. 18. 18/10/2009 PRINCIPIOS DE USABILIDAD 4. CRITERIOS DEL ANÁLISIS HEURÍSTICO •Tamaño de fuente de letra •Fondos y texturas •Colores y textos en enlaces •Uso de títulos estándar •Posición y tamaño de los menús •Enlaces rotos, redundantes y páginas muertas 35 Miguel Guinalíu, www.guinaliu.es PRINCIPIOS DE USABILIDAD 4. CRITERIOS DEL ANÁLISIS HEURÍSTICO •Optimización para navegadores •Optimización resolución •Uso de las últimas tecnologías •Uso de elementos multimedia •Uso de Flash, JavaScript •WAI •Descarga de archivos voluminosos 36 Miguel Guinalíu, www.guinaliu.es 18
  19. 19. 18/10/2009 PRINCIPIOS DE USABILIDAD Miguel Guinalíu Universidad de Zaragoza guinaliu@unizar.es www.guinaliu.es 37 19

×