C11 Evaluacion Heuristica DIU Modo de Compatibilidad

Diseo de Interfaces d
Diseo de Interfaces Profesor:
Ciclo 2012-2 Diaz Muante Jorge
Metodos de Evaluacion Evaluacin Heurstica (EH)
24/11/2012
Diseo Iterativo qu es heuristica?
Diseo 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
Analisis de Tareas evaluacin del progreso logrado en la bsqueda de un resultado final.
escenarios
Prototipo sketching
low-fi
papel
Prueba low-fi
Evaluar 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 1

por qu diferentes evaluadores? Proceso de la EH
Un evaluador no encuentra todos los problemas Evaluadores observan la IU varias veces

Buenos evaluadores encuentra los faciles y dificiles 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 Heuristicas (original)
H1-1: Dilogo simple y H1-6: Sealar claramente

Barato natural las salidas
No se necesita laboratorios o equipos especializados H1-2: Hable en el lenguaje H1-7: Abreviaturas
del usuario (shortcuts)
Rapido H1-8: Preciso & mensajes
H1-3: Minimizar la carga de de errores constructivos
a lo mas en un 01 dia
memoria del usuario
Una prueba de usabilidad estndar puede durar unas H1-9: Prevenir errores
H1-4: Consistencia
semanas H1-10: Ayuda y
H1-5: Feedback o documentacin
Facil de usar retroalimentacin
puede ser aprendido en 2 - 4 horas
H.1. Dilogo simple y natural H.1. Informacin justa
Cuanto ms simple, mejor. Presentar slo la informacin que necesita el

Cada elemento es una cosa ms a usuario y no ms
aprender en el momento que se necesite
saltarse cuando se busca un elemento concreto en el lugar que se necesite
posiblemente mal entendido
La informacin que se necesita utilizar
Debe encajar de manera natural con la tarea del conjuntamente debe presentarse agrupada
usuario
como mnimo, debe aparecer en la misma pantalla
correspondencia elementos informticos-mundo real
minimizar la navegacin por la interfaz.
Diaz Muante Jorge 2

H.1. Secuencia adecuada a las tareas H.1. Organizacin de la pantalla
Los objetos de informacin se deben mostrar en la Seguir los criterios de la percepcin humana:
secuencia en la que los usuarios hacen las cosas. Las cosas se perciben como una unidad si:
No imponer secuencia salvo que sea necesario. estn juntas
Permitir al usuario controlar el dilogo estn rodeadas por lneas o cajas
para adaptar las tareas a sus preferencias se mueven o cambian a la vez

se parecen con respecto a forma, color, tamao o tipografa.
Proponer una secuencia sugerida
implcita: secuencia de campos mostrados verticalmente
explcita:secuencia de cajas que se recomienda en una ventana
H.1. Organizacin de la pantalla H.1.Organizacin de la pantalla
Cajas de dilogo con:

opciones agrupadas dentro de la misma caja
Cuidado al separar para evitar que
elementos similares se consideren asociados
separadas mediante lneas o espacios en blanco a otros.
Saldo
10,000 NS 2,000 NS
cul es el saldo?
10,000 2,000 NS?
H.1 Organizacin de la pantalla H.1 Organizacin de la pantalla
Hacer destacar los elementos de dilogo ms Para atraer la atencin del usuario
importantes TEXTO EN MAYSCULAS
una rea pequea rodeada por lneas destaca No hacerlo con mucha frecuencia
mediante colores ms oscuros Leer texto en maysculas es un 10% ms lento que uno con maysculas
y minsculas
cambiando la fuente de la letra (negrita, itlica) Objetos parpadeantes
cambiando el tamao de los objetos SLO EN CASOS MUY EXTREMOS
los ms grandes destacan ms porque es molesto y distrae mucho
Presentar los elementos segn el orden de lectura

habitual
Diaz Muante Jorge 3

H.1 Uso de colores en las pantallas H.1. Menos es ms (DSN:MEM)
Otras recomendaciones con respecto al uso de El rey Harald orden construir estos mausoleos en honor
colores en pantallas: de Gorm, su padre y Thyre, su madre, progenitores del
No recargarla en colores que conquist por s solo toda Dinamarca y Noruega e
no ms de 5 a 7 distintos.
hizo a los daneses cristianos: el rey Harald.
Gris claro y colores pastel mejor como fondos [inscripcin en una losa, S. X en Dinamarca]
Asegrate de que se puede usar la interfaz sin colores
daltnicos, pantallas monocromo Cul es el mensaje?
El color slo para categorizar, diferenciar y resaltar
No para dar informacin (especialmente cuantitativa)
DSN:MEM DSN:MEM
Aadir info y campos de datos a una IU puede distraer de la Evitar informacin innecesaria que ocupa espacio
informacin ms importante. de pantalla con:
Normalmente se puede identificar la info importante Logos de la empresa
mediante un anlisis adecuado de tareas.
mejor al comienzo de la aplicacin (adems sirve de feedback al
Hacer una pantalla sencilla con esa informacin usuario)
Relegar la dems informacin a pantallas auxiliares
Nmero de la versin del sistema en uso
Cualquier informacin que se presente es algo mejor accesible a travs del sistema de ayuda del sistema
que los usuarios tendrn que mirar
reducir su velocidad de trabajo (fraccin de segs.)
DSN:MEM DSN:MEM:Funcionalidad y Estilos de Interaccin

Correo electrnico/news
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)
Cada nueva opcin del sistema
Received: from chico.rediris.es (chico.rediris.es [130.206.1.3]) by scsx01.sc.ehu.es
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 hacer crecer el manual
v1.1b) with SMTP id <14.000515FA@chico.rediris.es>; Fri, 19 Nov 1999
15:43:56 +0100
ms intimidatorio
Date: Fri, 19 Nov 1999 09:43:15 -0500 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>
Introducir una frmula en hoja de clculo
Subject: VisualAge for Java?
To: SIGCSE.MEMBERS@ACM.ORG
HC1: 2,9 segundos HC2: 4,6 segundos
Status: U
Diaz Muante Jorge 4

DSN:MEM: Estilos de interaccin alternativos DSN:MEM: Ciclo de aprendizaje
Reducir funcionalidad <> E.I. Alternativos Sistemas comunmente: Novato + experto

teclado + manipulacn directa + abreviaturas Si hay niveles de complejidad: Ciclo de aprendizaje
Alternativas: (training wheel)
El usuario debe ser capaz de decidir cul es la mejor limitar funcionalidad para novatos
Experimento con ciclo de aprendizaje (escribir una texto largo):
Para aprender:
SIN CA: 116 minutos
Mejor ver 1 el mtodo general (luego ya aprendern)
CON CA: 92 minutos
los mtodos alternativos ms tarde
asegurarse de que no confunden a los novatos
2 Hablar el lenguaje del usuario (HLU) 2 Hablar el lenguaje del usuario (HLU)
My program gave
Mi programa me the
ha dado el EsoThats
es No,no
No, no... Rsdrd Info
Info rstrgda
La terminologa se debe basar en el lenguaje del
message Rstrd Info. restricted But
Perosurely you can
estas segura
mensaje Info rstrgda. informacion
What
qu does it mean?
significa? information
restringida
telldice
que eso me!!!!!! stands
significafor Restricted
informacin
Information
restringida
usuario (nunca del sistema)
Usar la lengua (idioma) del usuario. Utilizar
elementos no verbales como los iconos
no usar palabras poco frecuentes
si los usuarios tienen terminologa especializada, se usa
Hmm Pero
Hum... but what
que
ItEso
means the que
significa program
el Ok,
Ok, Illa take
voy tomara un (mejor palabras especficas y sin ambigedad).
does it mean??? isprograma
too busyestato let
muyyou coffee
trago
significa !!!
ocupadolog.. on
Y no Desde la perspectiva del usuario.
puedes ingresar
HLU HLU: Cmo conseguir HLU?
No forzar convenciones en los nombres de objetos Preguntar a los usuarios?

que usa el usuario El desacuerdo verbal garantiza fracaso
los nombres deben ser tan largos como se desee Experimento[Furnas et al, 1987]
no truncar sin antes avisar al usuario y dar la posibilidad de ajustarse Dejar que los usuarios voten entre una serie de
a los lmites
posibilidades
Experimento de [Bloom, 1988]
Diaz Muante Jorge 5

HLU: Otras maneras HLU: Correspondencias y Metforas
El computador admite sinnimos

Se necesita establecer una correspondencia entre:
Permitir uso de alias
Elementos de la pantalla
creados por el usuario
Modelo conceptual del usuario de la informacin
creados por el sistema [Furnas, 1985]
No es sencillo.
La tierra <--> un mapa del mundo?
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

Tasas de similaridad de pares de conceptos
Observar a los usuarios
Resultados:
utilizados directamente
interpretados a travs de anlisis estadstico (progs)
HLU:CYM: Metforas HLU:CYM: Problemas
Establecen correspondencia entre: Cuidado de no implicar ms de lo que se pretende

el sistema informtico de manera inadvertida.
un sistema de referencia conocido por los usuarios La metfora debe ser un modelo ms simple de un modelo
ms detallado del sistema y no una representacin directa
Tambin pueden confundir a los usuarios 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.
Diaz Muante Jorge 6

HLU 3 Minimizar la carga de memoria del usuario (MCM)
Computadora es buena: Personas buenas en:
recordar grandes cantidades reconocer elementos

de datos con mucha que se les muestran
precisin incluso con ruido de
fondo
manejan y cuentan
cantidades fsicas detectar eventos
inusuales y/o
comportarse de igual manera inesperados
incluso sobre grandes
espacios de tiempo adaptar la respuesta
fsica a los cambios de
etc. 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. 01-Nov-2012):
OJO! Mostrar demasiados objetos y atributos va en contra
del principio menos es ms Margen izquierdo: 10 puntos [0-128]
MCM MCM: Cmo MCM?
Usar Gua de estilo:

Dar formatos en los datos de ingresos. Basarse en un nmero de reglas que se aplican en toda la
interfaz
A travs de un Ejemplo o o datos por omisin
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
Diaz Muante Jorge 7

MCM: Comandos genricos

MCM
No tienen por qu
AAAAAAAAAA comportarse de la misma
BBBBBBBBBB manera en todos los casos
Es necesario determinar
QU hace que los usuarios
PASTE PASTE
sientan de manera natural
que es el mismo comando.
AAAAAAAAAA (Look & Feel)
CCCCCCCCCC
BBBBBBBBBB
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.
Consistencia en el diseo de la interfaz 5 Feedback (FB)
Misma informacin misma posicin y mismo Informar al usuario de:

formato en la pantallla y en las cajas de dilogo qu se est haciendo
Seguir un estndar de diseo de interfaz cmo se interpreta la entrada que aporta el usuario
cmo indicar que hay disponible un men emergente (pop-
up)
Tiempo
qu
tipo de letra a utilizar (fuente y tamao) pasa? >Bajando! > Bajando
Tomar 5
para el
cafe.
minutos...
Dejan muchos grados de libertad a los diseadores
No espere que ocurre

un error
Diaz Muante Jorge 8

FB: Cmo? Mejor
Refrasear la entrada proporcionada al usuario

Hacer la operacin y no decir nada
Voy a grabar un archivo con el mismo nombre
o
FB: Grados de persistencia FB: Tiempo de respuesta (TR)
Corta El Feedback es importante cuando el sistema tiene

El mensaje es relevante mientras ocurre un suceso. El largos tiempos de respuesta
mensaje debe desaparecer una vez que el evento deja de [Miller, 1968; Card et al., 1991] Lmites en los
existir.
tiempos de respuesta de acuerdo con la actitud
Intermedia cognitiva del usuario:
El usuario debe ser consciente del mensaje enviado. Se 0,1 segundos
hace que el usuario reconozca haberlo ledo.
1,0 segundos
Larga: 10,0 segundos
Se convierte en una parte permanente de la interfaz
FB:TR: 0,1 segundos FB:TR: 1,0 segundos
00,1 segundos: 01,0 segundos:

lmite para que el usuario perciba que el sistema est lmite aproximado para que el flujo de pensamiento no se
reaccionando instantneamente. interrumpa aunque se perciba retraso
No es necesario ningn tipo de feedback. No suele ser necesario ningn tipo de feedback (entre 0,1
Basta con mostrar los resultados y 10 segundos)
El usuario pierde la sensacin de que est operando
directamente con los datos.
Diaz Muante Jorge 9

FB:TR: 10 segundos FB:TR: Variable
10,0 segundos: Variable:

lmite aproximado de mantenimiento de la atencin del indicar cunto tiempo se necesita para acabar la tarea
usuario sobre el dilogo as el usuario sabe a qu atenerse
Si es superior, el usuario querr hacer otras tareas
mientras espera a que el computador termine.
El feedback debe indicar cundo se espera finalizar la
tarea Contacting host (10-60 seconds)
cancel
FB:TR: Recomendacin FB:TR: Cundo dar feedback? de qu tipo?
El tiempo de respuesta cuanto ms corto mejor. En los casos en los que el computador no puede
Hay casos en los que hay que demorar para que el usuario proporcionar una respuesta inmediata.
pueda reaccionar. Si TR > 10 segs ofrecer un indicador de progreso
La temporizacin basada en tiempo real y no indican al usuario que no se ha producido fallo en el
dependiente de la velocidad del procesador. sistema (no se ha quedado colgado)
Si se sustituye el computador por otro ms moderno, la indican aproximadamente cunto tiempo tiene que esperar
interfaz debera seguir siendo usable 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 10

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
Hacer que los sistemas tengan una degradacin
graciosa
6 Sealizar la salida (SLS) SLS
El usuario controla los dilogos si, en cualquier

momento, tiene una puerta que signifique cmo
interrumpir el proceso actual salgo
de
En procesos en los que el TR>10 Tiene esto?
Otra manera: funcionalidad de DESHACER 20 segundos
para
Responder a acciones del usuario antes que a los completarlo
Cancelar (para dialogos que esperan un ingreso)
procesos largos Deshacer (permite regresar a un estado previo)
Las salidas SIEMPRE VISIBLES interrumpir (especialmente para operacione largas)
Salir (para liberar el programa en cualquier momento)
Omisin (Para recuperar opciones pre-establecidas)
7 Abreviaturas (ABR) ABR: input con adelanto
Para operaciones frecuentes de usuarios No es abreviatura

experimentados El usuario tiene que escribir completamente la entrada
con teclas de funcin permite no atender a todos los elementos de dilogo
con teclas especiales (CTRL, ALT, WINDOWS) Se puede usar en interfaces telefnicas
con operaciones del ratn (ejm. doble click)
interrumpir la lista de opciones que se ofrecen
Tambin en IGUs - click con adelanto
OJO! Peligrosos si se permiten en cualquier
circunstancia

ABR: en grandes espacios de informacin ABR: Historia de la interaccin
Permitir ir a la posicin que desee. Los usuarios deben poder reutilizar la historia de la
Muy adecuada la aproximacin hipertextual interaccin.
En sist. de archivos (filesystems) se usan alias Opciones de men con los ltimos comandos
Los lugares populares e importantes Repetir el ltimo comando de bsqueda

Visualizacin de los ltimos estados (en IGUs)
bautizados por los usuarios con nombres sencillos
BOOKMARKS (Marcadores) Otras abreviaturas
Siguiendo el principio MCM, debe existir una ltimos archivos abiertos
manera sencilla de acceder a la lista de referencias. abrir archivos que suelen abrirse conjuntamente
ms complicados de conseguir
ABR: Valores por defecto 8 Mensajes de error [ERR]
Son abreviaturas Las situaciones de error son crticas porque:

es ms rpido reconocer un valor por defecto y aceptarlo representan situaciones en las que el usuario tiene
que especificar un valor o una opcin problemas y es posible que no pueda usar el sistema para
Pueden estar ocultos en una pantalla opcional por si el conseguir el objetivo deseado
usuario necesita modificarlos son oportunidades del usuario para comprender mejor el
sistema ya que motivan al usuario a prestar atencin a los
Ayudan a conocer el sistema contenidos de los mensajes porque es el computador el
reducen el nmero de acciones de los usuarios que tiene el conocimiento de en qu consiste el sistema
dan indicacin del tipo de valores que se pueden
especificar de manera legal
ERR: Recomendaciones de uso de los mensajes ERR
Lenguaje claro y sin oscuros cdigos

Deben ser precisos (no vagos ni generales)
Ayudar de manera constructiva a resolver el
problema Ha ocurrido
error 15762
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).
cul es el error 15762?

ERR: Recuperacin de los errores 9 Prevenir errores [PE]
Resolver los problemas ocasionados por una Mejor que proporcionar mensajes de error es evitar
interaccin errnea las situaciones de error.
Deshacer Teclear algo =>posibles errores tipogrficos
Editar y relanzar comandos anteriores
Cmo conocer las situaciones de error?
Mensajes de mltiples niveles
Evaluacin de la interfaz y los usuarios
Mensajes ms cortos y ms rpidos de leer
Mediante un sistema que apunte los errores cometidos
Con acceso a una descripcin ms detallada [tcnica] del
error que se ha producido OBJETIVO: reducir la frecuencia de los errores
Normalmente 2 niveles [tericamente podra haber n, y sobre todo los que tienen consecuencias serias
navegar entre ellos en un hipertexto]
PE: Evitar los modos 10 Ayuda y documentacin [AYD]
Son una fuente de error y frustracin Mejor que el sistema no haga necesaria la utilizacin de la
ayuda o documentacin.
Es casi imposible evitarlos en interfaces de cierta
Documentacin:
complejidad
Para que los usuarios alcancen ms habilidad
ofrecer feedback acerca del modo en el que se encuentra
la interfaz Hecho: Los usuarios no leen los manuales!
Intentar que el sistema no tenga modos muy parecidos Slo en situacines de pnico y necesitan ayuda inmediata
Por tanto: DOCUMENTACIN ON-LINE
Volume 2
DIU
AYD: Uso de la documentacin
Los usuarios atraviesan tres estados cuando

interactan con manuales y sistemas de ayuda: Segunda Jacob Nielsen
Buscar. Localizar la informacin relevante para una categorizacin
necesidad especfica. heurstica
Entender la informacin.
Aplicar el procedimiento tal y como se describe en la
documentacin.
24/11/2012

Heuristicas (revisado) H2-1: Visibilidad del estado del sistema
searching database for matches IE: descarga

MS Windows: Buscar
No estima el tiempo Mejor feedback
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
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
Heuristicas (cont.)
Dialogo simple
Compuserve Information Manager

File Edit Services Mail Special Window Help
Ejemplo errado: Mac desktop
Services
Arrastrar el disco al basurero Telephone Access Numbers
PHONES
sera borrado, no arrojado Access Numbers & Logon
Instructions
H2-2: Empatar el mundo real y el sistema United States and Canada
United States and Canada
hable en el lenguaje del usuario CompuServe Network
Lectura de izq a der y de arriba abajo Only 9600 Baud
List
Cosas con proximidad fsica normalmente
estn relacionadas entre s ? List
Cosas de mayor tamao normalmente son List by:
State/Province
ms importantes Area Code
Heuristicas (cont.) H2-3: Control y libertad del usuario
Wizards
debe responder al que undo, reconstruir link al HP Donde estamos
antes de ir al siguiente
para tareas no frecuentes
(ejm. configurar el modem)
no para tareas comunes
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

Heuristicas (cont.) Heuristicas (cont.)
MS Web Pub. Wiz.

Antes de conectarse H2-5: Prevencion de errores
pregunta por id & password

H2-6: Reconocimieno antes que
re-llamar
Cuando se conecta
H2-4: Consistencia y estandard Hacer objetos, acciones y
pregunta otra vez por id & direcciones visibles y faciles
pw de recuperacin
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. No incluir informacion no importante en los dialogos
macros)
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

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 primero dar un feel y objetivo del sistema
necesaria sobre el escenario
segundo, focalizar sobre elementos especificos
2) Evaluacion Si el sistema es instale_use o los evaluadores son expertos,
evaluacin individual y luego agrupar los resultados no necesita asistencia
3) Clasificacin de severidad caso contrario ayudar a los evaluadores con escenarios
determinar el grado de severidad de cada problema Cada evaluador produce una lista de problemas
(prioridad)
explicar la referencia heuristica u otra informacin
4) Resumen
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 Porque listados por cada violacin?
otra Riesgo de repetir aspectos problemticos
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 un solo lugar del IU
en los formatos y fonts
02 o ms lugares que necesitan ser comparados
viola Consistencia y estandard (H2-4)
problemas con estructuras generales de IU
solucion: un formato simple para toda la interfaz
Clasificacin de severidad Clasificacin de severidad (cont.)
Usado para distribuir los recursos a la solucin de los 0 - Difiere al conjunto de heurstica
problemas
1 - problema cosmtico
Estimar el esfuerzo necesario para una mayor usabilidad
Combinacin de 2 - problema de usabilidad mnimo
frequencia 3 - problema de usabilidad mayor; importante para
impacto solucionarlo
persistencia (una vez o repetitivo)
4 - Usabilidad catostrfica; obligatorio su solucin
Debe ser calculado despues que todos los evaluadores
terminen
Debe ser hecho independiente

Factores de severidad Resumen
Frecuencia. Realizado con los evaluadores, observadores, y los

miembros de desarrollo
Raro o comun el problema
Discutir las caracteristicas general del IU
Impacto
sugerir mejoras potenciales para mejorar los problemas de
Cuando ocurre si es dificil recuperarse 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 La prueba del usuario es mucho mas detallada (por
para guardar un archivo del usuario, pero se usa las definicin)
palabras escribir el archivo en la segunda pantalla. Los toma en cuenta los usuarios actuales y sus tareas
usuarios puede confundirse por esta diferencia en la
EH puede perder problemas y encontras falsos
terminologa para la misma funcin.
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
cmo llegamos a calcular este valor? usabilidad
En-casa -> productividad; abrir el negocio -> ventas por qu no ms evaluadores? 10? 20?
Adicionar evaluadores es mayor costo
Correlacion entre la severidad y el hallazgo de
muchos evaluadores no implica que encuentren mucho mas
problemas HE problemas

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

C11 Evaluacion Heuristica DIU Modo de Compatibilidad

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

C11 Evaluacion Heuristica DIU Modo de Compatibilidad

Transféré par

Droits d'auteur :

Formats disponibles

Diseo de Interfaces d

Diseo de Interfaces Profesor:

Ciclo 2012-2 Diaz Muante Jorge

Metodos de Evaluacion Evaluacin Heurstica (EH)

Diseo Iterativo qu es heuristica?

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

Desarrollado por Jakob Nielsen

Diaz Muante Jorge 1

por qu diferentes evaluadores? Proceso de la EH

Un evaluador no encuentra todos los problemas Evaluadores observan la IU varias veces

Diferencia con la Ingeniera de Usabilidad Heuristicas (original)

H1-1: Dilogo simple y H1-6: Sealar claramente

H.1. Dilogo simple y natural H.1. Informacin justa

Cuanto ms simple, mejor. Presentar slo la informacin que necesita el

Diaz Muante Jorge 2

H.1. Secuencia adecuada a las tareas H.1. Organizacin de la pantalla

para adaptar las tareas a sus preferencias se mueven o cambian a la vez

H.1. Organizacin de la pantalla H.1.Organizacin de la pantalla

Cajas de dilogo con:

H.1 Organizacin de la pantalla H.1 Organizacin de la pantalla

Presentar los elementos segn el orden de lectura

Diaz Muante Jorge 3

H.1 Uso de colores en las pantallas H.1. Menos es ms (DSN:MEM)

DSN:MEM DSN:MEM:Funcionalidad y Estilos de Interaccin

Muchas opciones para satisfacer a todos

Diaz Muante Jorge 4

DSN:MEM: Estilos de interaccin alternativos DSN:MEM: Ciclo de aprendizaje

Reducir funcionalidad <> E.I. Alternativos Sistemas comunmente: Novato + experto

HLU HLU: Cmo conseguir HLU?

No forzar convenciones en los nombres de objetos Preguntar a los usuarios?

Diaz Muante Jorge 5

HLU: Otras maneras HLU: Correspondencias y Metforas

El computador admite sinnimos

HLU:CYM: Cmo? HLU:CYM: Cmo?

Hablar con los usuarios Organizar tarjetas

HLU:CYM: Metforas HLU:CYM: Problemas

Establecen correspondencia entre: Cuidado de no implicar ms de lo que se pretende

Diaz Muante Jorge 6

HLU 3 Minimizar la carga de memoria del usuario (MCM)

Computadora es buena: Personas buenas en:

recordar grandes cantidades reconocer elementos

MCM: Cmo MCM? MCM: Cmo MCM?

Mostrar elementos de dilogo a los usuarios Introduccin de datos:

MCM MCM: Cmo MCM?

Usar Gua de estilo:

Usar comandos genricos:

Diaz Muante Jorge 7

MCM: Comandos genricos

Uno de los principios ms bsicos

Consistencia en el diseo de la interfaz 5 Feedback (FB)

Misma informacin misma posicin y mismo Informar al usuario de:

No espere que ocurre

Diaz Muante Jorge 8

FB: Cmo? Mejor

Refrasear la entrada proporcionada al usuario

FB: Grados de persistencia FB: Tiempo de respuesta (TR)

Corta El Feedback es importante cuando el sistema tiene

FB:TR: 0,1 segundos FB:TR: 1,0 segundos

00,1 segundos: 01,0 segundos:

Diaz Muante Jorge 9

FB:TR: 10 segundos FB:TR: Variable

10,0 segundos: Variable:

FB:TR: Recomendacin FB:TR: Cundo dar feedback? de qu tipo?

Varios archivos se estan