![Page 1: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/1.jpg)
INTERFAZ GRÁFICA DE USUARIOAproximación semiótica y cognitiva
CARLOS MARRERO EXPÓSITO * UNIVERSIDAD DE LA LAGUNA * TENERIFE * 2006
PROYECTO DE INVESTIGACIÓN
![Page 2: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/2.jpg)
APARTADOS
● I PARTE: DEFINICIÓN Y PROBLEMÁTICA
● II PARTE: SÍNTESIS HISTÓRICA
● III PARTE: ELEMENTOS PARA UNA GRAMÁTICA INTERACTIVA DE LA INTERFAZ GRÁFICA
![Page 3: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/3.jpg)
I PARTE: DEFINICIÓN Y PROBLEMÁTICAS
● Aproximación etimológica● Aproximaciones sintáctica y pragmática● Dimensión física y simbólica● Comunicación e interacción● Signos visual y signo interactivo● Propuesta de definición
![Page 4: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/4.jpg)
Aproximación etimológica
“superficie, vista, o lado que media”.
"método de interacción con un ordenador a través del paradigma de manipulación directa de imágenes gráficas, controles y texto”
Wikipedia
Etimología
Conexión física y funcional entre dos aparatos o sistemas independientes.
Diccionario de la RAE
![Page 5: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/5.jpg)
Aproximación semio- sintáctica y semio-pragmática
Aproximación atendiendo a las variables del OBJETO, discriminando las variables del sujeto en un proceso de semiosis.
Aproximación semio-sintáctica
Aproximación atendiendo a las variables cognitivas (significado) del SUJETO en el proceso de semiosis.
Aproximación semio-pragmática
![Page 6: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/6.jpg)
Dimensión física y simbólica
Dimensión física de soporteARTEFACTO Dimensión simbólico - lingüística
![Page 7: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/7.jpg)
Comunicación e interacción
COMUNICACIÓN INTERACCIÓN
ARTEFACTO
![Page 8: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/8.jpg)
Signo visual e interactivo
● El contexto condiciona el signo. No es lo mismo un signo proyectado en un TV que en un Monitor.
● Los signos en la interfaz deben ser asociados a propiedades funcionales. Los signos interactivos tienen características que los diferencias de otro tipo de signos.
![Page 9: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/9.jpg)
II PARTE: SÍNTESIS HISTÓRICA
● I Período: Xerox Parc (1970 – 1981)
● II Período: Eclosión y expansión (1981- 1995)
● III Período: Automazión y customización (1995 - 2001)
![Page 10: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/10.jpg)
Xerox Parc (1970 - 1981)
● Vannevar Bush (memex)
● Ivan Sutherland (Sketchpad)
● Douglas Engelbart (Ratón)
● Alan Kay (Dynabook)
![Page 11: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/11.jpg)
Xerox Alto (1980)
![Page 12: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/12.jpg)
Xerox Star (1981)
![Page 13: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/13.jpg)
Historia II: Democratización y eclosión de la interfaz
● 1983 - Apple Lisa
● 1984 - Apple Macintosh
● 1985 – Next GEM
● 1985 – Amiga Workbench
● 1985 – Microsoft Windows 1.0
● 1986 - Commodore GEOS
● 1987 - RISC OS
● 1989 - NEXTSTEP
![Page 14: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/14.jpg)
Apple Lisa (1983)
![Page 15: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/15.jpg)
Apple Macintosh (1984)
![Page 16: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/16.jpg)
Windows 1.0
![Page 17: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/17.jpg)
Next Step (1989)
![Page 18: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/18.jpg)
Historia III: Consumo y customización
● 1995. Windows 95● 1995. BEOS ● 1998. KDE y GENOME● 2001. MAC OS X ● 2001. Microsoft XP
![Page 19: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/19.jpg)
Windows 95
![Page 20: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/20.jpg)
K – Desktop Environment
![Page 21: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/21.jpg)
MAC OS X
![Page 22: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/22.jpg)
Windows XP
![Page 23: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/23.jpg)
III PARTE – HACIA UNA GRAMÁTICA INTERACTIVA
● RECURSOS INTERACTIVOS● ELEMENTOS INTERACTIVOS
![Page 24: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/24.jpg)
Recursos Interactivos
● W.I.M.P● METÁFORA DEL ESCRITORIO● MANIPULACIÓN DIRECTA● SINTAXIS: NOMBRE, LUEGO VERBO● WYSIWYG
![Page 25: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/25.jpg)
Elementos de la interfaz
● Dispositivos de interfaz humana● Ventanas● Menús● Iconos● Fuentes tipográficas● Controles
![Page 26: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/26.jpg)
Dispositivos de interfaz humano
![Page 27: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/27.jpg)
Ventanas
![Page 28: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/28.jpg)
Menús
![Page 29: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/29.jpg)
Iconos
![Page 30: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/30.jpg)
Fuentes digitales
![Page 31: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/31.jpg)
Controles
![Page 32: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/32.jpg)
ALGUNAS CONCLUSIONES
● La interfaz gráfica es un tipo de artefacto cuyas propiedades le dotan de sentido particular dentro de los procesos de comunicación.
● El medio digital sugiere la necesidad de elaborar una gramática de los signos en el medio interactivos. Algo que sería interesante realizarla desde el análisis semio-sintáctico y semio-pragmático de la interfaz.
● Customización y automatismo suponen dos ingredientes actuales en el diseño de interfaces gráficas.
● Es posible vislumbrar una posible gramática interactiva en la interfaz acercádonos a sus elementos y recursos.
![Page 33: Aproximación semio cognitiva a la Interfaz Gráfica de Usuario](https://reader034.vdocumento.com/reader034/viewer/2022052413/55a0d7741a28ab4b748b4715/html5/thumbnails/33.jpg)
Créditos
● Trabajo de investigación realizado por Carlos Marrero Expósito, en el contexto del programa de doctorado creación plástica y diseño, pertenciente al departamento de dibujo, diseño y estética, en la Universidad de La Laguna.
● Gracias a Juanma, suso, Fernando, Alfredo y todas aquellas personas que han aportado algo a este trabajo.