diseño de interfaz de usuario.ppt
TRANSCRIPT
![Page 1: Diseño de interfaz de usuario.ppt](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/2.jpg)
DISEÑO DE LA INTERFAZ DE USUARIO
![Page 3: Diseño de interfaz de usuario.ppt](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/6.jpg)
●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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/7.jpg)
●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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/8.jpg)
●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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/12.jpg)
El modelo del usuario
![Page 13: Diseño de interfaz de usuario.ppt](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/15.jpg)
●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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/16.jpg)
El modelo del diseño
![Page 17: Diseño de interfaz de usuario.ppt](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/18.jpg)
El modelo de la implementación
![Page 19: Diseño de interfaz de usuario.ppt](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/23.jpg)
PASOS DEL DISEÑO DE LA INTERFAZ
![Page 24: Diseño de interfaz de usuario.ppt](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/25.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/27.jpg)
TEMAS DE DISEÑO
![Page 28: Diseño de interfaz de usuario.ppt](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/29.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/30.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/31.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55abea181a28abb5678b47c4/html5/thumbnails/32.jpg)
Ciclo de evaluación del diseño de la interfaz de usuario