Interfaz Gráfica

16
Lic. Erwin R. Aguirre V

description

Interfaz Gráfica

Transcript of Interfaz Gráfica

Page 1: Interfaz Gráfica

Lic. Erwin R. Aguirre V

Page 2: Interfaz Gráfica

inter = Proviene del latín INTER, y significa “entre” o “en medio”

faz = Proviene del latín facies, y significa “superficie, vista o lado de una cosa”

interfaz = “Superficie, vista o lado mediador”

Marrero, 2006. http://www.chr5.com/investigacion/investiga_igu/igu_aproximacion_semio-cognitiva_by_chr5.pdf

Interfaz gráfica como medio de comunicación

Page 3: Interfaz Gráfica

Comunicación

Acción en la que dos o más individuos, son capaces a través de un medio, de transmitir, recibir e interpretar información, utilizando un mismo código

EMISOR RECEPTORCódigo

Page 4: Interfaz Gráfica

Interacción

Acción que se ejerce recíprocamente a manera de diálogo, entre el ordenador y el usuario

EMISOR RECEPTORCanal

La computadora cumple el papel del emisor, el hombre

percibe (receptor) y el canal o código es la interfaz gráfica.

Page 5: Interfaz Gráfica

Interacción y comunicación están íntimamente relacionados:

En el proceso de comunicación existe cierta interacción entre un sujeto y un artefacto (computador, tv, radio..) o entre varios sujetos.

Y en la interacción es necesaria la comunicación o transmisión de información desde un sujeto a otro, o desde un sujeto y un artefacto o viceversa.

Marrero, 2006. http://www.chr5.com/investigacion/investiga_igu/igu_aproximacion_semio-cognitiva_by_chr5.pdf

Interacción cont…

Page 6: Interfaz Gráfica

La interfaz se materializa a través de la pantalla (es el medio directo de comunicación aplicación - usuario), y por medio de la misma, el usuario puede acceder a la información a través del resto de periféricos

Page 7: Interfaz Gráfica

La Interfaz Gráfica debe ser capaz de exponer de la manera más explicita el comportamiento y desenvolvimiento de la aplicación, donde el usuario debe ser capaz de captar por anticipado el funcionamiento y la información que contienen los diferentes enlaces La mejor interface

del usuario Exige el menor esfuerzo de aprendizaje

Vaughan, 1995: 403

“”

Page 8: Interfaz Gráfica

Colores aditivos de la luz (para pantalla)

RGB (red, green, blue)(rojo, verde, azul)

Colores sustractivos de pigmentos (impresión offset)

CMYK(cyan, magenta, amarillo, negro)

color en medios digitales

Page 9: Interfaz Gráfica

Para que el sitio sea fácil de navegar, debe mantenerse. organización. consistencia

Page 10: Interfaz Gráfica

organización. consistencia

Page 11: Interfaz Gráfica

organización. consistencia

Page 12: Interfaz Gráfica

organización. consistencia

http://www.dicamusica.it/

Page 13: Interfaz Gráfica

http://www.4trendy.com/index.html

organización. consistencia

Page 14: Interfaz Gráfica

http://www.hencken.com/design/site/index.htm

organización. consistencia

Page 15: Interfaz Gráfica

organización. visualización-No es posible predecir con exactitud cuál es el camino que el usuario seguirá

durante su exploración visual de la página, pero sí a qué zonas le presta mayor atención en su búsqueda:

12 3

4

4

Page 16: Interfaz Gráfica