Definicin interfaz grfica de

usuario
IGU Interfaz Grfica de Usuario
GUI - Graphical User Interface
Es la parte de la aplicacin con la que el usuario interacta
Habitualmente se identifica con los elementos en pantalla:
Mens
Barras de navegacin
Iconos
Botones
Textos
Imgenes
etc.
Modelo Mental
Concepto que proviene de la psicologa, es un mecanismo
del pensamiento mediante el cual un ser humano intenta
explicar como funciona el mundo real.
Modelo Mental
En IGU, es la representacin mental que construye una
persona para comprender el funcionamiento de un sistema.
Ayudar a los usuarios a formar un acertado y til modelo
mental del sistema.

Paradigmas para la interfaz de
usuario (Alan Cooper)
Paradigmas en el diseo de interfaces:
Paradigma Tecnolgico, se basa en entender como
trabajan las cosas
Paradigma Metafrico, se basa en intuir como
trabajan las cosas
Paradigma Idiomtico, se basa en aprender como
se llevan a cabo las cosas
Paradigmas para la interfaz de
usuario (Alan Cooper)
Paradigma Tecnolgico
La interfaz expresa los
elementos de la tecnologa en
que se ha construido, muestra
el esquema interior del
software
El usuario ha de entender
cmo funciona para poder
interactuar con l
No es el software el que se
adapta al usuario sino al revs
Paradigmas para la interfaz de
usuario (Alan Cooper)
Paradigma Metafrico
La interfaz se expresa
a travs de una
metfora que oculta el
funcionamiento interno
del programa y que se
refiere a trminos ms
o menos familiares
para el usuario

Paradigmas para la interfaz de
usuario (Alan Cooper)
Son ampliamente conocidas metforas como
escritorio, papelera, carpeta, documento,
ventana
Paradigmas para la interfaz de
usuario (Alan Cooper)
Paradigma Idiomtico
Est basado en la forma en que aprendemos nuevos
lenguajes
Slo depende de la habilidad de los humanos para
aprender
Por ejemplo, el ratn no es la metfora de nada pero se aprende
a usar de forma efectiva
Las barras de scroll son otro ejemplo de lo mismo, no
representan nada pero se aprenden muy fcilmente
En la realidad no es tan fcil deshacer (undo)
Paradigma idiomtico
El diseo de interfaz tambin construye su propia
gramtica
Soluciona los problemas de los dos paradigmas anteriores
Los elementos de un GUI son elementos que entendemos
idiomticamente ms que intuirlos metafricamente
Slo se depende de la habilidad para aprender
No se fuerza a entender el Cmo y el Por qu.
Las metforas tiles se pueden acabar, pero siempre se
puede crear un nuevo idioma
Principios del diseo IGUs
Simplicidad
Consistencia
Familiaridad
Disponibilidad
Flexibilidad
Eficacia
Prediccin
Retroalimentacin (Feedback)
Seguridad (Estabilidad)
Affordance




Principios del diseo IGUs
Simplicidad
Principios del diseo IGUs
Consistencia
Dentro de toda la aplicacin se conserva una unidad entre
los elementos: secuencia de acciones, trminos,
composicin, colores, tipografa, etc.
Principios del diseo IGUs
Familiaridad
Cuando el usuario puede apoyarse en sus experiencias
previas para prever el comportamiento de un sistema.
Principios del diseo IGUs
Familiaridad
Parte del trabajo de diseador de interfaces consiste en re-
descubrir los principios que rigen los dispositivos de
interaccin presentes en la vida cotidiana y llevarlos a la
pantalla interactiva
Redescubrir dispositivos reales de
interaccin
Familiaridad
Principios del diseo IGUs
Disponibilidad
Recordarle al usuario las opciones disponibles, evitando que
tenga que memorizar funciones.
Principios del diseo IGUs
Eficacia / Eficiencia / Satisfaccin
Principios del diseo IGUs
Prediccin:
Relacionado con el concepto de Consistencia, una vez que
se aprende la mecnica del IGU, el usuario puede predecir
como funciona un elemento nuevo
Principios del diseo IGUs
Retroalimentacin (Feedback)

Principios del diseo IGUs
Retroalimentacin (Feedback)

Principios del diseo IGUs
Retroalimentacin (Feedback)

http://www.mediavida.com/foro/90/cool-and-creative-404-error-pages-367866
Principios del diseo IGUs
Affordance