Diseno Interaccion - Clase 03 Usabilidad Conceptos

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

2 Prof. Marcelo Santos - @celooUNIACC – 1º sem 2012

¿Qué medio es ese?

Internet =


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¨


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”

SERVIR

SOCIABILI-ZAR

ORIENTAR

SENSIBILI-ZAR

ENTRETE-NER

INFORMAR

WEB TAREA


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?


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


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?


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 Mais Usados*

Métodos %Test con usuarios

63%


53%

Prototipos 38%

Estudio de Campo

34%

Cuestionarios 31%

*Fuente: NN/g Usability Week 2004



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 16Navegación 16Texto 12Página Inicial 12Enlaces 12Lenguaje 8Interacción 8Búsqueda 8Políticas 4Peso de los Archivos 4

Total de Puntos 100


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”


En un nivel más profundo están los criterios que componen cada categoría con sus respectivas notas y fundamento que as justifica


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”





• 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


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


¿Qué usas? = Resultados Objetivos

RH

Informativo


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

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





Destaques

Destaques

PesquisadoresMercado do

Conhecimento


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


Ejemplo de Prototipo en JPEG


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


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


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


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


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

Education

Diseno Interaccion - Clase 03 Usabilidad Conceptos