Interfaz Gráfica
-
Upload
maria-m-perez -
Category
Documents
-
view
250 -
download
4
description
Transcript of Interfaz Gráfica
![Page 1: Interfaz Gráfica](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/1.jpg)
Lic. Erwin R. Aguirre V
![Page 2: Interfaz Gráfica](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/2.jpg)
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](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/3.jpg)
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](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/4.jpg)
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](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/5.jpg)
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](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/6.jpg)
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](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/7.jpg)
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](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/8.jpg)
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](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/9.jpg)
Para que el sitio sea fácil de navegar, debe mantenerse. organización. consistencia
![Page 10: Interfaz Gráfica](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/10.jpg)
organización. consistencia
![Page 11: Interfaz Gráfica](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/11.jpg)
organización. consistencia
![Page 12: Interfaz Gráfica](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/12.jpg)
organización. consistencia
http://www.dicamusica.it/
![Page 13: Interfaz Gráfica](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/13.jpg)
http://www.4trendy.com/index.html
organización. consistencia
![Page 14: Interfaz Gráfica](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/14.jpg)
http://www.hencken.com/design/site/index.htm
organización. consistencia
![Page 15: Interfaz Gráfica](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/15.jpg)
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](https://reader030.fdocument.pub/reader030/viewer/2022012323/568c36fb1a28ab02359a0d1b/html5/thumbnails/16.jpg)