Teoría sobre Diseño de interfaces centradas en el usuario

1. Diseño de Interfaces
Centradas en el usuario
M.C.V. Liz Palacios Penna.
Maestría en Diseño Multimedia

2. ¿Qué es una UI?
Es la interfaz de usuario, (user interface)
Hace referencia a la interfaz con la que las personas
interaccionan con las máquinas.

3. También permite que el ordenador envíe un feedback al
usuario, de modo que este pueda dar cuenta de si su acción
se ha llevado a cabo con éxito.
Se trata del puente o
vehículo que permite usar
un ordenador, o cualquier
dispositivo móvil.

4. Cuenta con los elementos de control visibles (o
sensibles) al usuario, a través de los que puede efectuar
alguna acción.
Estos pueden ser líneas de texto, comandos, gráficos,
etc.

5. Tipos UI
Existen diversos tipos de métodos interacción
persona-ordenador (IPO), es decir muchos tipos
de interfaces.

6. Funcionan con comandos. Ejemplo MS dos.
El control mediante una CLI se lleva a cabo a través
del teclado y sin necesidad de usar el ratón.
Command Line Interfaces(CLI)

7. Text User Interface (TUI).
La interacción con el ordenador se realiza también por
medio del teclado.
Los programadores
pueden recurrir normalmente a
256 caracteres.
Ejemplo: gestores de arranque o
en programas BIOS Setup.

8. Graphical User Interfaces
(GUI)
Este software se aplica con elementos gráficos de
control e imágenes simbólicas que toman como
referencia de forma creativa a objetos del “mundo real”.
Todos los elementos pueden identificarse de forma sencilla
y su manejo resulta más intuitivo.

9. Voice User Interface (VUI)
Permite la interacción con los ordenadores por medio del control
por voz.
Ejemplo: Apple ha creado Siri, Amazon introdujo a Alexa,
Microsoft incluye a Cortana.
El usuario puede acceder a las aplicaciones por medio de
llamadas o lo que se transmite a viva voz, los usuarios pueden
trabajar de un modo más efectivo y tener mayor accesibilidad.

10. Natural User Interface (NUI)
La comunicación con el ordenador se establece a partir del
reconocimiento de gestos. Estas interfaces también
reconocen rostros y objetos. Ejemplo de ello son los diferentes
sensores de cámaras y micrófonos que permiten
una comunicación versátil con el dispositivo.

11. Tangible User Interfaces (TUI)
Son interfaces de usuario figurativas y
personalizables, es decir, la interacción con el
ordenador se lleva a cabo a través de objetos físicos.
Ejemplo, realidad aumentada.

12. Perceptual User Interfaces (PUI)
Son las interfaces de usuario controladas por
percepción, lo que se traduce en una
conexión entre las VUI, las GUI y el
reconocimiento electrónico de gestos.
Ejemplo: los drones de la marca DJ.

13. Brain Computer Interfaces (BCI)
Funcionan con ayuda de electrodos se pueden medir
las ondas cerebrales y hacer que los algoritmos las
traduzcan en comandos de control.
Ejemplo Stephen Hawkin.

14. La interfaz permite:
1. Que la persona pueda controlar efectivamente las
acciones de la máquina.
1. Que la persona reciba respuestas de la máquina
que le permitan saber si la interacción es correcta y
cómo seguir actuando.

15. El diseñador de la interfaz debe favorecer que el
proceso de interacción se efectúe de manera fácil e
intuitiva y que el usuario puede acceder a la
información o ejecutar las acciones que desea, de la
manera más simple posible.

16. El diseño de interfaces implica
conocimientos de
disciplinas muy variadas, como
la psicología, o el diseño
visual.

17. Uno de los elementos más importantes es
que la interfaz, “genere una buena
experiencia de usuario”.

18. ¿Qué distingue a las buenas
interfaces de usuario?
 Son sencillas
 Intuitivas
 Amigables
 Comprensibles
 Funcionan
 Tienen fácil manejo
 Son usables
 Tienen apariencia reconocible, tienen
buen aspecto

19. Si es difícil de usar, el tener un diseño llamativo no
tendrá ninguna importancia para el usuario. Para diseñarlas,
se deben realizar tests; conocer al usuario.
Ejemplo: análisis de mapas de calor. Este
tipo de análisis puede hacer un
seguimiento del comportamiento del
usuario a través de los clics, del scroll,
del movimiento ocular o eye tracking y se
registra haciendo uso de gradaciones
cromáticas.

20. Con respecto al diseño…..“menos es más”.
Debe imperar la función sobre la forma.
Función, claridad y estructura rigen el diseño de la
interfaz.
Se trata de conocer las conductas de uso del
público objetivo y de no restringir la
funcionalidad a través del diseño.

21. ¿Qué es una UI intuitiva?
Los usuarios esperan utilizar la interfaz de manera
intuitiva.
Usar los símbolos que la forman de manera instintiva
Por este motivo...utiliza iconos ya implantados.

22. La intención es encontrar el equilibrio
perfecto entre estética y funcionalidad para
poder alcanzar el éxito con un producto.
Puede haber integración de interfaces como GUI y VUI.
Ejemplo Iphone.

23. La interfaz gráfica de usuario
y el SEO
Una buena interfaz gráfica de usuario tiene un efecto
positivo en la optimización en buscadores (SEO).
Si los usuarios se sienten bien en una página web
permanecerán más tiempo en ella, lo que se convierte en
un factor muy importante, puesto que los buscadores
tienen la capacidad de reconocer mediante el tiempo
de permanencia cuál es la relevancia que tiene una
página web para la búsqueda correspondiente.

24. Al diseñar la UI, debes ponerte en el lugar de los usuarios
que llegan a ella por primera vez.
Si un usuario no tiene una agradable experiencia,
la abandonará y buscará otra UI sencilla y funcional.
Entonces…., !la navegación intuitiva se convierte en un
factor decisivo!

25. Se recomienda tener enlaces internos significativos
(crawlers de los buscadores).
 Rutas claras
 Rutas cortas
A lo que se llama (navegación con migas de pan o
breadcrumb navigation).

26. Para ello, se muestra la ruta recorrida en la página en las
barras de menú colocadas en la parte superior de la
propia página.
Ejemplo:
Página de inicio/Ropa de mujer/Pantalones/Vaqueros.
También puedes leer:
http://albertolacalle.com/hci/interfaz.htm

27. Todos los días interactuamos con interfaces;
analógicas, físicas, digitales, etc, con las que nos
relacionamos sin ser conscientes.

28. En la medida en que la interacción está más
relacionada con el cuerpo humano la sensación llamada
“transparencia de la interfaz” (kinect,
pantallas táctiles, reconocimiento de gestos, etc) ….todo
parece que funciona de un modo totalmente
intuitivo, casi naturalizado.

29. ….. la evolución en el diseño de las interfaces
va en dirección de intentar acercarse a la máxima
transparencia….