Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

diseño de interfaces[ taller de egreso ]

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz[del ingl. interface, superficie de contacto]

1. conexión física y funcional entre dos aparatos o sistemas independientes.

2. zona de comunicación o acción de un sistema sobre otro.

3. dispositivo que conecta dos aparatos o circuitos.

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz1. conexión física y funcional entre dos aparatos o sistemas

independientes.2. zona de comunicación o acción de un sistema sobre otro.

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz3. dispositivo que conecta dos aparatos o circuitos

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz[evolución de una interfaz]

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz[evolución de una interfaz]

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz[evolución de una interfaz]

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

sistema informático

hardwaresoftware

usuariointeracción

interfaz

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interacción

1. acción que se ejerce recíprocamente entre dos o más objetos, agentes, fuerzas, funciones, etc.

2. relación proactiva entre personas y computadores, estableciendo flujos de comunicación bidireccional.

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz[principios que rigen el diseño]

. necesidad. [consideración de las necesidades del usuario]

. transparencia. [permitir acciones o aprendizajes del usuario]

. ergonomía. [confort y limitaciones de los usuarios]

. consistencia. [coherencia estética]

. libertad. [movimiento a través de capas de información]

. reversibilidad. [acciones de los usuarios]

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz de usuario[tipos de interfaces]

interfaz física: un ratón y un teclado que sirven para introducir y manipular datos en nuestro ordenador.

interfaz gráfica de usuario (GUI) permite, mediante iconos (cursor + objetos gráficos metafóricos), interactuar con los elementos gráficos convirtiendo al ser humano en usuario de la aplicación.

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz gráfica de usuario[evolución]

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Interfaz de comando

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Xerox Star (1981)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Mac OS 1.0 (1984)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Windows 1.0 (1985)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Windows 3.0 (1990)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Mac OS 7 (1991)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Windows 95 (1995)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Mac OS X - Aqua (2001)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Windows XP - Luna (2001)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Mac OS X Leopard (2007)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Windows Vista - Aero (2007)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Mac OS X Mountain Lion (2012)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

Windows 8 - Metro (2012)

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

interfaz gráfica de usuario[evolución]

Las GUI funcionan basadas en el paradigma WIMP (windows, icon, menu, pointer) en donde la interacción se ve mediada por un dispositivo de entrada (teclado, mouse, touchpad, lápiz óptico, etc.)

Las interfaces post-WIMP, también llamadas NUI (natural user interface) se manipulan mediante movimientos gestuales de la mano, del cuerpo, o el uso de la voz.

Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos

diseño de interfaces[ taller de egreso ]