diseño de interfaz de usuario.ppt

32
UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA SISTEMAS INFORMÁTICOS Y COMPUTACIÓN INGENIERÍA DE SOFTWARE

Upload: licpatricia-cumbicos

Post on 20-Jul-2015

57 views

Category:

Business


1 download

TRANSCRIPT

Page 1: Diseño de interfaz de usuario.ppt

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA

SISTEMAS INFORMÁTICOS Y COMPUTACIÓN

INGENIERÍA DE SOFTWARE

SANTIAGO MEDINA

Page 2: Diseño de interfaz de usuario.ppt

DISEÑO DE LA INTERFAZ DE USUARIO

Page 3: Diseño de interfaz de usuario.ppt

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

Page 4: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

REGLAS DE ORO

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

●Dar el control al usuarioEs decir un sistema que reaccione

a las necesidades del usuario y que le ayude a hacer las cosas.

Page 6: Diseño de interfaz de usuario.ppt

●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: Diseño de interfaz de usuario.ppt

●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: Diseño de interfaz de usuario.ppt

●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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

El modelo del usuario

Page 13: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

●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: Diseño de interfaz de usuario.ppt

El modelo del diseño

Page 17: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

El modelo de la implementación

Page 19: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

PASOS DEL DISEÑO DE LA INTERFAZ

Page 24: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

TEMAS DE DISEÑO

Page 28: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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: Diseño de interfaz de usuario.ppt

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