Estilos de interfaces Los estilos de interfaces predominantes
son: La interfaz por línea de comandos Menús y
formularios Manipulación directa – GUI Interfaces con
interacción asistida
Objetivos de una buena interfaz: Maximizar la velocidad de
aprendizaje Minimizar la tasa de errores Maximizar la velocidad
de uso Estética adecuada
¿Cómo diseñar para mejorar la
interacción hombre-máquina y lograr buenas
interfaces?
¿Cómo diseñar para mejorar la
interacción hombre-máquina y lograr buenas
interfaces? Diseño centrado en el usuario Principios
Reglas Estándares Directrices ? Guías de
estilo
Principios Son conceptos de muy alto nivel que deben ser
utilizados en el diseño de aplicaciones.
¿Cómo diseñar para mejorar la
interacción hombre-máquina y lograr buenas
interfaces?
Aliviar la carga cognitiva Confiar en el reconocimiento
Proporcionar pistas visuales Proporcionar opciones por defecto
Proporcionar atajos Principios – A modo de ejemplo
¿Cómo diseñar para mejorar la
interacción hombre-máquina y lograr buenas
interfaces?
Aliviar la carga cognitiva Promover la sintaxis
objeto–acción Emplear metáforas del mundo
real Emplear la revelación progresiva para evitar abrumar
al usuario. Promover la claridad visual Principios – A modo
de ejemplo (cont.) ¿Cómo diseñar para
mejorar la interacción hombre-máquina y lograr
buenas interfaces?
Reglas de diseño Guían al diseñador con el
fin de incrementar la “usabilidad”. Se clasifican en
estándares y directrices. ¿Cómo
diseñar para mejorar la interacción
hombre-máquina y lograr buenas interfaces?
Estándares Son requisitos, reglas o recomendaciones
basadas en principios probados y en práctica.
¿Cómo diseñar para mejorar la
interacción hombre-máquina y lograr buenas
interfaces?
Directrices Las directrices recomiendan acciones que se basan en
un conjunto de principios de diseño. Son más
específicas que los principios y requieren menos
experiencia para entenderlas e interpretarlas que éstos.
¿Cómo diseñar para mejorar la
interacción hombre-máquina y lograr buenas
interfaces?
Guías de estilo Llamadas también guías
corporativas. Están basadas en principios y contienen
directrices que se concretan a muy bajo nivel.
¿Cómo diseñar para mejorar la
interacción hombre-máquina y lograr buenas
interfaces?
Guías de estilo Llamadas también guías
corporativas. Están basadas en principios y contienen
directrices que se concretan a muy bajo nivel. Las guías
de estilo corporativas se centran en presentaciones comunes,
comportamientos y técnicas que deben ser implementadas por
todos los productos en una compañía.
¿Cómo diseñar para mejorar la
interacción hombre-máquina y lograr buenas
interfaces?
Algunos principios de diseño de interfaces
Algunos principios de diseño de interfaces gráficas
Consistencia La consistencia en una interfaz permite a los
usuarios transferir sus conocimientos y destrezas de una
aplicación a otra.
Consistencia La consistencia en una interfaz permite a los
usuarios transferir sus conocimientos y destrezas de una
aplicación a otra. La consistencia en las interfaces
gráficas ayuda a los usuarios a aprender y reconocer
fácilmente el lenguaje gráfico de esa interfaz.
Algunos principios de diseño de interfaces
gráficas
Consistencia La consistencia en el comportamiento de una interfaz
significa que los usuarios aprenden cómo hacer las cosas,
por ejemplo apuntar y seleccionar, una sola vez. Ejemplos: Mismas
palabras o códigos utilizados Posición u orden de
controles y botones Algunos principios de diseño de
interfaces gráficas
Consistencia Más ejemplos: Ítems de un menú
colocados siempre en la misma posición Comandos como
Ayuda, siempre disponibles Consistencia con el sistema de
operación y otros programas Algunos principios de
diseño de interfaces gráficas
Mantener Informado al usuario Aspectos: Qué está
haciendo el sistema Como se interpretan los comandos del usuario
El usuario debe saber en cada momento que está sucediendo
Algunos principios de diseño de interfaces
gráficas
Mantener Informado al usuario Tipos de retroalimentación:
Respuesta a un comando del usuario: movimiento del cursos,
selección de un menú, etc. Estado actual: brocha
seleccionada, color, posición, dirección de la
carpeta (directorio), scroll bars Algunos principios de
diseño de interfaces gráficas
Mantener Informado al usuario Tipos de retroalimentación:
Procesamiento por parte de la máquina:
instantáneos, cursores de espera, diálogos
explicativos, barras de progreso. Algunos principios de
diseño de interfaces gráficas
Mantener Informado al usuario Algunos principios de diseño
de interfaces gráficas
Control del usuario El usuario y no el computador (o
aplicación) inicia y controla las actividades. Algunos
principios de diseño de interfaces gráficas
Interacción simple y natural Minimizar elementos de
interfaz Menos para aprender, para equivocarse, distraerse
Algunos principios de diseño de interfaces
gráficas
Interacción simple y natural Orden natural de la
información Agrupar gráficamente la
información relacionada El orden de acceso a la
información debe ser como el usuario la espera Esconder o
eliminar información irrelevante o usada ocasionalmente
Algunos principios de diseño de interfaces
gráficas
Interacción simple y natural Utilizar el lenguaje del
usuario Usar terminología e iconografía familiar al
usuario Traducir los mensaje de error al lenguaje del usuario
Algunos principios de diseño de interfaces
gráficas
Tolerancia Posibilidad de ofrecerle al usuario la capacidad de
recuperarse de los errores ? ¿Ejemplo? Nunca ofrecer un
comando que lleve a un mensaje como “Comando Ilegal”
? ¿Ejemplo? Utilizar controles que impidan introducir
datos erróneos ? ¿Ejemplo? Algunos principios de
diseño de interfaces gráficas
Algunos ejemplos de mecanismos Algunos principios de
diseño de interfaces gráficas
Algunos ejemplos de mecanismos Algunos principios de
diseño de interfaces gráficas
Algunos ejemplos de mecanismos Algunos principios de
diseño de interfaces gráficas
Tolerancia Proveer recuperación de errores. Modalidades
Deshacer : ¿Cuándo? Abortar: ¿Cuándo?
Cancelar: ¿Cuándo? Algunos principios de
diseño de interfaces gráficas
Satisfacer múltiples niveles de habilidad Usuarios
casuales Incorporar tutoriales, wizards, prompts, ayudas
(¿tipos?) Modo simple: esconder los comandos complejos
Manipulación directa Uso de valores por defecto Algunos
principios de diseño de interfaces gráficas
Satisfacer múltiples niveles de habilidad Usuarios
expertos Atajos de teclado Líneas de comando Modo experto
Eliminación de prompts y diálogos de advertencia
Interfaz extensible y personalizable Algunos principios de
diseño de interfaces gráficas
Minimizar la memorización Promover el reconocimiento
Basarse en la visibilidad de los objetos Uso de menúes,
íconos, diálogos, mensajes, palabras. Algunos
principios de diseño de interfaces gráficas
Integridad estética La información se encuentra
organizada en forma adecuada y consistente con los principios de
diseño visual. El número de elementos y su
respectivo comportamiento debe ser limitado para aumentar la
“usabilidad” de la interfaz. Algunos principios de
diseño de interfaces gráficas
Integridad estética Se debe asegurar de mantener la
semántica del lenguaje gráfico o del lenguaje
asociado a la interfaz. No cambiar el significado de los objetos
que son estándares. Algunos principios de diseño de
interfaces gráficas
Veamos como aplicar algunos de estos principios e los objetos y
mecanismos Algunos principios de diseño de interfaces
gráficas
Objetos de las interfaces
Objetos de las interfaces gráficas Ventanas Menúes
Íconos Botones Campos etc.
Objetos de las interfaces gráficas Ventanas
ESTA PRESENTACIÓN CONTIENE MAS DIAPOSITIVAS DISPONIBLES EN
LA VERSIÓN DE DESCARGA