Duoc   ai - usabilidad - metodologias
Upcoming SlideShare
Loading in...5
×
 

Duoc ai - usabilidad - metodologias

on

  • 758 views

Diplomado AI - DUOC

Diplomado AI - DUOC
Módulo III: Eyetracking y Comportamiento de Usuario
Clase 1/2

Statistics

Views

Total Views
758
Views on SlideShare
757
Embed Views
1

Actions

Likes
0
Downloads
7
Comments
0

1 Embed 1

http://desarrollocursos.duoc.cl 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • Faça clique para adicionar notas
  • 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
  • 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

Duoc   ai - usabilidad - metodologias Duoc ai - usabilidad - metodologias Presentation Transcript

  • Diplomado AI - DUOC Prof. Marcelo Santos Módulo III – Eyetracking y Comportamiento de Usuario junio - 2011
  • Tiempo gasto buscando info ( Peter Morville )
    • Funcionarios gastan 35% de su tiempo productivo buscando información online.
    • Working Council for Chief Information Officers
    • Basic Principles of Information Architecture
    • Gestores gastan 17% de su tiempo (6 semanas x año) buscando información.
    • Information Ecology
    • Thomas Davenport and Lawrence Prusak
  •  
  • El “ contra-ejemplo ”
  • 3 Dimensiones Sistemas
  • 3 “i” de los Sistemas I nteractor I nterface I nformación
  • 3 Dimensiones Sistemas I nteractor I nterface I nformación
  • Tipos de sitios según el “ objetivo ” TAREA SERVIR SOCIABILI- ZAR ORIENTAR SENSIBILI- ZAR ENTRETE- NER INFORMAR WEB
  • 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?
  • Criterios de Calidad (Jakob Nielsen)
    • 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?
  • Pero... ¿por qué?
    • - El usuario es una caja de sorpresas, es impredecible, es creativo, es original, es inteligente, es ignorante, es correcto, es loquillo, es calmo, es atento, es bacán, es diferente, es igual, es tolerante, es interesado, es.....
    HUMANO
  • El famoso ¨USUARIO¨
    • - Es humano
    • - Es heterogéneo
    • - Es un conjunto de ÚNICOS
    • Pero:
    • NO es tu ENEMIGO
  • Entrenando el OJO
  •  
  • Vereda y flujo
    • Problema :
    • No se consideran los flujos de
    • peatones en el diseño
  • http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Brasilia+-+Distrito+Federal,+Brazil&aq=0&sll=-16.299051,-51.855469&sspn=70.401397,103.183594&g=brasilia&ie=UTF8&hq=&hnear=Bras%C3%ADlia+-+Brazilian+Federal+District,+Brazil&ll=-15.797255,-47.872646&spn=0.002292,0.005193&t=h&z=18
  • ¿Qué es más importante?
    • Problema :
    • Publicidad tapa información
    • relevante
  • Aeropuerto I: qué me enseñan las cámaras?
    • Problema :
    • Punto de Vista!
  • Aeropuerto II: Otra vez la publicidad...
    • Problema :
    • Punto de Vista!
  • Señalética básica
    • Problema :
    • Y el 209 ???
  • ¿Dónde está el Norte?
    • Problema :
    • Inconsistencia entre los
    • mapas
  • Hacia lo Digital...
  • ¿Qué es más importante?
    • Problema :
    • Publicidad tapa información
    • relevante
    • Ejemplo(s) Digital(es):
    • - Menú desplegable que esconde información necesaria
    • - Rediseño de un área del sitio interfiere de forma negativa en otra área
  • Vereda y flujo
    • Problema :
    • No se consideran los flujos de
    • peatones en el diseño
    • Ejemplo Digital:
    • Formulario o secuencia de compra de un producto que no considera como piensa o actúa el usuario
  • ¿Dónde está el Norte?
    • Problema :
    • Incoherencia entre los mapas
    • Ejemplo(s) Digital(es):
    • - Menú cambia en diferentes páginas
  • EN lo Digital...
  • Servicio y Plazo
    • Problema :
    • Al solicitar un servicio es fundamental establecer plazo (dado el carácter interactivo de la web)
    • Solución
    • Establecer plazo en la misma solicitud
  • ¨Especulación Inmobiliaria¨
    • Problema :
    • Mal uso de un espacio noble: home de banco en línea
    • Solución
    • Usar el área para informaciones relevantes para el día
    • a día del cliente
  • Gestión de Cambio
    • Problema :
    • Cambio de diseño es un momento complicado:
    • como hacerlo?
    • Solución
    • Avisar el cliente, justificando
    • cambios (1) y orientando para
    • facilitar la adaptación a lo
    • nuevo
    (1) (2)
  • Actividad Caza Problemas de Diseño en el Campus
    • - En duplas/tríos
    • - Tiempo = 20 minutos
    • - Buscar 3-5 problemas de diseño (físico) de interfaz en los alrededores (y en la misma sala)
      • Fotografiar, dibujar o describir
      • Encontrar paralelo en lo digital
      • Proponer solución
  • Métodos de Evaluación
  • ¨Haz lo que yo digo no lo que yo hago ¨ http://www.youtube.com/watch?v=c6SKU5_w1Hk
  • 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.
  • Métodos de Evaluación Más Usados* *Fuente: NN/g Usability Week 2004 Métodos % Test con usuarios 63% Evaluación Heurística 53% Prototipos 38% Estudio de Campo 34% Cuestionarios 31%
  • Pero... ¿Qué Test usar, cuándo y por qué?
  • ¿Cuándo usar qué tipo de test?
  • ¨Actitudinal¨ vs ¨Comportamental¨
    • - Actitud : qué se dice
    • - Comportamiento : qué se hace
    • - Cuantitativo : respuestas indirectas, cumulativas, general
    • - Cualitativo : observación o respuesta directa, particular
  • 1. Evaluación Heurística
  • 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
  • “ Experto ”?
    • Cuáles son los criterios para evaluar?
    • Quién los define?
    • Cómo aplicar?
  • Modelo de Evaluación
    • Modelo base 100 © TerraForum
    • Desarrollado en 2005
    • Aplicado en decenas de clientes (bancos, mineras, gobierno etc)
  • 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 100
  • Nota + (Fortalezas x Debilidades) Contenido Nota 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”
  • En un nivel más profundo están los criterios que componen cada categoría con sus respectivas notas y fundamento que as justifica Criterio Justificativa Público – objetivo
    • El sitio no presenta el contenido de forma segmentada según sus principales públicos-objetivo dificultando la navegación por los intereses de cada grupo de usuarios.
    Actualidad
    • Se observa actualización diaria del contenido.
    • No hay nuevas fotos desde hace 8 meses.
    • Los últimos informes anuales de gestión son del 2004.
    Mantención
    • La fecha de publicación del contenido es visible.
    • Hay eventos antiguos que siguen en destaque (2006).
    • El ordenamiento de documentos no es consistente – por veces del más nuevo para el más antiguo y por veces al revés.
    Diseño
    • Las grandes áreas temáticas no están bien definidas graficamente.
    • El submenu (menu lateral) es poco útil, podría cambiar según el contexto para apoyar la navegación de forma más eficaz.
  • Cómo se aplica?
    • - Grupo de expertos para generar consenso (nunca individualmente!)
    • - Navegación exhaustiva sin contexto
    • - Navegación con contexto (qué es, cuáles son los ítems, cuáles son las informaciones relevantes etc)
    • - Navegación sistemática y evaluación (con metodología)
  • 2. Análisis de Accesos
  • 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
  • Blog “ De Volta Ao Mundo ”
  • Blog “ De Volta Ao Mundo ”
  • 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 ...
  •  
  • Arquitectura de Páginas y los indicadores
  • 3. Cuestionarios
  • 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)
  • Encuestas de Usuario
  • Formatos alternativos de “encuesta”
    • Wikigoogle
    • ¿Esta información es útil?
  • Skype = control de cualidad
  • ¿Qué quieres? = Percepción Subjetiva = Actitud
  • ¿Qué usas? = Resultados Objetivos = Comportamiento RH Informativo
  • 4. Prototipos
  • 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
  • Ejemplo de Prototipo en PowerPoint
  • Ejemplo de Prototipo en JPEG
  • Ejemplo de Diseño Final/Funcional
  • 5. Estudios de Campo (en terreno)
  • 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
  • Soportes…
  • Soportes…
  • Personas x soportes
  • 6. Tests con Usuarios
  • Test con Usuarios
    • Principal objetivo es observar el comportamiento del usuario al utilizar el sitio para cumplir tareas previamente definidas
    • Testar hipótesis de diseño, rediseño o fallas en diseño de interfaces
    • Revela padrones/modelos mentales (cómo piensa el usuario)
  • Test con Usuarios – Cómo se hace
    • 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 (4 a 6 promedio)
      • 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
  • Tiempo gasto buscando info ( Peter Morville )
    • Funcionarios gastan 35% de su tiempo productivo buscando información online.
    • Working Council for Chief Information Officers
    • Basic Principles of Information Architecture
    • Gestores gastan 17% de su tiempo (6 semanas x año) buscando información.
    • Information Ecology
    • Thomas Davenport and Lawrence Prusak
  • Test con Usuarios Diferentes niveles de sofisticación
  • Test con Usuarios Diferentes niveles de sofisticación
  • Test con Usuarios Diferentes niveles de sofisticación
  • Tarea próxima clase
    • 5 Grupos de 3 personas
    • Sortear o elegir un sitio
      • Preferentemente uno de los que administran
      • En último caso uno que presente interés común entre los componentes del grupo
    • Navegación heurística
      • ¨Familiarizarse¨ con el ambiente
      • Entender de qué se trata
      • Listar posibles problemas y/o mejoras
      • Traer encuestas, estadísticas de acceso etc.
  • Actividad próxima clase
    • Te st de usuario
      • Diagnóstico (navegación heurística, feedback de reclamos, análisis de estadísticas de acceso etc)
      • Hipótesis de posibles problemas
      • Guión de test para inducir y comprobar (o no) problemas
      • 5 a 7 ¨tareas¨ (test no debe pasar de 30 minutos)