Diseno Interaccion - Clase 03 Usabilidad Conceptos

  • 462 views
Uploaded on

Usabilidad: Conceptos Básicos …

Usabilidad: Conceptos Básicos
Tipos de estudios de usabilidad

More in: Education , Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
462
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
21
Comments
0
Likes
1

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
  • 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

Transcript

  • 1. Diseño Interacción Prof. Marcelo Santos Clase 3Usabilidad conceptos básicos 1 semestre - 2012
  • 2. ¿Qué medio es ese? Internet =UNIACC – 1º sem 2012 2 Prof. Marcelo Santos - @celoo
  • 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. El “contra-ejemplo”UNIACC – 1º sem 2012 4 Prof. Marcelo Santos - @celoo
  • 5. 3 Dimensiones SistemasUNIACC – 1º sem 2012 5 Prof. Marcelo Santos - @celoo
  • 6. 3 “i” de los Sistemas I nteractor I nterface I nformaciónUNIACC – 1º sem 2012 6 Prof. Marcelo Santos - @celoo
  • 7. 3 Dimensiones SistemasI nteractor I nformación I nterfaceUNIACC – 1º sem 2012 7 Prof. Marcelo Santos - @celoo
  • 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. 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. 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. 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. 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. 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. 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. “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. 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. 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. 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. 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. 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. Blog “De Volta Ao Mundo”UNIACC – 1º sem 2012 21 Prof. Marcelo Santos - @celoo
  • 22. Blog “De Volta Ao Mundo”UNIACC – 1º sem 2012 22 Prof. Marcelo Santos - @celoo
  • 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. UNIACC – 1º sem 2012 24 Prof. Marcelo Santos - @celoo
  • 25. Arquitectura de Páginas y los indicadoresUNIACC – 1º sem 2012 25 Prof. Marcelo Santos - @celoo
  • 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. Encuestas de UsuarioUNIACC – 1º sem 2012 27 Prof. Marcelo Santos - @celoo
  • 28. Formatos alternativos de “encuesta” • Wikigoogle • ¿Esta información es útil?UNIACC – 1º sem 2012 28 Prof. Marcelo Santos - @celoo
  • 29. Skype = control de cualidadUNIACC – 1º sem 2012 29 Prof. Marcelo Santos - @celoo
  • 30. ¿Qué quieres? = Percepción SubjetivaUNIACC – 1º sem 2012 30 Prof. Marcelo Santos - @celoo
  • 31. ¿Qué usas? = Resultados Objetivos RH InformativoUNIACC – 1º sem 2012 31 Prof. Marcelo Santos - @celoo
  • 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. 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. 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. Ejemplo de Prototipo en JPEGUNIACC – 1º sem 2012 35 Prof. Marcelo Santos - @celoo
  • 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. Soportes…UNIACC – 1º sem 2012 37 Prof. Marcelo Santos - @celoo
  • 38. Soportes…UNIACC – 1º sem 2012 38 Prof. Marcelo Santos - @celoo
  • 39. Personas x soportesUNIACC – 1º sem 2012 39 Prof. Marcelo Santos - @celoo
  • 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. 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. 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. 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