GUIANDO Y ASISTIENDO AL USUARIO

Transcripción

1 GUIANDO Y ASISTIENDO AL USUARIO Proporcionando feedback adecuado Tiempo de respuesta Ajustado a la velocidad y flujo de pensamiento humano <1-2 segundos: en casos de pensamiento continuo y necesidad de retener 2-4 segundos si no se requiere gran concentración ni mucho uso de memoria de corto alcance 4-15 segundos cuando apenas hay q usar la memoria de corto alcance >15 segundos cuando el usuario puede hacer otras cosas y va y viene libremente Se prefiere retrasos constantes a retrasos variables Conforme se gana experiencia Retraso cambia hábitos Tiempo de respuesta web Bueno: < 5 seg Medio: 6-10 seg Pobre >10 seg 1

2 Tiempo de respuesta (I) Pulsación de botón: 0.1 s Esperas de hasta 10 seg: Mostrar algún indicador de espera. Esperas de hasta 1 m: Indicador de progreso Esperas mayores de 1 m: Indicador de progreso, tiempo estimado, indicar consecución de objetivos parciales, permitir iniciar nuevas actividades en paralelo Operaciones largas e invisibles: indicar terminación mediante mensaje o sonido Tiempo de respuesta (II) Indicador de progreso Barra rectangular vacía que se va completando dinámicamente de izquierda a derecha Mensaje de % completado Útil cuando es costoso actualizar el indicador Mensaje de tiempo transcurrido Útil cuando no se conoce el tiempo que va a durar o va a ser muy larga Descarga de página web Si la página tarda en cargarse, mostrar al inicio algún texto o enlaces 2

3 Llamando la atención Parpadeo Aplicación inactiva: Flash en el icono o barra de título Usar adicionalmente señal audible Mostrar el mensaje Al activar la aplicación Cuando lo pida el usuario Uso de sonido Cuándo? En conjunción con indicadores visuales No usar más de 6 tonos distinguibles No usar canciones, sonidos muy altos Consistencia auditiva Ajuste de volumen y Mute Peligros del sonido Malestar del usuario Sobreuso ignorarlos Falta de fiablidad Los puede quitar el usuario Dificultad para oírlos No sabemos si han ocurrido o no si no los oímos 3

4 Prevención de errores Opciones no aplicables no accesibles Controles de selección Vs de Entrada Antes de realizar una acción, permitir revisión, cambio y marcha atrás Mecanismos comunes de acción Confirmación de acciones destructivas ( expertos?) Guardado automático de datos Imprecisiones textuales Detección de errores Validar entradas de datos a nivel de carácter, control, al completar la acción y al cerrar la ventana En caso de error: Dejar la ventana abierta Señalar el error visualmente Intensidad del mensaje de error proporcional al grado Uso conservador del sonido 4

5 Corrección de errores Mantener lo máximo posible del trabajo del usuario Mensajes constructivos: qué problema, qué ítems y qué acción correctiva es requerida Iniciar diálogo de aclaración si es necesario Permitir realizar alguna acción en caso de error: guardar, ir a ayuda, etc En caso de errores múltiples: Señalar el primero y situarse en él Permitir pasar al siguiente al corregir el anterior Uso de documentación Problemas Factores organizacionales Escala temporal Racional teórica Recursos Modo de interacción de usuarios con la documentación Instrucciones Opción de ayuda 5

6 Diseño de la opción de ayuda (I) Recoger datos sobre tipos de ayuda requeridos Informar a los usuarios de su disponibilidad y propósito Informar de no ayuda para un tópico en concreto y orientar sobre dónde obtenerla Estructura Lo más específica posible Jerárquica: definiciones operacionales, resúmenes, ejemplos Diseño de la opción de ayuda (II) Interacción Fácil acceso Mostrar la ayuda hasta que el usuario salga o se realice la acción ayudada Retorno a la posición original Proporcionar instrucciones para salir Posición Donde menos oculte; orden principal: derecha, izquierda, abajo, arriba Interfaz Diálogos modulares con elementos similares Interfaces paso a paso para problemas específicos Proporcionar demos procedimentales de los procedimientos de interfaz para simplificar el aprendizaje Proporcionar información para ayudar a elegir entre los diferentes métodos de interfaz Proporcionar comprensión de las tareas representativas para incrementar el conocimiento de los usuarios sobre cómo aplicar habilidades específicas 6

7 Diseño de la opción de ayuda (III) Estilo Navegación sencilla con formato distintivo Pantallas de contenidos e índices Encabezados y subencabezados Indicadores de posición Palabras descriptivas en el margen Diferenciación visual de los componentes Información crítica enfatizada Terminología concisa, familiar y orientada a las acciones Referencias a otros materiales si es necesario Nunca ayuda como compensación a diseño pobre Consistencia de diseño con otras partes del sistema Título que incluya la palabra Ayuda Ayuda contextual (I) Botón de ayuda: Para un resumen o explicación del propósito o contenidos de la pantalla activa Mostrar la ayuda en un diálogo o ventana secundaria Tooltip: Se presenta cuando el puntero está un cierto tiempo sobre un control Muestra el nombre del control cuando no tiene etiqueta Mostrar en una ventana pop-up 7

8 Ayuda contextual (II) Mensaje de barra de estado Explica el objeto seleccionado Describe el uso del control, ítem, botón, etc Proporciona el contexto de actividad Presenta indicador de progreso cuando no se quiere oscurecer la zona de ventana Si existe ayuda más extensa, indicarlo (tipo pulse F1 para ayuda) Texto descriptivo, claro, comienzo por verbo en presente, resumir funciones múltiples (en su caso) de un comando y explicar por qué está inactivo Ayuda contextual (III) Comando qué es esto? Información contextual sobre un objeto Indica la acción asociada al ítem Comenzar la descripción con un verbo Incluir el por qué si es útil Incluir el cómo si la acción es multipaso Usar imperativo para botones 8

9 Ayuda contextual (IV) Ayuda orientada a tareas Describe los pasos para realizar una tarea Se centran en cómo hacer algo Proporciona un procedimiento completo, simple y común para hacer una tarea Dividir procedimiento en pasos pequeños etiquetados y en orden de ejecución (no más de 4 pasos por pantalla) Especificar la información necesaria para completar cada paso Ayuda hablada combinada (simultáneamente o justo después de) ayuda visual Uso de animaciones para enfatizar ciertos aspectos Ventana pequeña pero suficientemente grande para presentar la información sin scroll Uso de colores diferentes a otros tipos de ayudas No incluir referencias ni introducciones Incluir el título como parte del cuerpo Ayuda contextual (V) Ayuda de referencia Presenta información de ayuda orientada una referencia o a una guía de usuario Acceso mediante comando en menú o botón en barra de herramientas Estilo de presentación consistente Combinación de ayuda contextual y orientada a tareas, si es necesario Incluir efectos con textos, gráficos, animación, audio y vídeo si es necesario Generar un evento al cambiar de tópico, mostrar un pop-up o ejecutar un comando Diferenciar visualmente un salto mostrándolo como botón, color diferente o usando imagen de sustitución No usar scrolling para temas largos 9

10 Wizards (I) Páginas mostradas en ventana secundaria que contienen Controles para obtener información de entrada Botones de comandos de navegación Acceso mediante botones e iconos Realización de serie compleja de pasos o tarea que requiere de decisiones críticas Introducir datos críticos Realizar tarea poco frecuente o para la que no se tiene experiencia suficiente No se debe usar para enseñar a alguien a hacer algo No más de 1 ventana simultáneamente ni avanzar páginas automáticamente Se debe reconocer inmediatamente al mostrarla Wizards (II) Muchas pantallas simples y del mismo tamaño En la primera página incluir gráfico/punto de referencia o tema y descripción de lo que hace Incluir en las otras páginas gráfico para consistencia, texto instruccional y controles para entrada de datos Posiciones consistentes Incluir valores por defecto/configuración para todos los controles Si se muestra frecuentemente, incluir el no mostrar otra vez 10

11 Wizards (III) Incluir botón de Completado El usuario debe poder realizar la tarea completa Asegurarse que las alternativas ofrecidas dan el resultado correcto Asegurarse de que el procedimiento para completar el wizard es obvio Identificar el propósito del wizard en la barra de título En la parte derecha de la primera página poner mensaje tipo bienvenido al wizard X Uso de estilo conversacional en vez de instruccional Empezar las preguntas con expresiones tipo qué opción quiere o le gustaría Sugerencias Botón de comandos Proporciona ítems de información contextuales y específicos Centrarse en sólo 2-3 puntos importantes Situar el botón cerca de su ámbito de aplicación Ser conciso y directo 11