1. Diseño de Interfaces de Usuarios
Errar es humano
Diseño de Interfaces Profesor:
de Usuarios
Diaz Muñante Jorge
Ciclo 2012-1
Errores y Ayudas
Errar es humano IU a la fama o la vergüenza ??
Me equivoque¡¡
o el diseño no ayuda ¡¡¡
Diaz Muñante Jorge 1
2. Diseño de Interfaces de Usuarios
Temas Consecuencias del error humano
Errores — Desliz y equivocaciones 1988
Tipos de desliz – Satélite Phobos 1 (ruso) se perdio al viajar a marte
¿cómo manejar los errores? – ¿por qué?
• Controlador de la nave omitio una letra en una serie de comandos
Mensajes de errores digitales enviados al Centro Espacial
• la omisión causo una mala traducción accionando una secuencia de
Ayuda del sistema verificación de comandos almacenado en la ROM
– ¿Falla?
Vuelo de KAL B747 (1999) Mensaje
Un control defectuoso (ADI) origino que el Inglaterra 1976
– 40% de las autopistas son manejadas por sistemas de comunicaciones
avión se estrellara
– Policia controlan en tiempo real
• cambio de signos, signos de direccion, limites en velocidad, etc
– en 10 Dic, policia fallo a cambiar el limite de velocidad cuando bajo la
neblina
• 34 vehiculos chocados 40 km
Baje la velocidad
• 3 personas muertas Neblina adelante
• 11 personas heridas
• autopista cerrada por 6.5 horas
Respuesta Errores
Policia (en el interrogatorio)
¿porqué estudiarlo?
– “el sistema no acepto mis instrucciones”
– Cuando aprendemos nuevas habilidades, los errores nos
Dept de transporte (despues de examinar el log) ayudan.
– “No hay evidencia de un error técnico” – Los errores pueden ayudar el aprendizaje
Diseñador del sistema – cuando usamos la computadora, las personas tienen temor
– despues de dar enfasis que el no tiene responsabilidad en el sistema de malograr el sistema (afecta la habilidad y el desempeño
• “Nosotros estamos en el mercado 5 años y nunca hemos tenido problemas” de los usuarios)
– Tambien los expertos se equivocan!
La Corte Judicial
– Juez dijo “error del operador"
• El policia operador:
• “fallo en seguir las instrucciones para ingresar datos relevantes”
Diaz Muñante Jorge 2
3. Diseño de Interfaces de Usuarios
Noticia de interes ….. ¿quién se adecua a quien?
“Harris Research” ha encontrado que los usuarios “Es mucho mejor que la tecnologia se adapte al
que usan PCs pierden un promedio de 03 semanas usuario que forzar al usuario adaptarse a la
al año en corregir problemas con la tecnologia. Tecnologia”
Porque?
– Un empleado estadisticamente pierde 100 minutos a la – Larry Marrine de “Intuitive Design”
semana durante el primer mes, cuando empieza usar un
nuevo sistema
Clasificación de errores Desliz
Norman clasifica como desliz (slips) y
equivocaciones (mistakes)
Los desliz son inconscientes y accidental
Las equivocaciones son conscientes y deliberados
– Usualmente el usuario no conoce lo que hace la tarea
actual.
Desliz son mas frecuentes, nos enfocaremos en
estos
Desliz Desliz (cont.)
Errores de descripción
Error de captura
– Distraido, al realizar
– Frecuentemente realizamos unas acciones mas que otras una accion correcta,
– :wq en vi para salvar y retirar, frecuentemente lo usamos nos equivocamos en
para salir. escoger el objeto
– Confirmamos el guardado de un archivo cuando deseamos (muy cerca de uno al
no registrar los cambios otro)
• Poner un cuchillo en la
refrigedora, y la
Porqué presioné
“Si”....? ensalada en el horno
• Movemos un archivo a
la papelera en lugar de
una carpeta
Diaz Muñante Jorge 3
4. Diseño de Interfaces de Usuarios
Desliz (cont.) Desliz (cont.)
Manejo_datos Perdida de activacion
– Procesamos en forma inconsciente datos externos – Olvidamos algo a mitad de camino
– Tipeamos cualquier palabra en la pantalla – Vamos al cuarto para examinar algo y olvidamos para que
hemos ido al cuarto
Activacion asociativa
– Buscamos una informacion y luego nos olvidamos para que
– pensamientos internos interfiere
error de modo
– Tipeamos el nombre de una persona
– Pensar de un modo y actuar distinto
– Tipear ‘exit’ para salir del FTP en lugar de ‘quit’
Identificar lo que sigue Identificar lo que sigue(cont.)
En UNIX , listar archivos con ls. Como lo corregimos?
En DOS, el comando es dir. – Hacer el modo mas claro.
Error comun es tipear ls en lugar de dir – Hacer comandos mas consistentes.
¿qué clase de error es?
– Captura, Descripcion, Manejo_datos, Asociativa-activacion,
perdida de activacion, o error de modo?
A: Modo o descripcion.
Identificar lo que sigue (cont.) Identificar lo que sigue (cont.)
Cuando estamos salvando un archivo, tipeamos el ¿cómo resolverlo?
nombre del archivo que previamente hemos – Alertar al usuario cuando el archivo ya existe
trabajado
– Realizar backups de los archivos automaticamente (los
Inadvertidamente sobreescribimos este archivo con discos son de gran capacidad)
un nuevo nombre.
¿qué clase de error es?
– Captura, Descripcion, manejo_datos, Asociativa-activacion,
perdida de activacion, o error en el modo?
A: Manejo_datos o asociativa-activacion
Diaz Muñante Jorge 4
5. Diseño de Interfaces de Usuarios
Identificar lo que sigue ¿qué podemos hacer con los errores?
Reglas generales
Cuando ingresamos “u0pw” en lugar de “hola” – Prevenir los ‘slips’ antes de que ocurran
– Detectar y corregir los ‘slips’ cuando ocurren
– Permitir la corrección del usuario con feedback y ‘undo’
Ejemplos
– Errores modales
• Tener la menor cantidad de modos posibles
• Explicitar los modos de la mejor forma posible
– Errores de “captura”
• En lugar de confirmación, permitir que las operaciones sean reversibles
• Permitir la reconsideración de las acciones por el usuario
– ej. los items de la papelera de reciclaje pueden ser recuperados
– Pérdida de la activación
• Si el usuario conoce el objetivo de la tarea, explicitarlo
• Si el usuario no lo conoce, mostrar el camino seguido hasta el punto actual
– Errores de descripción
• En interfaces con iconos, evitar la similitud entre los iconos
Prevencion de errores Prevencion de errores
Idea general
Mac: mover un archivo a un sitio incorrecto
– Prevenir o mitigar la continuación de una acción errónea
Estrategias
– Tratar los errores, no permitiendo la continuidad de las acciones del
usuario
– ej. no pasar la ventana de lngreso de usuario hasta que no se ingrese la
contraseña correcta
– ‘Warnings’
• Avisar al usuario cuando ocurre una situacion no usual
– ej. sonidos (campanas, timbres)
– No abusar de su uso
– ‘Do nothing’
• Una acción ilegal no tendrá ningún efecto
• El usuario debe inferir lo que ha sucedido
– ej. ingreso de una letra en un campo numérico (se ignora la tecla presionada)
Prevencion de errores (cont.) Prevenir errores
Estrategias Estrategias
– Autocorrección
– Chequeos
• El sistema autocorrige el error, de acuerdo a determinadas acciones válidas
– ej. autocorrector ortográfico • El aplicativo chequea la razonabilidad de los datos ingresados por el
– Se transforma en un problema de confianza
usuario
– Negociación – ej. “Ud. ha solicitado la compra de 5000 lápices. Es realmente la cantidad
que desea comprar?”
• El aplicativo inicia un diálogo con el usuario para encontrar una solución al
problema – Ingreso de datos válidos
– ej. compiladores indicando la línea donde ha ocurrido el error, y posibilitando su • El aplicativo solamente acepta los datos ingresados con un formato
reparación
dado
– Demostración – ej. Los widgets actuales sólo permiten el ingreso de datos con un
• El aplicativo pregunta al usuario cuál es la acción que desea ejecutar determinado formato
realmente
Diaz Muñante Jorge 5
6. Diseño de Interfaces de Usuarios
Mensajes de error Colapso la pagina para los fonavistas
• Mensaje que aparecía en Google cuando un usuario seleccionaba cualquiera
de los enlaces que daba el buscador al hacer una consulta. El fallo duro unos
40 minutos.
• La explicación de Google: "¿Qué ha pasado? Muy simple, un error humano".
Este llegó cuando se actualizó el listado de webs que instalan programas
maliciosos. La advertencia se hizo extensible a todas las webs que rastrea el
buscador, en lugar de mantener solo las maliciosas.
Mensajes de errores Mensajes de error (cont.)
Use palabras en los mensajes centrado en el Un dialogo real de un Helpdesk
usuario – “Presione cualquier tecla para continuar.”
– Mensaje MS Visual Basic – “No puedo encontrar ‘cualquier’ tecla.”
– “Es la barra espaciadora,....”
– No significa nada
Mensajes de error (cont.) Mensajes de errores (cont.)
Es la parte del sistema que tiene el mayor impacto Use palabras positivas, no sea tragico
psicologico sobre el usuario – “error fatal, ejecución abortada”
No castigue o penalice a los usuarios – “disastrous string overflow”
evite el humor, puede serlo en un lenguaje, cultura, – “error catastrófico, ingreso como usuario de operador”
pero en otro puede significar todo lo contrario – “Falla de protección general”
Use terminos especificos y constructivos
Diaz Muñante Jorge 6
7. Diseño de Interfaces de Usuarios
Mensajes de errores (cont.) Mensajes de error (cont.)
Dar sugerencias de cómo resolverlo
Haga que el sistema asuma la culpa
AutoCAD Mechanical
Pobre Mejor
Error en sintaxis Parentesis izquierdo no tiene par
Entrada ilegal Tipee la primera letra: Enviar, Leer o Detener
Datos invalidos Rango de dias de 1 a 31
Mal nombre del archivo Nombre de archivo debe empezar con una letra
Microsoft's NT Operating System
En caso de error...
1. ALERTA
ALERTA
“Llamar atención” DIRECTO
2. IDENTIFICAR
IDENTIFICAR
“¿Qué paso?”
3. DIRECTO
“¿Cómo recuperarse?”
Mensajes para prevenir de Errores Mensajes para prevenir de Errores
No Exagere¡¡¡¡ No Exagere¡¡¡¡
Microsoft Access 95
Diaz Muñante Jorge 7
8. Diseño de Interfaces de Usuarios
Otras perlitas Otras perlitas
Umm,Gracias por la alerta pero que pero
Umm, Gracias por la alerta
que hacer ??
Debo
debo hacer ??
¿que hace cuando cancelo
¿que hace cuando cancelo una operacion de
cancelacion?operacion de cancelacion?
una
Ayudas Ayudas en los sistemas
Es incorrecto pensar que un sistema ¿cómo es invocado una ayuda?
completamente intuitivo no necesita ayudas. – Tipeado en un topico—se asume que el usuario conoce del
Características problema
– Boton de ayuda o menu
– Disponible
– Teclado o boton del raton
– Precisa y detallada
– Consistente
– Robusta
– Flexible
– No obstructiva
Ayudas Clasificacion de Materiales Online y en papel (Duffy)
Manuales en Papel
– Notas breves de cómo empezar
– Tutorial introducción
– Tutorial Meta del Usuario Medio de Entrega
– Tarjeta “Quick Reference” Papel Online
– Manuales Referencias detalladas Quiero Comprarlo Folletos, Hojas comparativas Demo, Presentacion
Manuales Online Quiero aprenderlo Manual de tutorial Tutorial, Tour guiado
– Manual Usuario Quiero usarlo Manual del Usuario Ayudas en linea
– Facilidades de Ayuda
– Tutorial
– Demos
Diaz Muñante Jorge 8
9. Diseño de Interfaces de Usuarios
Preparación de manuales impresos Experiencia de Foss, Rosson, Smith
Tradicionalmente, el material de referencia y Manual Estandar Manuales Modificados
entrenamiento frecuentemente es realizado por – Todos los comandos – Presentación de
miembros junior. presentados de corrido subconjuntos de comandos
– Notacion formal de sintaxis relacionados
– Manuales pobremente escritos
– Prosa técnica breve – Muestra numerosos
– No eran probados adecuadamente
ejemplos de sintaxis
– Eran incompletos
– Explicación leible con poca
jerga
Manual de Motorola Ayuda del sistema
Efectiva presentacion de la ayuda
– Use un lenguaje claro y familiar
– No use jerga
– Consistente con los manuales impresos
Ayuda del sistema (cont.) Ayuda en línea
Tipos
Dice al usuario como usar el sistema, no describe el Mensajes de texto que se generan al pasar por
sistema encima de un icono y mantenerse sobre él durante
– Windows puede ser cerrado moviendo el cursor del mouse unos instantes
a la caja ubicada arriba a la mano izquierda de la pantalla y Ayuda sensible al contexto, accesible desde
haga un click con el boton del mouse
cualquier punto de la aplicación
– Para cerrar la pantalla, coloque el cursor con el mouse
sobre la caja de arriba ubicada arriba a la mano izquierda Ayuda general accesible mediante teclas de función,
de la pantalla y haga un click con el boton del mouse menús o iconos
Documentación extensa disponible en línea,
normalmente guardada en un CD-ROM
Diaz Muñante Jorge 9
10. Diseño de Interfaces de Usuarios
Ayuda en línea Ayuda en línea
Planificar el contenido Planificar la estructura (1)
Los usuarios noveles necesitan la ayuda para aprender las tareas y las Los sistemas de ayuda suelen organizar las cuestiones de forma
definiciones de los términos jerárquica
Los usuarios intermedios buscan la ayuda ocasionalmente para un Un índice y/o tabla de contenidos permite acceder a ellas
procedimento o término, normalmente como recordatorio Cada etapa permite al usuario bajar un nivel en la jerarquía del sistema
Los usuarios expertos piden ayuda sobre la sintaxis de órdenes y de ayuda, hasta que llega a la cuestión que desea consultar
funciones, teclas aceleradoras o atajos para trabajar más rápido
Ayuda en línea Ayuda en línea
Planificar la estructura (2) Planificar la estructura (3)
Las cuestiones también se pueden ordenar secuencialmente para que los La ayuda debe permitir:
usuarios noveles puedan hacer una navegación secuencial de la ayuda y
hacerse una idea de las funcionalidades del sistema – La búsqueda de una determinada cuestión que el usuario
Se aconseja limitar el número de niveles en la ayuda para no poner quiera conocer en un momento dado
nervioso al usuario. Dos o tres niveles suele ser habitual – Referencias cruzadas que enlacen cuestiones
relacionadas entre sí, por medio de hipertexto
– Definiciones de términos específicos que aparecen en el
texto de la ayuda y que pueden requerir una aclaración
adicional
Preparacion de facilidades Online Preparacion de facilidades Online
Razones positivas
Razones Negativas
– La información esta disponible siempre que el
– Los datos de la pantalla no puede ser leido como computador esta disponible.
manual impreso
– No se requiere espacio de lugar trabajo
– Los datos de la pantalla puede contener menos
– Información actualizada electronicamente rápida y
informacion bajo costo
– La razon de paginación es menos que los manuales – Busqueda de información es rapido (index/search)
– Partir la pantalla (help y trabajo) reduce el espacio de – Autores pueden usar graficos, sonido, color y
trabajo animación
Diaz Muñante Jorge 10
11. Diseño de Interfaces de Usuarios
Desventajas potenciales de leer desde una pantalla Ventajas de ayudas online (Relles y Price)
Fonts pobres, especialmente si la pantalla es de Mayor detalle para explicar los mensajes de error,
baja resolución preguntas o ingreso de datos
Bajo contraste entre los caracteres y el fondo Ejemplos sucesivos de comandos correctos.
Borde borroso de los caracteres Explicacion o definicion de un termino
Las pantallas son fijadas en un lugar Una lista de comandos permitidos
Postura rigida puede causar fatigas Una lista de ayudas al usuario
Guias para las ayudas en linea (Kearsley)
AppleGuide
La ayuda del sistema debe tener un facil acceso y Una ayuda efectiva
retorno.
La ayuda debe ser especifica
Reunir datos para determina que ayuda es
necesario
Dar control al usuario
No use la ayuda para compenzar un mal diseño
Java Look and Feel Dialog
Boxes
Diaz Muñante Jorge 11
12. Diseño de Interfaces de Usuarios
Ayuda del MS word Ejemplos: Ayuda
Asistente Hipertexto / Hipermedia
Hipertexto e hipermedia
Hipertexto / hipermedia
Ventajas
Hypertexto Adecuada para representar información poco estructurada
Su funcionamiento es muy intuitivo porque imita al de la
– conjunto de nodos no lineales basados en textos que estan
memoria humana
enlazados
Potencia la modularidad y la consistencia al permitir
Hypermedia acceder a los mismos bloques desde distintos lugares
– Texto+video+animación Permite compartir, distribuir y personalizar la información
Permite distintos modos de acceso a la información
(secuencial, navegación, búsqueda)
Diaz Muñante Jorge 12
13. Diseño de Interfaces de Usuarios
Hipertexto e hipermedia
Conclusiones
Inconvenientes
Desorientación: el usuario no puede controlar la información y se pierde Los sistemas de ayuda son necesarios
en el hiperespacio Deben estar planificados, organizados y adaptados a los distintos tipos de
Sobrecarga de información: uso excesivo de elementos multimedia, usuarios
obsesión por hiperenlazar Es importante la integración del sistema de ayuda con la aplicación
Los sistemas de ayuda deben crearse siguiendo unas normas que
garanticen su utilidad para los usuarios
Diaz Muñante Jorge 13