![Page 1: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/1.jpg)
Diseño InteracciónDiseño InteracciónProf. Marcelo Santos Prof. Marcelo Santos
Diseño InteracciónDiseño InteracciónProf. Marcelo Santos Prof. Marcelo Santos
Clase 3
Usabilidad conceptos básicos
1 semestre - 2012
![Page 2: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/2.jpg)
2 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
¿Qué medio es ese?
Internet =
![Page 3: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/3.jpg)
3 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Potencial del Ambiente Digital
PropiedadPropiedad Posibilidades TécnicasPosibilidades 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¨
![Page 4: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/4.jpg)
4 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
El “contra-ejemplo”
![Page 5: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/5.jpg)
5 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
3 Dimensiones Sistemas
![Page 6: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/6.jpg)
6 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
3 “i” de los Sistemas
I nteractor
I nterface
I nformación
![Page 7: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/7.jpg)
7 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
3 Dimensiones Sistemas
I nteractor
I nterface
I nformación
![Page 8: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/8.jpg)
8 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Tipos de sitios según el “objetivo”
SERVIR
SOCIABILI-ZAR
ORIENTAR
SENSIBILI-ZAR
ENTRETE-NER
INFORMAR
WEB TAREA
![Page 9: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/9.jpg)
9 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Tarea = USO
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).
Usabilidad!
¿Qué es?
![Page 10: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/10.jpg)
10 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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 Internet
![Page 11: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/11.jpg)
11 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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?
![Page 12: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/12.jpg)
12 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Principales Métodos de Evaluación
Métodos Descripción
Evaluación Heurística
Basándose en la experiencia práctica de expertos en usabilidad, es realizado un análisis fundamentado en reglas y directrices consagradas como “buenas prácticas”.
Análisis de accesos
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.
Cuestionarios 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).
Estudio de campo
Seguimiento y observación de hábitos de uso del software por usuarios en sus ambientes originarios. Método recomendado para evaluar la real utilización y redefinir métodos y interfaces a partir de públicos específicos.
Tests con usuarios
Selección y reclutamiento de diferentes perfiles de usuarios para el cumplimiento de tareas previamente designadas. Deben ser hechos apuntes por especialistas que monitorean los tests.
![Page 13: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/13.jpg)
13 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Métodos de Evaluación Mais Usados*
Métodos %Test con usuarios
63%
Evaluación Heurística
53%
Prototipos 38%
Estudio de Campo
34%
Cuestionarios 31%
*Fuente: NN/g Usability Week 2004
![Page 14: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/14.jpg)
14 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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ámetros
![Page 15: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/15.jpg)
15 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
“Experto”?
- Cuáles son los criterios para evaluar?
- Quién los define?
- Cómo aplicar?
![Page 16: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/16.jpg)
16 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Modelo de Evaluación
• Modelo base 100 © TerraForum
• Desarrollado en 2005
• Aplicado en decenas de clientes (bancos, mineras, gobierno etc)
![Page 17: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/17.jpg)
17 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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 16Navegación 16Texto 12Página Inicial 12Enlaces 12Lenguaje 8Interacción 8Búsqueda 8Políticas 4Peso de los Archivos 4
Total de Puntos 100
![Page 18: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/18.jpg)
18 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Nota + (Fortalezas x Debilidades)
ContenidoNota
Fortalezas
Debilidades
El sitio no segmenta sus contenidos según los diferentes perfiles de usuario
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.
Se indica la fecha de la noticia, dándole contexto temporal
El área de noticias es actualizado con frecuencia diaria
No hay contenido desactualizado o “vencido”
![Page 19: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/19.jpg)
19 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
En un nivel más profundo están los criterios que componen cada categoría con sus respectivas notas y fundamento que as justifica
![Page 20: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/20.jpg)
20 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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 contenido
![Page 21: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/21.jpg)
21 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Blog “De Volta Ao Mundo”
![Page 22: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/22.jpg)
22 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Blog “De Volta Ao Mundo”
![Page 23: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/23.jpg)
23 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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...
![Page 24: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/24.jpg)
24 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
![Page 25: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/25.jpg)
25 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Arquitectura de Páginas y los indicadores
![Page 26: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/26.jpg)
26 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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)
![Page 27: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/27.jpg)
27 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Encuestas de Usuario
![Page 28: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/28.jpg)
28 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Formatos alternativos de “encuesta”
• Wikigoogle• ¿Esta
información es útil?
![Page 29: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/29.jpg)
29 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Skype = control de cualidad
![Page 30: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/30.jpg)
30 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
¿Qué quieres? = Percepción Subjetiva
![Page 31: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/31.jpg)
31 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
¿Qué usas? = Resultados Objetivos
RH
Informativo
![Page 32: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/32.jpg)
32 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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 HTML
![Page 33: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/33.jpg)
33 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Ejemplo de Prototipo en PowerPoint
BibliotecaProjetosRegiõesWorkshops Ripa NotíciasQuem somos
Pesquisa Ok
Busca avançada
Política de Privacidade / Política de Segurança
Copyright © 2004 Ripa - Todos os direitos reservados.
Sala de Imprensa Mapa do siteFale Conosco
Conteúdo
Promocional
(banners)
Destaque principal Destaques
21/12 Nononono nonononon nonononooonono nononononononoon
19/12 Nononono nonononon nonononooonono nononononononoon
19/12 Nononono nonononon nonononooonono nononononononoon
18/12 Nononono nonononon nonononooonono nononononononoon
14/12 Nononono nonononon nonononooonono nononononononoon
Destaques
Destaques
PesquisadoresMercado do
Conhecimento
![Page 34: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/34.jpg)
34 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Pesquisa Ok
Busca avançada
Política de Privacidade / Política de Segurança
Copyright © 2004 Ripa - Todos os direitos reservados.
Sala de Imprensa Mapa do siteFale Conosco
Destaques relativos ao workshop Ripa
O que é Onde aconteceu O que aconteceu Quem participou
BibliotecaProjetosRegiõesWorkshops Ripa NotíciasQuem somos PesquisadoresMercado do
Conhecimento
Ejemplo de Prototipo en PowerPoint
![Page 35: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/35.jpg)
35 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Ejemplo de Prototipo en JPEG
![Page 36: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/36.jpg)
36 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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 sitio
![Page 37: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/37.jpg)
37 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Soportes…
![Page 38: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/38.jpg)
38 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Soportes…
![Page 39: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/39.jpg)
39 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Personas x soportes
![Page 40: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/40.jpg)
40 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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 sincronizados
![Page 41: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/41.jpg)
41 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
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ístico
![Page 42: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/42.jpg)
42 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Evaluación
1. Definición
2. Descripción del Método
3. Principales Usos
4. Fortalezas y debilidades del método
5. Ejemplo práctico
![Page 43: Diseno Interaccion - Clase 03 Usabilidad Conceptos](https://reader031.vdocuments.pub/reader031/viewer/2022020718/546a0ed2af79597e258b45c0/html5/thumbnails/43.jpg)
43 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012
Evaluación
1. Contenido informativo
2. Ejecución práctica
3. Capacidad de análisis de resultados
4. Presentación + visualización de los
resultados