Está en la página 1de 33

23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.

ppt - Presentaciones de Google

DISEÑO DE LA INTERFAZ DE USUARIO

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 2/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

El diseño de la interfaz de usuario


requiere el estudio de las personas y el
conocimiento tecnológico adecuado.

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 3/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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?

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 4/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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.
https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 5/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

●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
https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 6/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

de interacción que le facilite el uso


de la memoria.

● 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.
https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 7/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

● 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

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 8/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

implementado de manera
consistente.

ANALISIS Y DISEÑO DE LA
INTERFAZ DE USUARIO

El proceso general para analizar y


diseñar una interfaz de usuario empieza

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 9/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

con la creación de diferentes modelos de


función del sistema.

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

Luego se delinean las tareas


orientadas al ser humano y al equipo

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 10/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

que se requieren para lograr el


funcionamiento del sistema.

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
https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 11/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

mental del usuario o percepción del


sistema, y quienes implementan el
sistema crean un modelo de la
implementación.

El modelo del usuario


https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 12/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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
https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 13/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

usuarios de destino, incluidos sus


perfiles de edad, sexo, habilidades
físicas, educación, antecedentes
culturales o étnicos, motivaciones,
objetivos y personalidad”.

Los usuarios están distribuidos en las


siguientes categorías:

● Principiantes. No tienen
conocimientos de la sintaxis del
https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 14/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

sistema y cuentan con escasos


conocimientos de la semántica de
la aplicación o del uso de la
computadora en general.
 

● Usuarios esporádicos y con


conocimientos. Tienen conocimientos
razonables de la semántica, pero
muestran una retención relativamente

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 15/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 16/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

El modelo del diseño

Incorpora datos, arquitectura interfaz y


representaciones procedimentales del
software.

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 17/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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.

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 18/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

El modelo de la implementación

Combina la manifestación externa del


sistema de computo y toda la

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 19/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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.

El Proceso

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 20/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

El proceso de análisis y diseño de la


interfaz de usuario abarca cuatro
actividades distintas de marco de
trabajo

1.Análisis y modelado de usuarios,


tarea y entornos.
https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 21/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

2. Diseño de la interfaz
3. Construcción (implementación)
de la interfaz
4. Validación de la interfaz

El análisis de la interfaz se concentra en


el perfil de los usuarios que interactuaran
https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 22/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

con el sistema

Proceso de diseño de la interfaz de usuario

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 23/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

PASOS DEL DISEÑO DE LA INTERFAZ

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 24/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

Se han propuesto muchos modelos


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

1. Con base en la información


https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 25/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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.

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 26/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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.

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 27/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

TEMAS DE DISEÑO

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 28/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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.

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 29/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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.

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 30/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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.

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 31/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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.

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 32/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 33/34
23/3/23, 18:24 DISEÑO DE INTERFAZ DE USUARIO.ppt - Presentaciones de Google

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

https://docs.google.com/presentation/d/1JebWbojQQeK_WtheGaRunTK9XpTrUzNrkRAt6Nz_CAA/htmlpresent 34/34

También podría gustarte