diseno de la interfaz de usuario

32

Upload: utpl

Post on 18-Nov-2014

52.650 views

Category:

Documents


5 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Diseno de la Interfaz de Usuario
Page 2: Diseno de la Interfaz de Usuario
Page 3: Diseno de la Interfaz de Usuario

El diseño de la interfaz de usuario requiere el estudio de las personas y el conocimiento tecnológico adecuado.

Page 4: Diseno de la Interfaz de Usuario

Preguntas que deben plantearse y responderse para el diseño de la interfaz de usuario

¿Quien es el usuario? ¿Como aprende a interactuar con el nuevo

sistema de computo? ¿Cómo interpreta la información que produce

el sistema? ¿Qué espera del sistema?

Page 5: Diseno de la Interfaz de Usuario

REGLAS DE ORO 

Existen tres reglas de oro para el diseño de la interfaz:

Dar el control al usuario

Es decir un sistema que reaccione a las necesidades del usuario y que le ayude a hacer las cosas.

 

Page 6: Diseno de la Interfaz de Usuario

Reducir la carga en la menoría del usuario

 Una interfaz de usuario bien diseñada no dependerá de la memoria del usuario. Siempre que sea posible, el sistema debe “recordar” la información pertinente y ayudar al usuario con un escenario de interacción que le facilite el uso de la memoria.

Page 7: Diseno de la Interfaz de Usuario

Lograr que la interfaz sea consistente

Implica:

Toda la información visual este organizada de acuerdo con un estándar de diseño que se mantenga en todas la presentaciones de pantalla.

Page 8: Diseno de la Interfaz de Usuario

Los mecanismos de entrada se restrinjan a un conjunto limitado que se utilicé de manera consistente en toda la aplicación.

Los mecanismos para ir de una tarea a otra se hayan definido e implementado de manera consistente.

Page 9: Diseno de la Interfaz de Usuario

ANALISIS Y DISEÑO DE LA INTERFAZ DE USUARIO

El proceso general para analizar y diseñar una interfaz de usuario empieza con la creación de diferentes modelos de función del sistema.

Page 10: Diseno de la Interfaz de Usuario

Luego se delinean las tareas orientadas al ser humano y al equipo que se requieren para lograr el funcionamiento del sistema.

ANALISIS Y DISEÑO DE LA INTERFAZ DE USUARIO (Cont.)

Page 11: Diseno de la Interfaz de Usuario

Modelos del análisis y diseño de la interfaz

Un ingeniero humano establece un modelo del usuario; el ingeniero del software crea un modelo del diseño; el usuario final desarrolla una imagen mental que suele denominarse modelo mental del usuario o percepción del sistema, y quienes implementan el sistema crean un modelo de la implementación.

Page 12: Diseno de la Interfaz de Usuario

El modelo del usuario

Page 13: Diseno de la Interfaz de Usuario

Establece el perfil de los usuarios finales del sistema.

Para construir una interfaz de usuario efectiva, “todo diseño debe empezar por la comprensión de quienes son los usuarios de destino, incluidos sus perfiles de edad, sexo, habilidades físicas, educación, antecedentes culturales o étnicos, motivaciones, objetivos y personalidad”.

Page 14: Diseno de la Interfaz de Usuario

Los usuarios están distribuidos en las siguientes categorías:

Principiantes. No tienen conocimientos de la sintaxis del sistema y cuentan con escasos conocimientos de la semántica de la aplicación o del uso de la computadora en general.

 

Page 15: Diseno de la Interfaz de Usuario

Usuarios esporádicos y con conocimientos. Tienen conocimientos razonables de la semántica, pero muestran una retención relativamente baja de la información sobre sintaxis necesaria para utilizar la interfaz.

  Usuarios frecuentes y con

conocimientos. Cuentan con conocimientos de sintaxis y semántica suficientes para llegar al “síndrome del usuario avanzado”.

Page 16: Diseno de la Interfaz de Usuario

El modelo del diseño

Page 17: Diseno de la Interfaz de Usuario

Incorpora datos, arquitectura interfaz y representaciones procedimentales del software.

La especificación de requisitos establece ciertas restricciones que ayudan a definir el usuario del sistema.

El modelo mental moldea la manera en que el usuario percibe la interfaz y esta satisface sus necesidades.

Page 18: Diseno de la Interfaz de Usuario

El modelo de la implementación

Page 19: Diseno de la Interfaz de Usuario

Combina la manifestación externa del sistema de computo y toda la información de ayuda que describe la sintaxis y semántica del sistema.

Cuando coinciden el modelo de la implementación y el modelo mental del usuario, los usuarios suelen sentirse a gusto con el software y lo usan con efectividad.

Page 20: Diseno de la Interfaz de Usuario

El Proceso

El proceso de análisis y diseño de la interfaz de usuario abarca cuatro actividades distintas de marco de trabajo

Page 21: Diseno de la Interfaz de Usuario

1. Análisis y modelado de usuarios, tarea y entornos.

2. Diseño de la interfaz

3. Construcción (implementación) de la interfaz

4. Validación de la interfaz

Page 22: Diseno de la Interfaz de Usuario

El análisis de la interfaz se concentra en el perfil de los usuarios que interactuaran con el sistema

Proceso de diseño de la interfaz de usuario

Page 23: Diseno de la Interfaz de Usuario

PASOS DEL DISEÑO DE LA INTERFAZ

Page 24: Diseno de la Interfaz de Usuario

Se han propuesto muchos modelos diferentes para el diseño de la interfaz de usuario, todos sugieren una combinación de los siguientes pasos:

Page 25: Diseno de la Interfaz de Usuario

1. Con base en la información desarrollada durante el análisis de la información, definir los objetos y las acciones de la interfaz (operaciones).

2. Definir eventos (acciones del usuario) que cambiarán el estado de la interfaz. Modelar este comportamiento.

Page 26: Diseno de la Interfaz de Usuario

3. Representar cada estado de la interfaz tal como lo verá el usuario final.

4. Indicar como interpreta el usuario el estado del sistema a partir de la interfaz proporcionada mediante la interfaz.

Page 27: Diseno de la Interfaz de Usuario

TEMAS DE DISEÑO

Page 28: Diseno de la Interfaz de Usuario

TIEMPO DE RESPUESTA

El tiempo de respuesta del sistema es la primera queja sobre muchas aplicaciones interactivas. En general, se mide desde el punto en que el usuario realiza alguna acción de control.

Page 29: Diseno de la Interfaz de Usuario

El tiempo de respuesta del sistema tiene dos características importantes:

Duración y variabilidad.

Duración. Si la respuesta del sistema se demora mucho, la frustración y el estrés del usuario son inevitables.

Page 30: Diseno de la Interfaz de Usuario

Variabilidad. Es la desviación del tiempo de respuesta promedio. Una baja variabilidad permite que el usuario establezca un ritmo de interacción, aunque el tiempo de respuesta sea relativamente largo.

Page 31: Diseno de la Interfaz de Usuario

EVALUACIÓN DEL DISEÑO

Una vez que se ha creado un prototipo de interfaz de usuario operacional, debe evaluarse y determinar si satisface las necesidades del usuario.

Page 32: Diseno de la Interfaz de Usuario

Ciclo de evaluación del diseño de la interfaz de usuario