Download ppt - Inter tecno usabilidad

Transcript
Page 1: Inter tecno   usabilidad

UsabilidadComo hacer tu interfaz más efectiva

Comunicación MultimediaUNIACC

1er semestre 2010

Page 2: Inter tecno   usabilidad

UNIACC – 1er sem 2010 2 Prof. Marcelo Santos

¿Qué medio es ese?

Internet =

Page 3: Inter tecno   usabilidad

UNIACC – 1er sem 2010 3 Prof. Marcelo Santos

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)

Bases de Datos Dinámica, viva

Page 4: Inter tecno   usabilidad

UNIACC – 1er sem 2010 4 Prof. Marcelo Santos

3 Dimensiones Sistemas

Page 5: Inter tecno   usabilidad

UNIACC – 1er sem 2010 5 Prof. Marcelo Santos

3 “i” de los Sistemas

Interactor

Interface

Información

Page 6: Inter tecno   usabilidad

UNIACC – 1er sem 2010 6 Prof. Marcelo Santos

3 Dimensiones Sistemas

Interactor

Interface

Información

Page 7: Inter tecno   usabilidad

UNIACC – 1er sem 2010 7 Prof. Marcelo Santos

Tipos de sitios según el “objetivo”

SERVIR

SOCIABILI-ZAR

ORIENTAR

SENSIBILI-ZAR

ENTRETE-NER

INFORMAR

WEB TAREA

Page 8: Inter tecno   usabilidad

UNIACC – 1er sem 2010 8 Prof. Marcelo Santos

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 9: Inter tecno   usabilidad

UNIACC – 1er sem 2010 9 Prof. Marcelo Santos

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 10: Inter tecno   usabilidad

UNIACC – 1er sem 2010 10 Prof. Marcelo Santos

Criterios de Cualidad

• 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 consiguen 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 interface del sitio?

Page 11: Inter tecno   usabilidad

UNIACC – 1er sem 2010 11 Prof. Marcelo Santos

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 interface 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 12: Inter tecno   usabilidad

UNIACC – 1er sem 2010 12 Prof. Marcelo Santos

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%

Fonte: NN/g Usability Week 2004

Page 13: Inter tecno   usabilidad

UNIACC – 1er sem 2010 13 Prof. Marcelo Santos

I. 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 14: Inter tecno   usabilidad

UNIACC – 1er sem 2010 14 Prof. Marcelo Santos

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

Page 15: Inter tecno   usabilidad

UNIACC – 1er sem 2010 15 Prof. Marcelo Santos

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 16: Inter tecno   usabilidad

UNIACC – 1er sem 2010 16 Prof. Marcelo Santos

Criterio Fundamento

Públicos • El sitio no presenta contenidos direccionados y segmentados hacia sus principales públicos

Actualización • Las noticias son actualizadas a diario

• Los últimos informes de gestión son del 2000 y 2001.

Mantención • Se indica la fecha de la noticia, dándole contexto temporal

Diseño • Las grandes áreas temáticas del sitio no están evidentes.

• Los menús son genéricos y poco contextuales

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 17: Inter tecno   usabilidad

UNIACC – 1er sem 2010 17 Prof. Marcelo Santos

II. 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 estacionales 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 dirigir determinados flujos de navegación hacia determinados tipos de contenido

Page 18: Inter tecno   usabilidad

UNIACC – 1er sem 2010 18 Prof. Marcelo Santos

Blog “De Volta Ao Mundo”

Page 19: Inter tecno   usabilidad

UNIACC – 1er sem 2010 19 Prof. Marcelo Santos

Blog “De Volta Ao Mundo”

Page 20: Inter tecno   usabilidad

UNIACC – 1er sem 2010 20 Prof. Marcelo Santos

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 21: Inter tecno   usabilidad

UNIACC – 1er sem 2010 21 Prof. Marcelo Santos

Page 22: Inter tecno   usabilidad

UNIACC – 1er sem 2010 22 Prof. Marcelo Santos

Arquitectura de Páginas y los indicadores

Page 23: Inter tecno   usabilidad

UNIACC – 1er sem 2010 23 Prof. Marcelo Santos

III. 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 24: Inter tecno   usabilidad

UNIACC – 1er sem 2010 24 Prof. Marcelo Santos

Encuestas de Usuario

Page 25: Inter tecno   usabilidad

UNIACC – 1er sem 2010 25 Prof. Marcelo Santos

Formatos alternativos de “encuesta”

• Wikigoogle• ¿Esta

información es útil?

Page 26: Inter tecno   usabilidad

UNIACC – 1er sem 2010 26 Prof. Marcelo Santos

Skype = control de cualidad

Page 27: Inter tecno   usabilidad

UNIACC – 1er sem 2010 27 Prof. Marcelo Santos

¿Qué quieres? = Percepción Subjetiva

Page 28: Inter tecno   usabilidad

UNIACC – 1er sem 2010 28 Prof. Marcelo Santos

¿Qué usas? = Resultados Objetivos

RH

Informativo

Page 29: Inter tecno   usabilidad

UNIACC – 1er sem 2010 29 Prof. Marcelo Santos

IV. 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 30: Inter tecno   usabilidad

UNIACC – 1er sem 2010 30 Prof. Marcelo Santos

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 31: Inter tecno   usabilidad

UNIACC – 1er sem 2010 31 Prof. Marcelo Santos

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 32: Inter tecno   usabilidad

UNIACC – 1er sem 2010 32 Prof. Marcelo Santos

Ejemplo de Prototipo en JPEG

Page 33: Inter tecno   usabilidad

UNIACC – 1er sem 2010 33 Prof. Marcelo Santos

V. 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 34: Inter tecno   usabilidad

UNIACC – 1er sem 2010 34 Prof. Marcelo Santos

Soportes…

Page 35: Inter tecno   usabilidad

UNIACC – 1er sem 2010 35 Prof. Marcelo Santos

Soportes…

Page 36: Inter tecno   usabilidad

UNIACC – 1er sem 2010 36 Prof. Marcelo Santos

Personas x soportes

Page 37: Inter tecno   usabilidad

UNIACC – 1er sem 2010 37 Prof. Marcelo Santos

VI. 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 38: Inter tecno   usabilidad

UNIACC – 1er sem 2010 38 Prof. Marcelo Santos

Tests

• Método– Entre 4 e 6 usuarios– Informaciones detalladas sobre el

comportamiento– Muy relevante para se obtener insights sobre

navegación, formularios, layout etc.

Page 39: Inter tecno   usabilidad

UNIACC – 1er sem 2010 39 Prof. Marcelo Santos

Principales Métricas

• Nivel de Éxito– Ha completado la tarea: sí o no– Crear un “índice de éxito”

• Tempo de ejecución• Nivel de Errores

– Número de errores cometidos– Tiempo utilizado para salir del error (si salió…)

• Nivel de satisfacción– Frustración, confianza y hesitación

Page 40: Inter tecno   usabilidad

UNIACC – 1er sem 2010 40 Prof. Marcelo Santos

Metodología del Test

• Infraestructura: – Software captura pantalla, audio y video– Camera, micrófono

• Método– Entre 4 e 6 usuarios– 1 facilitador y 1 observador (o ¨sala espejo¨)– Estudio e hipótesis sobre la interfaz– Definición de ¨tareas¨ para comprobar hipótesis– Análisis y selección de escenas y datos

relevantes

Page 41: Inter tecno   usabilidad

UNIACC – 1er sem 2010 41 Prof. Marcelo Santos

Metodología del Test

• Método “Pensar Alto”

– Observar el comportamiento del usuario, dejándolo muy cómodo

– Oír sus comentarios (y estimular = facilitador)

– Permanecer quieto, observar y hacer apuntes

– Testar un usuario a la vez

Page 42: Inter tecno   usabilidad

UNIACC – 1er sem 2010 42 Prof. Marcelo Santos

Principales Beneficios

Información directamente del público que utiliza el sistema

Fácil de realizar

Disminuye la “autorreferencia” con un método científico

Ahorra tiempo (y dinero) con un desarrollo más certero

Informaciones detalladas sobre el comportamiento

Muy relevante para se obtener insights sobre navegación, formularios, diseño etc.

Page 43: Inter tecno   usabilidad

UNIACC – 1er sem 2010 43 Prof. Marcelo Santos

Ejercicio

• Elegir una de las opciones:– Test usuario (guión + 3 tests)– Cuestionario cuantitativo y análisis (10

personas)– Test heurístico metodología Base 100 y

principales debilidades