DISEO
DE
INTERFACES
Introduccin
El diseo de interfaz de usuario
implica:
Diseo de:
Computadoras
Aplicaciones
Dispositivos de comunicacin mviles
Sitios web
Enfocado a:
Experiencia de usuario
Interaccin
Introduccin
Objetivos principales:
Aplicaciones ms atractivas
Interaccin intuitiva con el
usuario
Interaccin
Humano-Computadora
(HCI)
Disear para HCI implica:
Asegurar funcionabilidad y usabilidad
del sistema
Proporcionar soporte efectivo para
interaccin con usuario
Posibilitar una experiencia placentera
Interaccin
Humano-Computadora
(HCI)
Objetivo:
Alcanzar efectividad y eficiencia para el
usuario
Para cumplir con esto se debe conocer la
interaccin entre:
Usuarios
Tareas
Contextos de tareas
Tecnologa de informacin
Entorno donde se utiliza el sistema
Ajuste entre elementos de
HCI
El ajuste entre humano,
computadora y tarea a desarrollar
afecta al desempeo y al bienestar
de las personas de la organizacin.
Desempeo = eficiencia + calidad de
trabajo producido
Bienestar = comodidad + seguridad +
salud
Ajuste entre elementos de
HCI
Capacitacin = Mayor Ajuste
+ Ajuste + Desempeo
+ Bienestar
Ajuste entre elementos de
HCI
Sistemas web
Sistemas de
comercio electrnico
Respaldo de
Sistemas ERP
tareas complejas
de HCI Sistemas
inalmbricos (dentro
y fuera de la
organizacin)
Modelo de Aceptacin de la
Tecnologa
(TAM)
TAM: forma en que los analistas
pueden organizar lo que piensan
sobre el hecho de que los usuarios
acepten y utilicen la tecnologa de la
informacin.
Modelo de Aceptacin de la
Tecnologa
(TAM)
Las actitudes hacia las
computadoras incluyen:
Satisfaccin del usuario con la HCI
Satisfaccin del usuario con el sistema
en general
Son establecidas a travs de
encuestas especiales
Se utilizan para estimar xito o
fracaso de un proyecto de sistemas
Usabilidad
Usabilidad: medio para evaluar los
sistemas e interfaces.
Estndares de usabilidad:
Uso del producto
Interfaz e interaccin del usuario
Proceso utilizado para el desarrollo del
producto
Capacidad de una organizacin de
aplicar un diseo centrado en el usuario
Usabilidad
Heursticas de uso:
Visibilidad del estado del sistema
Coincidencia entre sistema y mundo real
Control y libertad del usuario
Consistencia y estndares
Prevencin de errores
Posibilidad de reconectar en vez de recordar
Flexibilidad y eficiencia de uso
Diseo esttico y minimalista
Ayuda que reconocen los usuarios
Diagnstico y recuperacin de los errores
Ayuda
Documentacin
Estilos Cognoscitivos para
Usuarios Individuales
Es importante a que los datos se
pongan a la disposicin de diferentes
maneras con el fin de que los
usuarios con distintas habilidades
cognoscitivas puedan sacar provecho
de ellos.
Estilos Cognoscitivos para Usuarios
Individuales
Tablas Dinmicas: permiten a los
usuarios ordenar los datos de la
manera que deseen
Estilos Cognoscitivos para
Usuarios Individuales
Anlisis Visual de Datos: permite al
usuario examinar en forma visual
una base de datos u hoja de clculo
Consideraciones Fsicas en el
Diseo
Visin: se disean pantallas en
informes para las personas con
discapacidad visual.
Odo: se considera el ruido al disear
un sistema de oficina.
Tacto: se evala la utilidad de los
teclados y dems dispositivos de
entrada: teclados con forma
ergonmica, firmeza de las teclas,
marcas en relieve en algunas teclas,
Consideracin de Capacidades
Fsicas de las Personas
Se debe tener en cuenta las
limitaciones en las capacidades
fsicas de las personas en el diseo
de HCI.
Cuando son necesarios los ajustes
para personas discapacitadas, hay
muchas fuentes que examinar y
muchos dispositivos de asistencia
que considerar.
Consideracin de Capacidades
Fsicas de las Personas
Discapacidad visual: implementacin de:
Teclados braille
Software de voz
Lupas de pantalla
Pantallas o formularios con pistas alternativas
Discapacidad auditiva: implementacin de:
Versiones escritas del material de audio
Diseo de tareas con posibilidad de uso satisfactorio de
audfonos
Movilidad Limitada: implementacin de:
Entrada de voz
Buenas Prcticas de la HCI
Examinar la tarea a realizar y considerar el
ajuste entre humano, computadora y tarea
Identificar obstculos para los usuarios
Tener en cuenta la utilidad y la facilidad de
uso percibidas del TAM.
Considerar la usabilidad. Examinar el
entorno de uso.
Usar informacin obtenida de antemano.
Disear prototipos para adaptarse a los
diversos usuarios.
Buenas Prcticas de la HCI
Objetivos a tener en cuenta:
Hacer que la interfaz de usuario
corresponda con la tarea.
Hacer la interfaz de usuario eficiente.
Proveer una retroalimentacin apropiada
a los usuarios.
Generar consultas que se puedan utilizar.
Mejorar la productividad de los usuarios
de computadora.
Interfaz de Usuario
Lenguaje de presentacin
Component (computadora-humano)
es de
Lenguaje de accin
Interfaz (humano-computadora)
Tipos de Interfaz de Usuario
Interfaces de Lenguaje Natural: ideal
para usuarios sin experiencia.
Tipos de Interfaz de Usuario
Interfaces de Preguntas y
Respuestas: la computadora
despliega una pregunta en la
pantalla y el usuario introduce una
respuesta.
Tipos de Interfaz de Usuario
Mens: provee al usuario una lista en
pantalla de las selecciones
disponibles. El usuario est limitado
a las opciones que se muestran en la
pantalla.
Tipos de Interfaz de Usuario
Lineamientos de los mens de GUI:
1. La barra de mens principal siempre se muestra.
2. El men principal usa una sola palabra para los
elementos de men. Las opciones del men principal
siempre muestran mens desplegables secundarios.
3. El men principal debe tener opciones secundarias
agrupadas en conjuntos similares de caractersticas.
4. Los mens desplegables que aparecen al hacer clic en
un elemento del men principal consisten a menudo de
ms de una palabra.
5. Las opciones secundarias desempean acciones o
muestran elementos de men adicionales en pantalla.
6. Los elementos de men en gris no estn disponibles
para la actividad actual.
Tipos de Interfaz de Usuario
Interfaces de llenado de formularios: consisten
en formularios en pantalla o basados en Web
que muestran los campos que contienen
elementos de datos o parmetros necesarios
para comunicarse con el usuario.
Tipos de Interfaz de Usuario
Interfaces de Lenguajes de Comandos: permite al
usuario controlar la aplicacin mediante una
serie de pulsaciones de tecla, comandos, frases o
alguna secuencia de estos tres mtodos.
Tipos de Interfaz de Usuario
Interfaces Grficas de Usuario (GUI):
la clave para estas interfaces es la
retroalimentacin constante en la
realizacin de las tareas que proveen
a los usuarios.
La creacin de una GUI implica la
invencin de un modelo apropiado de
la realidad o un modelo conceptual
aceptable de la representacin
Tipos de Interfaces de
Usuario
Otras Interfaces: otras interfaces de
usuario menos comunes que estn
creciendo en popularidad:
Plumilla: se utiliza con software de
reconocimiento de escritura
Pantallas sensibles al tacto (pantalla
tctil)
Reconocimiento de voz: el sistema es
capaz de reconocer las seales de voz
del usuario, convertirlas y almacenar la
entrada.
Tipos de Interfaz de Usuario
Estndares a tener en cuenta:
1. El periodo de capacitacin necesario para los
usuarios debe ser razonablemente corto.
2. Los usuarios deben ser capaces de introducir los
comandos sin pensar en ellos o tener que
consultar un manual de ayuda.
3. La interfaz debe ser transparente
4. El tiempo que los usuarios y el sistema necesitan
para recuperarse de los errores debe ser corto.
5. Los usuarios infrecuentes deben ser capaces de
volver a aprender a usar el sistema
rpidamente.
Diseo de Dilogo
Dilogo: comunicacin entre la
computadora y una persona.
Puntos clave para un buen diseo:
1. Comunicacin significativa
2. Mnima accin del usuario
3. Operacin y consistencia estndar
Diseo de Dilogo
Comunicacin significativa: se debe
presentar con claridad la informacin
al usuario, lo que implica:
Tener un ttulo apropiado para cada
pantalla
Minimizar el uso de abreviaturas
Proveer retroalimentacin clara al
usuario
Diseo de Dilogo
Mnima accin por parte del usuario:
un buen dilogo minimizar el
nmero de pulsaciones de tecla
requeridos.
+ Agilidad en entrada de datos
- Pulsaciones de
- Errores
teclas
