C11 Evaluacion Heuristica DIU Modo de Compatibilidad

Diseo de Interfaces de Usuarios
Diseo de Interfaces
de Usuarios
Ciclo 2016-1
Profesor:
Diaz Muante Jorge
Metodos de Evaluacion
Evaluacin Heurstica (EH)

Profesor: Jorge Diaz Muante
11/06/2016
Diseo Iterativo
qu es heuristica?
Diseo
Analisis de Tareas
escenarios
sketching
Prototipo
ANSI/IEEE Std 100-1984, trata de mtodos o algoritmos exploratorios durante la

resolucin de problemas en los cuales las soluciones se descubren por la
evaluacin del progreso logrado en la bsqueda de un resultado final.
low-fi
papel
Evaluar
Prueba low-fi
Hoy EH
Evaluacin Heurstica
Desarrollado por Jakob Nielsen
Ayuda encontrar problemas de usabilidad en el diseo de IU
Conjunto pequeo de evaluadores de IU (3-5)
Revision independiente para verificar el cumplimiento de
los principios de usabilidad (heuristica)
Evaluadores diferentes pueden encontrar diferentes
problemas
Los evaluadores solo se comunican despues de la
evaluacin
Puede desarrollarse sobre IU en confeccion o sobre sketches
Diaz Muante Jorge
por qu diferentes evaluadores?
Un evaluador no
encuentra todos los
problemas
Buenos evaluadores
encuentra los faciles y
dificiles
Proceso de la EH
Evaluadores observan la IU varias veces
revisin de varios elementos de dilogo
compara con la lista de principios de usabilidad
considera otros principios/resultados que influyen
Principios de usabilidad
Heursticas de Nielsen (10)
Primer Set ( 1990)
Segundo Set (1994)
Lista suplementaria de categoras especficas

Competencia del anlisis y pruebas del usuario de productos
existentes
Usar las violaciones para redefinir o fijar los problemas
Diferencia con la Ingeniera de Usabilidad
Barato
No se necesita laboratorios o equipos especializados
Rapido
Heuristicas (original)
H1-1: Dilogo simple y
natural
H1-6: Sealar claramente

las salidas
H1-2: Hable en el lenguaje

del usuario
H1-7: Abreviaturas
(shortcuts)
a lo mas en un 01 dia
H1-3: Minimizar la carga de

memoria del usuario
Una prueba de usabilidad estndar puede durar unas

semanas
H1-4: Consistencia
Facil de usar
H1-5: Feedback o
retroalimentacin
H1-8: Preciso & mensajes

de errores constructivos
H1-9: Prevenir errores
H1-10: Ayuda y
documentacin
puede ser aprendido en 2 - 4 horas
H.1. Dilogo simple y natural

Cuanto ms simple, mejor.
Cada elemento es una cosa ms a
aprender
saltarse cuando se busca un elemento
concreto
posiblemente mal entendido
Debe encajar de manera natural con

la tarea del usuario
correspondencia elementos informticosmundo real
minimizar la navegacin por la interfaz.
Diaz Muante Jorge
H.1. Informacin justa
H.1. Secuencia adecuada a las tareas
Presentar slo la informacin que necesita el

usuario y no ms
Los objetos de informacin se deben mostrar en la

secuencia en la que los usuarios hacen las cosas.
en el momento que se necesite
No imponer secuencia salvo que sea necesario.
en el lugar que se necesite
Permitir al usuario controlar el dilogo
La informacin que se necesita utilizar

conjuntamente debe presentarse agrupada
Proponer una secuencia sugerida
como mnimo, debe aparecer en la misma pantalla
para adaptar las tareas a sus preferencias
implcita: secuencia de campos mostrados verticalmente

explcita:secuencia de cajas que se recomienda en una ventana
cual IU a la fama o la vergenza?
H.1. Organizacin de la pantalla
Seguir los criterios de la percepcin humana:

Las cosas se perciben como una unidad si:
estn juntas
estn rodeadas por lneas o cajas
se mueven o cambian a la vez
se parecen con respecto a forma, color, tamao o tipografa.
H.1. Organizacin de la pantalla
H.1.Organizacin de la pantalla
Cajas de dilogo con:

opciones agrupadas dentro de la misma caja
separadas mediante lneas o espacios en blanco
Cuidado al separar para evitar que

elementos similares se consideren asociados
a otros.
Saldo
S/ 10,000
S/ 2,000
cul es el saldo?
S/ 10,000 S/ 2,000?
Diaz Muante Jorge
H.1 Organizacin de la pantalla

Hacer destacar los elementos de dilogo ms importantes
una rea pequea rodeada por lneas destaca
mediante colores ms oscuros
cambiando la fuente de la letra (negrita, itlica)
cambiando el tamao de los objetos
los ms grandes destacan ms
Presentar los elementos segn el orden de lectura habitual
H.1 Organizacin de la pantalla
Para atraer la atencin del usuario

TEXTO EN MAYSCULAS
No hacerlo con mucha frecuencia
Leer texto en maysculas es un 10% ms lento que uno con maysculas
y minsculas
Objetos parpadeantes
SLO EN CASOS MUY EXTREMOS
porque es molesto y distrae mucho
H.1 Uso de colores en las pantallas

Otras recomendaciones con respecto al
uso de colores en pantallas:
No recargarla en colores
no ms de 5 a 7 distintos.
Gris claro y colores pastel mejor como

fondos
Asegrate de que se puede usar la

interfaz sin colores
daltnicos, pantallas monocromo
El color slo para categorizar, diferenciar y

resaltar
H.1. Menos es ms (DSN:MEM)
El rey Harald orden construir estos mausoleos en honor

de Gorm, su padre y Thyre, su madre, progenitores del
que conquist por s solo toda Dinamarca y Noruega e
hizo a los daneses cristianos: el rey Harald.
[inscripcin en una losa, S. X en Dinamarca]
Cul es el mensaje?
No para dar informacin (especialmente

cuantitativa)
DSN:MEM
Aadir info y campos de datos a una IU puede distraer de la
informacin ms importante.
Ejemplo de un Call Center

Antes
Despues
Normalmente se puede identificar la info importante

mediante un anlisis adecuado de tareas.
Hacer una pantalla sencilla con esa informacin
Relegar la dems informacin a pantallas auxiliares
Cualquier informacin que se presente es algo

que los usuarios tendrn que mirar
reducir su velocidad de trabajo (fraccin de segs.)
Una aplicacion original tenia 18
pantallas.
Diaz Muante Jorge
80% de llamadas pueden ser

respondidas en una sola pantalla
Ejemplo de una Empresa de RRHH
Despues
Antes
DSN:MEM
Evitar informacin innecesaria que ocupa espacio

de pantalla con:
Logos de la empresa
mejor al comienzo de la aplicacin (adems sirve de feedback al
usuario)
Nmero de la versin del sistema en uso

mejor accesible a travs del sistema de ayuda del sistema
Los usuarios tenian problemas en

encontrar la informacion
La informacion clave ahora esta

en el Home Page
DSN:MEM
Correo electrnico/news
DSN:MEM:Funcionalidad y Estilos de Interaccin
Muchas opciones para satisfacer a todos

Received: from scsx01.sc.ehu.es (root@scsx01.sc.ehu.es [158.227.150.40]) by
scox01.sc.ehu.es (8.9.3/8.9.1) with ESMTP id PAA14363 for
<jippefet@scox01.sc.ehu.es>; Fri, 19 Nov 1999 15:43:59 +0100 (MET)
Received: from chico.rediris.es (chico.rediris.es [130.206.1.3]) by scsx01.sc.ehu.es
Cada nueva opcin del sistema

una cosa ms a aprender
(8.9.3/8.9.1) with ESMTP id PAA21528 for <jippefet@SI.EHU.ES>; Fri,

19 Nov 1999 15:43:57 +0100 (MET)
posiblemente a usar errneamente
Message-ID: <199911191443.PAA21528@scsx01.sc.ehu.es>
Received: from chico.rediris.es (130.206.1.3) by chico.rediris.es (LSMTP for Solaris
v1.1b) with SMTP id <14.000515FA@chico.rediris.es>; Fri, 19 Nov 1999
15:43:56 +0100
Date: Fri, 19 Nov 1999 09:43:15 -0500
hacer crecer el manual

ms intimidatorio
ms difcil hacer bsquedas en l
Reply-To: Dan Resler <resler@liberty.mas.vcu.edu>

Sender: SIGCSE Member Forum <SIGCSE.MEMBERS@ACM.ORG> [contina]
From: Dan Resler <resler@liberty.mas.vcu.edu>
Subject: VisualAge for Java?
To: SIGCSE.MEMBERS@ACM.ORG
Introducir una frmula en hoja de clculo

HC1: 2,9 segundos HC2: 4,6 segundos
Status: U
DSN:MEM: Estilos de interaccin alternativos
DSN:MEM: Ciclo de aprendizaje
Reducir funcionalidad <> E.I. Alternativos
Sistemas comunmente: Novato + experto
teclado + manipulacn directa + abreviaturas
Alternativas:
Si hay niveles de complejidad: Ciclo de aprendizaje

(training wheel)
El usuario debe ser capaz de decidir cul es la mejor
limitar funcionalidad para novatos
Para aprender:
Mejor ver 1 el mtodo general (luego ya aprendern)
Experimento con ciclo de aprendizaje (escribir una texto largo):

SIN CA: 116 minutos
CON CA: 92 minutos
los mtodos alternativos ms tarde

asegurarse de que no confunden a los novatos
Diaz Muante Jorge
2 Hablar el lenguaje del usuario (HLU)
My
program gave
me the
Mi programa
ha dado
el
messageInfo
Rstrd
Info.
mensaje
rstrgda.
What
does it mean?
qu
significa?
EsoThats
es
restricted
informacion
information
restringida
But
you can
Perosurely
estas segura
telldice
me!!!!!!
que eso
2 Hablar el lenguaje del usuario (HLU)
No,no
no
Info
No,
... Rsdrd
Info rstrgda
stands
for
Restricted
significa
informacin
Information
restringida
La terminologa se debe basar en el lenguaje del

usuario (nunca del sistema)
Usar la lengua (idioma) del usuario. Utilizar
elementos no verbales como los iconos
no usar palabras poco frecuentes
Hmm Pero
but what
Hum...
que
does it mean???
significa
!!!
ItEso
means
significa
the que
program
el
isprograma
too busyesta
to let
muy
you
ocupado
Y no
log.. on
puedes ingresar
Ok,
Illa take
Ok,
voy
tomara un
coffee
trago
HLU
No forzar convenciones en los nombres de objetos

que usa el usuario
los nombres deben ser tan largos como se desee
no truncar sin antes avisar al usuario y dar la posibilidad de ajustarse
a los lmites
si los usuarios tienen terminologa especializada, se usa

(mejor palabrs especficas y sin ambigedad).
Desde la perspectiva del usuario.
HLU: Cmo conseguir HLU?
Preguntar a los usuarios?

El desacuerdo verbal garantiza fracaso
Experimento[Furnas et al, 1987]
Dejar que los usuarios voten entre una serie de

posibilidades
Experimento de [Bloom, 1988]
HLU: Otras maneras
HLU: Correspondencias y Metforas
El computador admite sinnimos

Permitir uso de alias
creados por el usuario
creados por el sistema [Furnas, 1985]
Se necesita establecer una correspondencia entre:

Elementos de la pantalla
Modelo conceptual del usuario de la informacin
No es sencillo.
La tierra <--> un mapa del mundo?
Diaz Muante Jorge
HLU:CYM: Cmo?
HLU:CYM: Cmo?
Analizar las tareas
Pedirles listas y/o grupos conceptos del dominio.
comprender el conocimiento del usuario
Tcnicas:
comprender el dominio donde va a trabajar
Memoria ordenada
Hablar con los usuarios
Organizar tarjetas
Observar a los usuarios
Tasas de similaridad de pares de conceptos
Resultados:
utilizados directamente
interpretados a travs de anlisis estadstico (progs)
HLU:CYM: Metforas
Establecen correspondencia entre:

el sistema informtico
HLU:CYM: Problemas
Cuidado de no implicar ms de lo que se pretende

de manera inadvertida.
Tambin pueden confundir a los usuarios
La metfora debe ser un modelo ms simple de un modelo

ms detallado del sistema y no una representacin directa
del mismo.
Mquina de escribir y Procesador de textos
Cuidado a la hora de internacionalizar la interfaz
Papelera de reciclaje y borrar archivos
No todas las cosas significan lo mismo en distintas

culturas.
un sistema de referencia conocido por los usuarios
HLU
3 Minimizar la carga de memoria del usuario (MCM)
Computadora es buena:
recordar grandes cantidades
de datos con mucha
precisin
manejan y cuentan
cantidades fsicas
comportarse de igual manera
incluso sobre grandes
espacios de tiempo
etc.
Diaz Muante Jorge
Personas buenas en:
reconocer elementos
que se les muestran
incluso con ruido de
fondo
detectar eventos
inusuales y/o
inesperados
adaptar la respuesta
fsica a los cambios de
situacin.
MCM: Cmo MCM?
MCM: Cmo MCM?
Mostrar elementos de dilogo a los usuarios
Introduccin de datos:
Permitirles elegir entre los tems generados
Describir el formato requerido
Permitirles editar los tems generados
Dar un ejemplo de entrada de datos legal
MENS
Dar un valor por defecto
Visibilidad
Recordar rangos de entrada y unidades de medida
Mostrar los objetos de inters para el usuario

Entrar fecha: (dd-MMM-aaaa, por. Ej. 10-jun-2016):
OJO! Mostrar demasiados objetos y atributos va en contra

del principio menos es ms
MCM
Margen izquierdo:
10 puntos [0-128]
MCM: Cmo MCM?
Dar formatos en los datos de ingresos.

A travs de un Ejemplo o o datos por omisin
Usar Gua de estilo:

Basarse en un nmero de reglas que se aplican en toda la
interfaz
nmero pequeo.
si es grande se convierte en un problema comprobarlas todas
si no hay reglas el usuario no puede establecer patrones de
comportamiento comn en los elementos de la interfaz
Usar comandos genricos:

soportan la transferencia de aprendizaje entre distintas
aplicaciones
MCM: Comandos genricos
No tienen por qu
comportarse de la misma
manera en todos los casos
AAAAAAAAAA
BBBBBBBBBB
PASTE
AAAAAAAAAA
CCCCCCCCCC
BBBBBBBBBB
Diaz Muante Jorge
MCM
PASTE
Es necesario determinar
QU hace que los usuarios
sientan de manera natural
que es el mismo comando.
(Look & Feel)
MCM
4 Consistencia
Uno de los principios ms
bsicos
Si un usuario sabe que una
accin siempre tiene el mismo
efecto se sentir:
ms confiado a la hora de utilizar el
sistema
ms animado a la hora de probar el
sistema mediante exploracin
porque tiene parte del

conocimiento necesario para
operar con nuevas partes del
sistema.
Heuristicas (cont.)
Consistencia en el diseo de la interfaz
Misma informacin
misma posicin y mismo
formato en la pantallla y en las cajas de dilogo
Seguir un estndar de diseo de interfaz
cmo indicar que hay disponible un men emergente (popup)
tipo de letra a utilizar (fuente y tamao)
Dejan muchos grados de libertad a los diseadores
H2-4: Consistencia y estandard
5 Feedback (FB)
FB: Cmo?
Informar al usuario de:
Refrasear la entrada proporcionada al usuario
qu se est haciendo
Hacer la operacin y no decir nada
cmo se interpreta la entrada que aporta el usuario
Archivo a grabar ya existe

o
qu
pasa?
>Bajando!
> Bajando
Tomar 5
minutos...
Tiempo
para el
cafe.
No espere que ocurre

un error
Diaz Muante Jorge
Mejor
Una mas reciente
FB: Grados de persistencia
FB: Tiempo de respuesta (TR)
Corta
El mensaje es relevante mientras ocurre un suceso. El
mensaje debe desaparecer una vez que el evento deja de
existir.
Intermedia
El Feedback es importante cuando el sistema tiene

largos tiempos de respuesta
[Miller, 1968; Card et al., 1991] Lmites en los
tiempos de respuesta de acuerdo con la actitud
cognitiva del usuario:
El usuario debe ser consciente del mensaje enviado. Se

hace que el usuario reconozca haberlo ledo.
0.1 segundos
Larga:
10.0 segundos
1.0 segundos
Se convierte en una parte permanente de la interfaz
FB:TR: 0,1 segundos
FB:TR: 1,0 segundos
0.1 segundos:
1.0 segundos:
lmite para que el usuario perciba que el sistema est

reaccionando instantneamente.
lmite aproximado para que el flujo de pensamiento no se

interrumpa aunque se perciba retraso
No es necesario ningn tipo de feedback.
No suele ser necesario ningn tipo de feedback (entre 0.1

y 1.0 segundos)
Basta con mostrar los resultados
El usuario pierde la sensacin de que est operando

directamente con los datos.
Diaz Muante Jorge
10
FB:TR: 10 segundos
FB:TR: Variable
10.0 segundos:
Variable:
lmite aproximado de mantenimiento de la atencin del

usuario sobre el dilogo
indicar cunto tiempo se necesita para acabar la tarea

as el usuario sabe a qu atenerse
Si es superior, el usuario querr hacer otras tareas

mientras espera a que el computador termine.
Contacting host (10-60 seconds)
El feedback debe indicar cundo se espera finalizar la

tarea
cancel
FB:TR: Recomendacin
El tiempo de respuesta cuanto ms corto mejor.

Hay casos en los que hay que demorar para que el usuario
pueda reaccionar.
FB:TR: Cundo dar feedback? de qu tipo?
En los casos en los que el computador no puede

proporcionar una respuesta inmediata.
Si TR > 10 segs ofrecer un indicador de progreso
La temporizacin basada en tiempo real y no

dependiente de la velocidad del procesador.
indican al usuario que no se ha producido fallo en el

sistema (no se ha quedado colgado)
Si se sustituye el computador por otro ms moderno, la

interfaz debera seguir siendo usable
indican aproximadamente cunto tiempo tiene que esperar

el usuario
proporciona al usuario algo a lo que mirar
FB
FB
Varios archivos se estan

copiando, la retroalimentacin
es archivo por archivo
Drawing Board LT
Diaz Muante Jorge
11
FB:TR: No se puede estimar duracin
FB: Fallos del sistema (FS)
indicar cantidad de trabajo que se est realizando

indicar, al menos, que se est trabajando
Dar feedback informativo
Si 2<TR<10
no usar indicador de progreso
Nunca dejar de responder sin un mensaje
utilizar cambios en los cursores

cifras que cambian en una parte de la pantalla
6 Sealizar la salida (SLS)
Hacer que los sistemas tengan una degradacin

graciosa
SLS
El usuario controla los dilogos si, en cualquier

momento, tiene una puerta que signifique
interrumpir el proceso actual
En procesos en los que el TR>10
Otra manera: funcionalidad de DESHACER

Responder a acciones del usuario antes que a los
procesos largos
Las salidas SIEMPRE VISIBLES
El usuario tiene que tener el control

Al usuario no le gusta
que lo obliguen
cmo
salgo
de
esto?
Tiene
20 segundos
para
completarlo
Cancelar (para dialogos que esperan un ingreso)

Deshacer (permite regresar a un estado previo)
interrumpir (especialmente para operacione largas)
Salir (para liberar el programa en cualquier momento)
Omisin (Para recuperar opciones pre-establecidas)
7 Abreviaturas (ABR)
Para
operaciones
experimentados
frecuentes
de
usuarios
con teclas de funcin

con teclas especiales (CTRL, ALT, WINDOWS)
Estrategia:
Boton cancelar o
Esc para los dialogos
Diaz Muante Jorge
con operaciones del ratn (ejm. doble click)
12
ABR: input con adelanto
ABR: en grandes espacios de informacin
No es abreviatura
Permitir ir a la posicin que desee.
El usuario tiene que escribir completamente la entrada
Muy adecuada la aproximacin hipertextual
permite no atender a todos los elementos de dilogo
En sist. de archivos (filesystems) se usan alias
Se puede usar en interfaces telefnicas
Los lugares populares e importantes
interrumpir la lista de opciones que se ofrecen
bautizados por los usuarios con nombres sencillos
Tambin en IGUs - click con adelanto

OJO! Peligrosos si se permiten en cualquier
circunstancia
ABR: Historia de la interaccin

Los usuarios deben poder reutilizar la historia de la
interaccin.
Opciones de men con los ltimos comandos
Repetir el ltimo comando de bsqueda
Visualizacin de los ltimos estados (en IGUs)
Otras abreviaturas
ltimos archivos abiertos
abrir archivos que suelen abrirse conjuntamente
ms complicados de conseguir
BOOKMARKS (Marcadores)
Siguiendo el principio MCM, debe existir una

manera sencilla de acceder a la lista de referencias.
ABR: Valores por defecto
Son abreviaturas
es ms rpido reconocer un valor por defecto y aceptarlo
que especificar un valor o una opcin
Pueden estar ocultos en una pantalla opcional por si el
ususario necesita modificarlos
Ayudan a conocer el sistema

reducen el nmero de acciones de los usuarios
dan indicacin del tipo de valores que se pueden
especificar de manera legal
8 Mensajes de error [ERR]
ERR: Recomendaciones de uso de los mensajes
Las situaciones de error son crticas porque:
Lenguaje claro y sin oscuros cdigos
representan situaciones en las que el usuario tiene problemas y es

posible que no pueda usar el sistema para conseguir el objetivo
deseado
Deben ser precisos (no vagos ni generales)
son oportunidades del usuario para comprender mejor el sistema ya

que motivan al usuario a prestar atencin a los contenidos de los
mensajes porque es el computador el que tiene el conocimiento de en
qu consiste el sistema
Ayudar de manera constructiva a resolver el

problema
Mensajes educados y no intimidatorios
No echar la culpa al usuario
refrasear y hacer que el computador asuma la culpa (como
realmente est ocurriendo, porque la interfaz tendra que
haber sido diseada para que no se produjera dicho error).
Diaz Muante Jorge
13
ERR: Recuperacin de los errores
ERR
Resolver los problemas ocasionados por una

interaccin errnea
Deshacer
Editar y relanzar comandos anteriores
Ha ocurrido
error 15762
Mensajes de mltiples niveles

Mensajes ms cortos y ms rpidos de leer
Con acceso a una descripcin ms detallada [tcnica] del
error que se ha producido
Normalmente 2 niveles [tericamente podra haber n, y
navegar entre ellos en un hipertexto]
cul es el error 15762?
9 Prevenir errores [PE]
PE: Evitar los modos
Mejor que proporcionar mensajes de error es

prevenir las situaciones de error.
Son una fuente de error y frustracin

Es casi imposible evitarlos en interfaces de cierta
complejidad
Teclear algo =>posibles errores tipogrficos
Cmo conocer las situaciones de error?

Evaluacin de la interfaz y los usuarios
ofrecer feedback acerca del modo en el que se encuentra

la interfaz
Mediante un sistema que apunte los errores cometidos
Intentar que el sistema no tenga modos muy parecidos
OBJETIVO: reducir la frecuencia de los errores

sobre todo los que tienen consecuencias serias
10 Ayuda y documentacin [AYD]
AYD: Uso de la documentacin
Mejor que el sistema no haga necesaria la utilizacin de la

ayuda o documentacin.
Los usuarios atraviesan tres estados cuando

interactan con manuales y sistemas de ayuda:
Documentacin:
Para que los usuarios alcancen ms habilidad
Buscar. Localizar la informacin relevante para una

necesidad especfica.
Hecho: Los usuarios no leen los manuales!
Entender la informacin.
Slo en situacines de pnico y necesitan ayuda inmediata
Aplicar el procedimiento tal y como se describe en la

documentacin.
Por tanto: DOCUMENTACIN ON-LINE

Volume 2
DIU
Diaz Muante Jorge
14
Heuristicas (revisado)
searching database for matches
H2-1: Visibilidad del estado del sistema

Mantener al usuario informado acerca de lo que esta ocurriendo
ejemplo: prestar atencion al tiempo de respuesta
0.1 sec: no se requiere indicadores especiales
Segunda
categorizacin heurstica
1.0 sec: el usuario tiende a perder la hilacin

10 sec: max. duracion de atencion del usuario
para demoras mayores, use barras de progreso con porcentaje de
realizacion
Jacob Nielsen
11/06/2016
H2-1: Visibilidad del estado del sistema
Heuristicas (cont.)
Ejemplo errado: Mac desktop

Arrastrar el disco al basurero
IE: descarga
Mejor feedback
MS Windows: Buscar
No estima el tiempo
sera borrado, no arrojado
H2-2: Empatar el mundo real y el sistema

hable en el lenguaje del usuario
Lectura de izq a der y de arriba abajo

Cosas con proximidad fsica normalmente
estn relacionadas entre s
Cosas de mayor tamao normalmente son
ms importantes
Dialogo simple
Heuristicas (cont.)
Wizards
Compuserve Information Manager

File
Edit
Services
Mail
Special
Window
debe responder al que

antes de ir al siguiente
Help
Services
Telephone Access Numbers
para tareas no frecuentes
PHONES
Access Numbers & Logon
Instructions
United States and Canada
(ejm. configurar el modem)
no para tareas comunes
United States and Canada

CompuServe Network
Only 9600 Baud
List
? List
List by:
State/Province
Area Code
Diaz Muante Jorge
bueno para los novatos

H2-3: Control y libertad del usuario tene 02 versiones (WinZip)
exits para selecciones
equivocadas, undo
no forzar a pasos rigidos
15
H2-3: Control y libertad del usuario
undo, reconstruir
link al HP
Heuristicas (cont.)
Donde estamos
MS Web Pub. Wiz.

Antes de conectarse
pregunta por id & password
Cuando se conecta
pregunta otra vez por id &
pw
Heuristicas (cont.)
H2-5: Prevencion de errores

H2-6: Reconocimieno antes que
re-llamar
Hacer objetos, acciones y
direcciones visibles y faciles
de recuperacin
Heuristicas (cont.)
Ctrl + C
H2-7: Flexibilidad y eficiencia en el uso

aceladores para expertos (shortcuts)
H2-8: Diseo estetico y minimalista
permitir a los usuarios abreviar acciones frecuentes (ejm.

macros)
No incluir informacion no importante en los dialogos
Heuristicas (cont.)
Heuristicas (cont.)
H2-10: Ayuda y documentacin

facil para buscar
focalizado sobre las tareas del usuario
lista concreta con los pasos a realizar
no muy extenso
H2-9: Ayuda para que el usuario reconozca,

diagnostique y se recupere de errores
mensajes de error con lenguaje sencillo
indicar con precision el problema
Sugerir una solucion
Diaz Muante Jorge
16
Fases de EH
cmo desarrollar la evaluacin?
1) Entrenamiento de pre-evaluacion
Al menos en 02 pasos por cada evaluador
dar a los evaluadores el conocimiento e informacin

necesaria sobre el escenario
primero dar un feel y objetivo del sistema
2) Evaluacion
segundo, focalizar sobre elementos especificos
evaluacin individual y luego agrupar los resultados
Si el sistema es instale_use o los evaluadores son expertos,

no necesita asistencia
3) Clasificacin de severidad
caso contrario ayudar a los evaluadores con escenarios
determinar el grado de severidad de cada problema

(prioridad)
Cada evaluador produce una lista de problemas
4) Resumen
explicar la referencia heuristica u otra informacin

ser especifico y listar cada problema por separado
discutir los resultados con el grupo de diseo
Ejemplos
cmo desarrollar la evaluacin?
No puede copiar informacion desde una ventana a

otra
Porque listados por cada violacin?
viola Minimizar la carga en la memoria al usuario (H1-3)
puede no ser fcil solucionar todos los problemas
solucion : permitir el copiado
donde los problemas pueden ser encontrados
Tipografia: usa mezcla de minusculas y mayusculas

en los formatos y fonts
en un solo lugar del IU
viola Consistencia y estandard (H2-4)
Riesgo de repetir aspectos problemticos
02 o ms lugares que necesitan ser comparados

problemas con estructuras generales de IU
solucion: un formato simple para toda la interfaz
Clasificacin de severidad
Usado para distribuir los recursos a la solucin de los
problemas
Estimar el esfuerzo necesario para una mayor usabilidad
Combinacin de
frequencia
impacto
persistencia (una vez o repetitivo)
Clasificacin de severidad (cont.)
0 - Difiere al conjunto de heurstica

1 - problema cosmtico
2 - problema de usabilidad mnimo
3 - problema de usabilidad mayor; importante para
solucionarlo
4 - Usabilidad catostrfica; obligatorio su solucin
Debe ser calculado despues que todos los evaluadores

terminen
Debe ser hecho independiente
Diaz Muante Jorge
17
Factores de severidad
Frecuencia.
Raro o comun el problema
Impacto
Resumen
Realizado con los evaluadores, observadores, y los
miembros de desarrollo
Discutir las caracteristicas general del IU
Cuando ocurre si es dificil recuperarse
sugerir mejoras potenciales para mejorar los problemas de

usabilidad
Persistencia
Desarrollar ratios de las cosas que son dificiles de solucionar
Si el usuario repite el error.
Hacer una sesin de tormenta de ideas

crtico hasta finalizar la sesin
Ejemplos de clasificacin de severidad
EH vs. Prueba del Usuario

EH es mucho ms rpido
1-2 horas por cada evaluador vs. Dias-semanas
1. [H1-4 Consistencia] [Severidad 3][solucin 0]
EH no requiere interpretar las acciones del usuario
La interfaz usa la palabra guardar en la primera pantalla

para guardar un archivo del usuario, pero se usa las
palabras escribir el archivo en la segunda pantalla. Los
usuarios puede confundirse por esta diferencia en la
terminologa para la misma funcin.
La prueba del usuario es mucho mas detallada (por

definicin)
toma en cuenta los usuarios actuales y sus tareas
EH puede perder problemas y encontras falsos
problemas
Es bueno alternar entre EH y prueba del usuario
Encontrar diferentes problemas
Resultado de usar EH
Resultados de usar EH (cont.)
Disminucin: ratio costo-beneficio de 48 [Nielsen94]
Un solo evaluador restringe a pobre resultado
cost puede ser $10,500 para un beneficio de $500,000
solo puede encontrar el 35% de problemas usabilidad
valor de cada problema ~15K (Nielsen & Landauer)
5 evaluadores encuentran ~ 75% de problemas de

usabilidad
cmo llegamos a calcular este valor?

En-casa -> productividad; abrir el negocio -> ventas
Correlacion entre la severidad y el hallazgo de

problemas HE
Diaz Muante Jorge
por qu no ms evaluadores? 10? 20?

Adicionar evaluadores es mayor costo
muchos evaluadores no implica que encuentren mucho mas
problemas
18
Retorno decreciente
Resumen
EH es un mtodo barato
Encontrar problemas
Costo/beneficio
Los evaluadores revisan la IU

Tarea qu no se cumple con las heursticas?
Combinar la busqueda entre 03 a 5 evaluadores
Tener evaluadores con clasificacin de errores
independientes
Discutir los problemas con el grupo de diseo
Alternar con pruebas del usuario
Grfico para un ejemplo especfico
Diaz Muante Jorge
19

C11 Evaluacion Heuristica DIU Modo de Compatibilidad

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

C11 Evaluacion Heuristica DIU Modo de Compatibilidad

Hochgeladen von

Copyright:

Verfügbare Formate

Diseo de Interfaces de Usuarios

Evaluacin Heurstica (EH)

ANSI/IEEE Std 100-1984, trata de mtodos o algoritmos exploratorios durante la

Diaz Muante Jorge

Diseo de Interfaces de Usuarios

por qu diferentes evaluadores?

Segundo Set (1994)

Lista suplementaria de categoras especficas

Usar las violaciones para redefinir o fijar los problemas

Diferencia con la Ingeniera de Usabilidad

H1-6: Sealar claramente

H1-2: Hable en el lenguaje

H1-3: Minimizar la carga de

Una prueba de usabilidad estndar puede durar unas

H1-8: Preciso & mensajes

puede ser aprendido en 2 - 4 horas

H.1. Dilogo simple y natural

Debe encajar de manera natural con

Diaz Muante Jorge

Diseo de Interfaces de Usuarios

H.1. Informacin justa

H.1. Secuencia adecuada a las tareas

Presentar slo la informacin que necesita el

Los objetos de informacin se deben mostrar en la

en el momento que se necesite

No imponer secuencia salvo que sea necesario.

en el lugar que se necesite

Permitir al usuario controlar el dilogo

La informacin que se necesita utilizar

Proponer una secuencia sugerida

como mnimo, debe aparecer en la misma pantalla

para adaptar las tareas a sus preferencias

implcita: secuencia de campos mostrados verticalmente

cual IU a la fama o la vergenza?

H.1. Organizacin de la pantalla

Seguir los criterios de la percepcin humana:

H.1. Organizacin de la pantalla

Cajas de dilogo con:

Cuidado al separar para evitar que

Diaz Muante Jorge

Diseo de Interfaces de Usuarios

H.1 Organizacin de la pantalla

los ms grandes destacan ms

Presentar los elementos segn el orden de lectura habitual

H.1 Organizacin de la pantalla

Para atraer la atencin del usuario

H.1 Uso de colores en las pantallas

Gris claro y colores pastel mejor como

Asegrate de que se puede usar la

daltnicos, pantallas monocromo

El color slo para categorizar, diferenciar y

H.1. Menos es ms (DSN:MEM)

El rey Harald orden construir estos mausoleos en honor

No para dar informacin (especialmente

Ejemplo de un Call Center

Normalmente se puede identificar la info importante

Cualquier informacin que se presente es algo

Diaz Muante Jorge

80% de llamadas pueden ser

Diseo de Interfaces de Usuarios

Ejemplo de una Empresa de RRHH

Evitar informacin innecesaria que ocupa espacio

Nmero de la versin del sistema en uso