Diseño Interacción       Prof. Marcelo Santos           Clase 3Usabilidad conceptos básicos     1 semestre - 2012
¿Qué medio es ese?                       Internet =UNIACC – 1º sem 2012    2   Prof. Marcelo Santos - @celoo
Potencial del Ambiente Digital        Propiedad                           Posibilidades Técnicas  Virtual                 ...
El “contra-ejemplo”UNIACC – 1º sem 2012   4   Prof. Marcelo Santos - @celoo
3 Dimensiones SistemasUNIACC – 1º sem 2012   5   Prof. Marcelo Santos - @celoo
3 “i” de los Sistemas                       I nteractor                       I nterface                       I nformació...
3 Dimensiones SistemasI nteractor                                                I nformación                            I...
Tipos de sitios según el “objetivo”                                      INFORMAR                                         ...
Tarea = USO                               Usabilidad!                                  ¿Qué es?      Lo que mide la cualid...
Contexto histórico        • Disciplina surge durante la Segunda          Guerra Mundial        • Tornar la relación entre ...
Criterios de Calidad      • Curva de aprendizaje           •   ¿Cuán rápido nuevos usuarios aprenden a usar el sitio?     ...
Principales Métodos de Evaluación   Métodos                                           Descripción                   Basánd...
Métodos de Evaluación Mais Usados*                          Métodos                           %                       Test...
Evaluación Heurística           Tipo de evaluación en la que un           experto en usabilidad examina un           sitio...
“Experto”?  - Cuáles son los criterios para evaluar?  - Quién los define?  - Cómo aplicar?UNIACC – 1º sem 2012   15   Prof...
Modelo de Evaluación  • Modelo base 100 © TerraForum  • Desarrollado en 2005  • Aplicado en decenas de clientes    (bancos...
Evaluación hecha a través de notas (0 a 4) dadas a categorías que                          tienen pesos diferentes        ...
Nota + (Fortalezas x Debilidades)                         Se indica la fecha de la noticia, dándole contexto temporal    ...
En un nivel más profundo están los criterios que componen cada categoría          con sus respectivas notas y fundamento q...
Análisis de Accesos• Informes de uso del sitio para identificar áreas y  páginas más y menos visitadas• Informe de peaks d...
Blog “De Volta Ao Mundo”UNIACC – 1º sem 2012    21   Prof. Marcelo Santos - @celoo
Blog “De Volta Ao Mundo”UNIACC – 1º sem 2012    22   Prof. Marcelo Santos - @celoo
Blog “De Volta Ao Mundo”  • Sumario indica gran actividad.  • Pero... No hay comentarios.. Y el blog no    es actualizado....
UNIACC – 1º sem 2012   24   Prof. Marcelo Santos - @celoo
Arquitectura de Páginas y los indicadoresUNIACC – 1º sem 2012   25   Prof. Marcelo Santos - @celoo
Cuestionarios        • Cuestionarios de evaluación y encuestas de          satisfacción relacionados al sitio,          pr...
Encuestas de UsuarioUNIACC – 1º sem 2012   27   Prof. Marcelo Santos - @celoo
Formatos alternativos de “encuesta”  • Wikigoogle  • ¿Esta    información    es útil?UNIACC – 1º sem 2012   28   Prof. Mar...
Skype = control de cualidadUNIACC – 1º sem 2012     29   Prof. Marcelo Santos - @celoo
¿Qué quieres? = Percepción SubjetivaUNIACC – 1º sem 2012   30   Prof. Marcelo Santos - @celoo
¿Qué usas? = Resultados Objetivos      RH InformativoUNIACC – 1º sem 2012   31   Prof. Marcelo Santos - @celoo
Prototipos        • Indicado para etapas de creación o rediseño del          sitio        • Importante testar estructura d...
Ejemplo de Prototipo en PowerPoint                                                                       Sala de Imprensa ...
Ejemplo de Prototipo en PowerPoint                                                                    Sala de Imprensa    ...
Ejemplo de Prototipo en JPEGUNIACC – 1º sem 2012     35   Prof. Marcelo Santos - @celoo
Estudio de Campo        • Monitoreo in situ del usuario en su          ambiente de trabajo/uso        • Evaluar las limita...
Soportes…UNIACC – 1º sem 2012   37   Prof. Marcelo Santos - @celoo
Soportes…UNIACC – 1º sem 2012   38   Prof. Marcelo Santos - @celoo
Personas x soportesUNIACC – 1º sem 2012   39    Prof. Marcelo Santos - @celoo
Test con Usuarios        • Principal objetivo es observar el          comportamiento del usuario al utilizar el sitio     ...
Trabajo     • Grupos: de 2/3 personas     • Presentación: 09/abr (1ª nota)     • Temas         – Grupo 1: Test de usuario ...
Evaluación     1.   Definición     2.   Descripción del Método     3.   Principales Usos     4.   Fortalezas y debilidades...
Evaluación     1.   Contenido informativo     2.   Ejecución práctica     3.   Capacidad de análisis de resultados     4. ...
Upcoming SlideShare
Loading in...5
×

Diseno Interaccion - Clase 03 Usabilidad Conceptos

496

Published on

Usabilidad: Conceptos Básicos
Tipos de estudios de usabilidad

Published in: Education, Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
496
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos Link na imagem
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diplomado Comunicación y Marketing Digital Universidad Mayor Prof. Marcelo Luis Barbosa Santos
  • Diseno Interaccion - Clase 03 Usabilidad Conceptos

    1. 1. Diseño Interacción Prof. Marcelo Santos Clase 3Usabilidad conceptos básicos 1 semestre - 2012
    2. 2. ¿Qué medio es ese? Internet =UNIACC – 1º sem 2012 2 Prof. Marcelo Santos - @celoo
    3. 3. Potencial del Ambiente Digital Propiedad Posibilidades Técnicas Virtual Reproductibilidad, transmisividad, interoperabilidad En línea Simultaneidad, conectividad Interactivo Acción + Reacción, feedback Non-lineal el usuario manda, co-autoría Multimodal Poli-sensorial (visión, audición, “tacto”, sinestesia) Dinámico Base de datos, contenido ad-hoc, ¨vivo¨UNIACC – 1º sem 2012 3 Prof. Marcelo Santos - @celoo
    4. 4. El “contra-ejemplo”UNIACC – 1º sem 2012 4 Prof. Marcelo Santos - @celoo
    5. 5. 3 Dimensiones SistemasUNIACC – 1º sem 2012 5 Prof. Marcelo Santos - @celoo
    6. 6. 3 “i” de los Sistemas I nteractor I nterface I nformaciónUNIACC – 1º sem 2012 6 Prof. Marcelo Santos - @celoo
    7. 7. 3 Dimensiones SistemasI nteractor I nformación I nterfaceUNIACC – 1º sem 2012 7 Prof. Marcelo Santos - @celoo
    8. 8. Tipos de sitios según el “objetivo” INFORMAR ENTRETE- SERVIR NER WEB TAREA SOCIABILI- SENSIBILI- ZAR ZAR ORIENTARUNIACC – 1º sem 2012 8 Prof. Marcelo Santos - @celoo
    9. 9. Tarea = USO Usabilidad! ¿Qué es? Lo que mide la cualidad de las experiencias de los usuarios en el momento el que interactúan con algún producto o sistema, influenciando la satisfacción de usuarios y consumidores (de información, productos y/o servicios).UNIACC – 1º sem 2012 9 Prof. Marcelo Santos - @celoo
    10. 10. Contexto histórico • Disciplina surge durante la Segunda Guerra Mundial • Tornar la relación entre hombre y máquina más rápida y eficiente • A principio telecomunicaciones, luego a informática y consecuentemente InternetUNIACC – 1º sem 2012 10 Prof. Marcelo Santos - @celoo
    11. 11. Criterios de Calidad • Curva de aprendizaje • ¿Cuán rápido nuevos usuarios aprenden a usar el sitio? • Facilidad de uso • ¿Cuán rápido usuarios frecuentes consiguen realizar las tareas más comunes? • Facilidad de memorizar • Los usuarios logran usar el sitio sin tener que re-aprender constantemente? • Tendencia a errores • ¿Cuán fácil es cometer errores? • Satisfacción • Cuánto les gusta a los usuarios la interfaz del sitio?UNIACC – 1º sem 2012 11 Prof. Marcelo Santos - @celoo
    12. 12. Principales Métodos de Evaluación Métodos Descripción Basándose en la experiencia práctica de expertos en usabilidad, es realizado unEvaluación análisis fundamentado en reglas y directrices consagradas como “buenas prácticas”.HeurísticaAnálisis de Evaluación de los informes de acceso y uso del software, para averiguar las funciones más utilizadas por los usuarios e identificar posibles deficiencias.accesosCuestionarios Evaluación de puntos o problemas específicos de usabilidad a través de entrevistas presenciales, cuestionarios y/o encuestas.Prototipos Tests con usuarios desde prototipos rudimentales (pueden incluso ser de papel y lápiz, en un primer momento). El objetivo principal es evaluar no la interfaz sino la navegación del sistema (arquitectura de la información). Seguimiento y observación de hábitos de uso del software por usuarios en susEstudio de ambientes originarios. Método recomendado para evaluar la real utilización y redefinircampo métodos y interfaces a partir de públicos específicos. Selección y reclutamiento de diferentes perfiles de usuarios para el cumplimiento deTests con tareas previamente designadas. Deben ser hechos apuntes por especialistas queusuarios monitorean los tests.UNIACC – 1º sem 2012 12 Prof. Marcelo Santos - @celoo
    13. 13. Métodos de Evaluación Mais Usados* Métodos % Test con 63% usuarios Evaluación 53% Heurística Prototipos 38% Estudio de 34% Campo Cuestionarios 31% *Fuente: NN/g Usability Week 2004UNIACC – 1º sem 2012 13 Prof. Marcelo Santos - @celoo
    14. 14. Evaluación Heurística Tipo de evaluación en la que un experto en usabilidad examina un sitio desde ciertos principios (heurísticas) que determinan las mejores prácticas según determinados parámetrosUNIACC – 1º sem 2012 14 Prof. Marcelo Santos - @celoo
    15. 15. “Experto”? - Cuáles son los criterios para evaluar? - Quién los define? - Cómo aplicar?UNIACC – 1º sem 2012 15 Prof. Marcelo Santos - @celoo
    16. 16. Modelo de Evaluación • Modelo base 100 © TerraForum • Desarrollado en 2005 • Aplicado en decenas de clientes (bancos, mineras, gobierno etc)UNIACC – 1º sem 2012 16 Prof. Marcelo Santos - @celoo
    17. 17. Evaluación hecha a través de notas (0 a 4) dadas a categorías que tienen pesos diferentes Categorías Peso Nota Máxima Máximo de Puntos Contenido 16 Navegación 16 Texto 12 Página Inicial 12 Enlaces 12 Lenguaje 8 Interacción 8 Búsqueda 8 Políticas 4 Peso de los Archivos 4 Total de Puntos 100UNIACC – 1º sem 2012 17 Prof. Marcelo Santos - @celoo
    18. 18. Nota + (Fortalezas x Debilidades)  Se indica la fecha de la noticia, dándole contexto temporal  El área de noticias es actualizado con frecuencia diaria Fortalezas  No hay contenido desactualizado o “vencido” Nota Contenido  El sitio no segmenta sus contenidos según los diferentes perfiles de usuario Debilidades  Hay un menú muy genérico que podría ser agrupado en grandes áreas que atendiesen demandas y públicos específicos.  Hay determinadas áreas sin contenido o en construcción.UNIACC – 1º sem 2012 18 Prof. Marcelo Santos - @celoo
    19. 19. En un nivel más profundo están los criterios que componen cada categoría con sus respectivas notas y fundamento que as justificaUNIACC – 1º sem 2012 19 Prof. Marcelo Santos - @celoo
    20. 20. Análisis de Accesos• Informes de uso del sitio para identificar áreas y páginas más y menos visitadas• Informe de peaks de uso de determinados servicios (días y horas). Ej: servicios incontinuos como Declaración de Renta (anual)• Informe sobre el uso del mecanismo de búsqueda – Ayuda a indicar lo que se busca pero no se encuentra – Ayuda a direccionar determinados flujos de navegación hacia determinados tipos de contenidoUNIACC – 1º sem 2012 20 Prof. Marcelo Santos - @celoo
    21. 21. Blog “De Volta Ao Mundo”UNIACC – 1º sem 2012 21 Prof. Marcelo Santos - @celoo
    22. 22. Blog “De Volta Ao Mundo”UNIACC – 1º sem 2012 22 Prof. Marcelo Santos - @celoo
    23. 23. Blog “De Volta Ao Mundo” • Sumario indica gran actividad. • Pero... No hay comentarios.. Y el blog no es actualizado. • 85% se quedaron menos de 1 segundo!!! • 95% oriundos de mecanismo de busca • Hmmm… ¡¡¡Visitas son únicamente error de usuarios de mecanismo de busca!!! Trampa de las Keywords...UNIACC – 1º sem 2012 23 Prof. Marcelo Santos - @celoo
    24. 24. UNIACC – 1º sem 2012 24 Prof. Marcelo Santos - @celoo
    25. 25. Arquitectura de Páginas y los indicadoresUNIACC – 1º sem 2012 25 Prof. Marcelo Santos - @celoo
    26. 26. Cuestionarios • Cuestionarios de evaluación y encuestas de satisfacción relacionados al sitio, principalmente intranets • Entrevistas presenciales para levantamiento de problemas y sugerencias (resultados de mayor cualidad) • Cuestionarios enviados por e-mail para determinados grupos de usuarios (resultados cuantitativos)UNIACC – 1º sem 2012 26 Prof. Marcelo Santos - @celoo
    27. 27. Encuestas de UsuarioUNIACC – 1º sem 2012 27 Prof. Marcelo Santos - @celoo
    28. 28. Formatos alternativos de “encuesta” • Wikigoogle • ¿Esta información es útil?UNIACC – 1º sem 2012 28 Prof. Marcelo Santos - @celoo
    29. 29. Skype = control de cualidadUNIACC – 1º sem 2012 29 Prof. Marcelo Santos - @celoo
    30. 30. ¿Qué quieres? = Percepción SubjetivaUNIACC – 1º sem 2012 30 Prof. Marcelo Santos - @celoo
    31. 31. ¿Qué usas? = Resultados Objetivos RH InformativoUNIACC – 1º sem 2012 31 Prof. Marcelo Santos - @celoo
    32. 32. Prototipos • Indicado para etapas de creación o rediseño del sitio • Importante testar estructura de menús, colores y otros aspectos visuales del sitio antes de codificar las páginas (CSS, HTML, programación y BD) • Prototipos pueden tener diferentes niveles de sofisticación (arte final) – Hojas de papel hechas a mano – Páginas en GIF o JPEG – Páginas en PowerPoint – Páginas en HTMLUNIACC – 1º sem 2012 32 Prof. Marcelo Santos - @celoo
    33. 33. Ejemplo de Prototipo en PowerPoint Sala de Imprensa Fale Conosco Mapa do site Pesquisa Ok Busca avançada Mercado do Workshops Ripa Quem somos Regiões Notícias Projetos Biblioteca Pesquisadores Conhecimento Destaque principal Destaques Conteúdo Promocional Destaques 21/12 Nononono nonononon nonononooonono nononononononoon (banners) 19/12 Nononono nonononon nonononooonono nononononononoon 19/12 Nononono nonononon nonononooonono nononononononoon 18/12 Nononono nonononon nonononooonono nononononononoon Destaques 14/12 Nononono nonononon nonononooonono nononononononoon Política de Privacidade / Política de Segurança Copyright © 2004 Ripa - Todos os direitos reservados.UNIACC – 1º sem 2012 33 Prof. Marcelo Santos - @celoo
    34. 34. Ejemplo de Prototipo en PowerPoint Sala de Imprensa Fale Conosco Mapa do site Pesquisa Ok Busca avançada Mercado do Workshops Ripa Quem somos Regiões Notícias Projetos Biblioteca Pesquisadores Conhecimento O que é Onde aconteceu O que aconteceu Quem participou Destaques relativos ao workshop Ripa Política de Privacidade / Política de Segurança Copyright © 2004 Ripa - Todos os direitos reservados.UNIACC – 1º sem 2012 34 Prof. Marcelo Santos - @celoo
    35. 35. Ejemplo de Prototipo en JPEGUNIACC – 1º sem 2012 35 Prof. Marcelo Santos - @celoo
    36. 36. Estudio de Campo • Monitoreo in situ del usuario en su ambiente de trabajo/uso • Evaluar las limitaciones impuestas por el ambiente/soportes que pueden interferir en la experiencia de uso do sitioUNIACC – 1º sem 2012 36 Prof. Marcelo Santos - @celoo
    37. 37. Soportes…UNIACC – 1º sem 2012 37 Prof. Marcelo Santos - @celoo
    38. 38. Soportes…UNIACC – 1º sem 2012 38 Prof. Marcelo Santos - @celoo
    39. 39. Personas x soportesUNIACC – 1º sem 2012 39 Prof. Marcelo Santos - @celoo
    40. 40. Test con Usuarios • Principal objetivo es observar el comportamiento del usuario al utilizar el sitio para cumplir tareas previamente definidas • ¿Qué se necesita? – Definir un grupo de usuarios – Escribir un “guión” de tareas – Un “facilitador” para el test – Observador(es) – Cámara, micrófono y software de captura de movimiento del mouse sincronizadosUNIACC – 1º sem 2012 40 Prof. Marcelo Santos - @celoo
    41. 41. Trabajo • Grupos: de 2/3 personas • Presentación: 09/abr (1ª nota) • Temas – Grupo 1: Test de usuario – Grupo 2: Cuestionario (cuantitativo y cualitativo) – Grupo 3: Test heurísticoUNIACC – 1º sem 2012 41 Prof. Marcelo Santos - @celoo
    42. 42. Evaluación 1. Definición 2. Descripción del Método 3. Principales Usos 4. Fortalezas y debilidades del método 5. Ejemplo prácticoUNIACC – 1º sem 2012 42 Prof. Marcelo Santos - @celoo
    43. 43. Evaluación 1. Contenido informativo 2. Ejecución práctica 3. Capacidad de análisis de resultados 4. Presentación + visualización de los resultadosUNIACC – 1º sem 2012 43 Prof. Marcelo Santos - @celoo
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×