Diseño GUIElectivo Diseño de Interfaces Gráficas de Usuario ESCUELA DE DISEÑO Y MULTIMEDIA

Interfaces DE USUARIO

INTERFAZ definiciones

(Del ing. interface)Conexión física y funcional entre dos sistemas o dispositivos de cualquier tipo dando una comunicación entre distintos niveles; se puede definir como el espacio donde sucede la interacción o el intercambio.

INTERFAZ conexión

INTERFAZ conexión

el problema del DISEÑO

USUARIO

TAREA HERRAMIENTA

INTERFAZa

DISEÑAR

INTERFAZ de USUARIO conexión

INTERFAZ de USUARIO conexión

INTERFAZ de USUARIO conexión

INTERFAZ de USUARIO conexión

INTERFAZ definiciones

“La interfaz es el sitio donde los bits y las personas se encuentran.”

Nicholas Negroponte

“La interfaz no es un objeto, sino un espacio en el que se articula la información entre el cuerpo humano, la herramienta o artefacto comunicativa y objeto de la acción.”

Gui Bonsiepe

UI interfaz de usuario (user interface)

INTERFAZ de

SOFTWARE

INTERFAZ de HARDWARE

UI contextos

INTERFAZ como instrumentoDesde esta perspectiva la interfaz es una "prótesis" o "extensión" de nuestro cuerpo.

UI contextos

INTERFAZ como superficieTransmite instrucciones o intuiciones que nos informan sobre su uso. Un objeto (real o virtual) nos habla por medio de sus formas, texturas, colores, etc.

UI contextos

INTERFAZ como espacioEs el lugar de la interacción, el espacio donde se desarrollan los intercambios y sus manualidades.

UI definiciones

La interfaz es la membrana de comunicación entre los usuarios y el sistema, por la que los diseñadores y desarrolladores pueden hacer que la tecnología sea inteligible y sensible a las necesidades de los usuarios.

UI definiciones

Las características del diseño de interfaz pueden facilitar o impedir la interacción entre usuario y dispositivo.La interfaz orienta el interés del diseñador.La interfaz vuelve accesible el carácter instrumental de los objetos y el contenido comunicativo de la información.La interfaz transforma los objetos en productos y la simple existencia física en disponibilidad.

UI definiciones

Una interfaz relaciona las capacidades de presentación e interacción del sistema con el modelo cognoscitivo y perceptual del usuario.

SISTEMAUSUARIO

capacidad de presentaciónmodelo perceptual

modelo cognoscitivocapacidad de interacción

UI definiciones

Para una interacción hombre-máquina adecuada, la interfaz debe ofrecer a cada uno de los dos agentes soluciones a sus necesidades, no sólo ser una pantalla divisoria.

SISTEMAUSUARIO

INTERFAZ

SISTEMAUSUARIO

INTERFAZ

UI referentes

En vez de que el usuario intente hablar con la máquina en su idioma, es la máquina quien debe reflejar el mundo humano y comunicarse de forma inteligible.

UI referentes

Todo usuario requiere un tiempo de adaptación a una interfaz, pero una buena interfaz se vuelve invisible al momento de interactuar con ella. La interfaz debe hacer sentir al usuario, seguro y tranquilo, guiarlo de tal forma, que el sienta el control total de la situación.

UI evolución

CLI GUI

NUI

OUI

Interfaz de Línea de Comando

Interfaz Gráfica de Usuario

Interfaz Natural de Usuario

Interfaz Orgánica de Usuario

UI evolución

CLI Interfaz de Línea de Comandos

· codificada· estricta· abstracta· estática

UI evolución

GUI Interfaz Gráfica de Usuario

· reconocimiento· receptivo· exploratoria· indirecta

UI evolución

GUI Interfaz Gráfica de Usuario

MultiTouch

Stylus TouchWIMP

UI evolución

NUI Interfaz Natural de Usuario

· intuitiva· evocativa· contextual· directa

UI evolución

OUI Interfaz Orgánica de Usuario

· síntesis· fluida· anticipativa· extensiva

UI evolución

EJERCICIO 1

- Identificar 5 ejemplos de Interfaces Gráficas de Usuario con problemas de visualización, funcionalidad o interacción que estén presentes en distintos tipos de dispositivo: aplicaciones de escritorio, aplicaciones móviles, videojuegos y otros 2 dispositivos.

Trabajo individual o duplas. Generar un PPT con imágenes de cada ejemplo y descripción de las situaciones que no logran ser bien resueltas.

Enviar a jorgecantu@arcos.cl con el asunto: diseñoGUI_nombre alumno_entrega1

ENTREGA 20.05.2016