Está en la página 1de 8

LOGO

UNIVERSIDAD NACIONAL DEL CENTRO DEL PER Facultad de Ingeniera de Sistemas

Diseo de interfaces de usuario


Cuando se toman decisiones en el diseo de las interfaces de usuario se debe tener en cuenta las capacidades fsicas y mentales de las personas que utilizarn el software como: Las personas tienen una memoria limitada a corto plazo. Pueden recordar instantneamente alrededor de siete elementos de informacin. Todos cometemos errores, especialmente cuando tenemos que manejar demasiada informacin o estamos estresados. Poseemos un amplio rango de capacidades fsicas. Tenemos diferentes preferencias de interaccin.

Anlisis y Diseo de Software DISEO DE INTERFAZ DE USUARIO


Mg. Richard Y. Mercado Rivas

Mdelo de Navegacin

Modelo de Navegacin

Mapas de navegacin de todos los entes que participan en el sistema

Modelo de Navegacin
1. 2. 3. 4. 5. 6.

Diseo de interfaces de usuario


Principios de diseo
Familiaridad del usuario Uniformidad Mnima sorpresa Recuperabilidad Gua del usuario Diversidad de usuarios

Dos cuestiones clave: Cmo debe interactuar el usuario con el sistema informtico? Cmo se debe presentar la informacin del sistema informtico al usuario?

Diseo de interfaces de usuario


Interaccin con el usuario
Manipulacin directa Seleccin de mens Rellenado de formularios Lenguaje de comandos Lenguaje natural

Diseo de interfaces de usuario


Interaccin con el usuario

Diseo de interfaces de usuario


Presentacin de la informacin
Todos los sistemas interactivos tienen que proporcionar alguna forma de presentar la informacin.

Diseo de interfaces de usuario


Presentacin de la informacin
Una buena pauta de diseo es mantener separado el software requerido para la presentacin de la informacin misma. Separar el sistema de presentacin de los datos nos permite cambiar la representacin en la pantalla del usuario sin tener que cambiar el sistema de clculo. El enfoque MVC de Smalltalk es una forma efectiva de realizar representaciones mltiples.

Diseo de interfaces de usuario


Presentacin de la informacin
Para encontrar la mejor presentacin de la informacin se necesita conocer a los usuarios de la informacin y saber cmo utilizarn el sistema. Cuando se decide cmo presentar la informacin deben tenerse presentes las siguientes cuestiones: El usuario est interesado en informacin precisa o en las relaciones entre los valores de los datos? Con qu frecuencia cambian los valores de la informacin? Se indicarn de forma inmediata al usuario los cambios en un valor? El usuario debe llevar a cabo alguna accin en respuesta a los cambios de la informacin?

Diseo de interfaces de usuario


Presentacin de la informacin

Diseo de interfaces de usuario


Presentacin de la informacin
Distintos tipos de informacin: Informacin meteorolgica Estado de una red telefnica Estado de una planta qumica Modelo de molcula Conjunto de pginas Web

Diseo de interfaces de usuario


Claves para utilizacin del color
Limitar el nmero de colores utilizados y ser conservador en la forma de utilizarlos. Utilizar un cambio de color para mostrar un cambio en el estado del sistema. Utilizar el cdigo de colores para apoyar la tarea que los usuarios estn tratando de llevar a cabo. Utilizar el cdigo de colores de forma consciente y uniforme Ser cuidadoso al utilizar pares de colores

Diseo de interfaces de usuario


Redaccin de mensajes

Diseo de interfaces de usuario


Factores en la redaccin de mensajes

Diseo de interfaces de usuario


Proceso de diseo
El diseo de la interfaz de usuario (UI) es un proceso iterativo donde los usuarios interactan con los

Diseo de interfaces de usuario


Proceso de diseo

diseadores y prototipos de la interfaz para decidir las caractersticas, organizacin, apariencia y funcionamiento de la interfaz de usuario del sistema. Existen tres actividades esenciales en este proceso: Anlisis del usuario Prototipado del sistema Evaluacin de la interfaz

Diseo de interfaces de usuario Diseo de interfaces de usuario


Proceso de diseo
Anlisis del usuario

Proceso de diseo
Anlisis del usuario

Diseo de interfaces de usuario


Proceso de diseo
Anlisis del usuario

Diseo de interfaces de usuario


Proceso de diseo Prototipado de la interfaz de usuario
El propsito del prototipado es permitir a los usuarios adquirir una experiencia directa con la interfaz. Cuando se est construyendo un prototipo de interfaz de usuario se debe adoptar un proceso de prototipado en dos etapas: 1. 2. Desarrollar prototipos en papel. Se perfecciona el diseo y se desarrollan prototipos automatizados cada vez ms sofisticados y se ponen a disposicin de los usuarios para realizar pruebas y simulacin de actividades.

Diseo de interfaces de usuario


Proceso de diseo Prototipado de la interfaz de usuario

Diseo de interfaces de usuario


Proceso de diseo
Evaluacin de la interfaz de usuario
La evaluacin de la interfaz es el proceso de evaluar la

Enfoques para el prototipado de interfaces de usuario: Enfoque dirigido por secuencias de comandos. Lenguajes de programacin visuales. Prototipado basado en Internet.

forma en que se utiliza una interfaz y verificar que cumple los requerimientos del usuario. Por lo tanto debe ser parte del proceso de verificacin y validacin de los sistemas software.

De forma ideal una evaluacin se debe llevar a cabo contra una especificacin de la usabilidad basada en atributos de la usabilidad.

Diseo de interfaces de usuario


Proceso de diseo
Evaluacin de la interfaz de usuario

Diseo de interfaces de usuario


Proceso de diseo
Evaluacin de la interfaz de usuario
Por ejemplo: En una mtrica de aprendizaje se podra enunciar que a un operador familiarizado con las tareas implementadas le debe ser posible utilizar el 80% de la funcionalidad del sistema despus de tres horas de formacin.

La evaluacin sistemtica del diseo de la interfaz de usuario puede ser un proceso caro que implica a cientficos

cognoscitivos y diseadores grficos.

Diseo de interfaces de usuario


Proceso de diseo
Evaluacin de la interfaz de usuario
Tcnicas menos costosas: Cuestionarios que recopilan informacin de lo que opinan los usuarios de la interfaz La observacin de los usuarios cuando trabajan con el sistema y piensan en voz alta de cmo tratan de utilizar el sistema para llevar a cabo una tarea. Instantneas de videos del uso tpico del sistema La inclusin de cdigo en el software que recopila informacin de los recursos ms utilizados y de los errores ms comunes.

Objetos de las interfaces grficas

Ventanas Menes conos Botones Campos etc.

Objetos de las interfaces grficas

Objetos de las interfaces grficas

Ventanas

Ventanas tipo dilogo

Tipos de ventanas y dilogos

Mensajes

Palabras claves

Palabras claves

Objetos
List box

Objetos Drop down list box Seleccionar uno o ms tems de la lista

Seleccionar solo un tem de la lista

Objetos Combo box Ejemplo: Barra para ingresar URL en los browsers (Mozilla e Internet Explorer) Mezcla entre drop list o list box incorporando un campo de texto

Ms mecanismos y objetos de interfaz

Ms mecanismos y objetos de interfaz

Ms mecanismos y objetos de interfaz

Menes

conos

Ms mecanismos y objetos de interfaz

Ms mecanismos y objetos de interfaz

Botones

Campos

Ms mecanismos y objetos de interfaz

Resumen

TRABAJANDO INTERFACES CON ENTERPRISE ARCHITEC

LOGO

UNIVERSIDAD NACIONAL DEL CENTRO DEL PER Facultad de Ingeniera de Sistemas

Anlisis y Diseo de Software

Mg. Richard Y. Mercado Rivas