Paradigmas de la programacin 2015-2

1.- Diseo de interfaces grficas de usuario (GUI)

1.1.- Comunicacin Visual Efectiva para Interfaces Grficas de Usuario
El uso de tipografa, smbolos, color y otros grficos estticos y dinmicos son comnmente usados para expresar hechos,
conceptos y emociones. Esto compone un diseo grfico sistemtico orientado a la informacin que ayuda a la gente a
comprender informacin compleja. La comunicacin visual efectiva para este sistema se basa en algunos principios bsicos de
diseo grfico.
1.2.- Consideraciones de Diseo
Existen tres factores que pueden considerarse para el diseo de una interfaz de usuario correcta: factores de desarrollo,
factores de viabilidad y factores de aceptacin.
Los factores de desarrollo ayudan a mejorar la comunicacin visual. Esto incluye toolkits y libreras de componentes, soportes
para un rpido prototipado, y adaptabilidad.
Los factores de viabilidad tienen en cuenta factores humanos y expresan una fuerte identidad visual. Esto incluye: habilidades
humanas, la identidad del producto, un claro modelo conceptual, y mltiples representaciones.
Como factores de aceptacin estn la poltica de la corporacin, los mercados internacionales, y la documentacin y
entrenamiento.
Alinear imgenes.
Un error comn de diseo es insertar las imgenes en una pgina de cualquier manera sin pensar en el layout (estructura). Esto
no queda bien visualmente, puesto que por defecto las imgenes se alinean a la izquierda, resulta mucho ms agradable verlas
centradas.
Para componer el espacio en pantalla se debe distribuir la informacin segn
estereotipos: el sentido de lectura escritura condiciona el modo que de mirar las cosas
y los puntos innatos de atencin.
La figura ilustra los posibles recorridos visuales, de izquierda a derecha y de arriba hacia
abajo. Este estereotipo que debe ser respetado cuando se organiza la informacin en la
interfaz.
La informacin en el extremo superior izquierdo es la ms importante, ya que es la que
primero se ve, y la informacin en el extremo superior derecho la de menor jerarqua.
Los recorridos visuales en Occidente.

Asimismo, se recomienda que las acciones inmediatas como dilogos o alertas aparezcan
en la parte central de la pantalla

1.3.- El Lenguaje Visible

El Lenguaje Visible se refiere a las tcnicas grficas usadas para comunicar el mensaje o contexto, incluye:
-

Disposicin o Layout: formatos, proporciones, y mallas (grids); organizacin: ya sea 2D y 3D.

Tipografa: seleccin de tipos de letra y estilos, incluyendo la anchura fija y variable.

Color y Textura: color, textura y luminancia aportan informacin compleja y realidad pictorial.

Imgenes: signos, iconos y smbolos, desde lo fotogrficamente real a lo abstracto.

Paradigmas de la programacin 2015-2

Secuenciamiento: el aproximamiento total del secuenciamiento visual al secuenciamiento lgico.

Sonido: abstracto, vocal, concreto, o musical.

Identidad Visual: las reglas adicionales y nicas que proporcionan consistencia de conjunto a una GUI.

1.4.- Principios del Diseo de interfaces de usuario

Existen tres principios fundamentales relacionados en el uso del lenguaje visible:
-

Organizar: proveer al usuario de una estructura conceptual clara y consistente.

Economizar: hacer lo mximo con la menor cantidad de elementos.

Comunicar: ajustar la presentacin a las capacidades del usuario.

Organizar: disposicin de la pantalla, relaciones y navegabilidad son importantes conceptos de organizacin.

Organizacin catica

Organizacin ordenada

Consistencia. Existen 4 visiones de la consistencia: consistencia interna, consistencia externa, consistencia del mundo real y
cuando no hay consistencia.
La primera visin, la consistencia interna, afirma que las
mismas convenciones y reglas deben ser aplicadas a todos los
elementos de la interfaz grfica de usuario.
Los mismos tipos de elementos se muestran en los mismos
lugares. Aquellos con diferentes tipos de comportamiento tienen
su propia apariencia especial.

La consistencia externa afirma que las plataformas existentes y convenciones culturales deben ser utilizadas y aplicadas en
las interfaces grficas de usuario.

Consistencia externa para iconos de herramientas de texto

Estos iconos son de diferentes aplicaciones, pero

generalmente tienen el mismo significado.

Paradigmas de la programacin 2015-2

Consistencia del mundo real: Afirma que las convenciones y reglas deben ser consistentes y consecuentes con las
experiencias del mundo real, y las observaciones y percepciones del usuario. La innovacin, trata con la carencia de
consistencia; as desviarse de las convenciones existentes slo debe hacerse cuando proporciona un beneficio al usuario.
Disposicin de la pantalla (Layout)
Hay tres formas para disear una disposicin espacial de la pantalla: usar una estructura de malla (grid), estandarizar la
disposicin de la pantalla, y usar los elementos relacionados con grupos.
Una estructura de malla puede ayudar a colocar mens, paneles de dilogo o de control. Generalmente el mximo nmero de
divisiones horizontales o verticales se ajusta a la expresin 7 +/- 2. Esto ayudar a hacer la pantalla ms inteligible y menos
saturada.
Relaciones: Conectar los items relacionados y disociar los items independientes mejora sensiblemente la organizacin visual.

La localizacin, forma y valor pueden todas ellas crear

relaciones que es posible sean inapropiadas.

Relaciones claras, consistentes, apropiadas y fuertes.

Navegabilidad. Existen tres tcnicas importantes de navegabilidad:

-

proveer un foco inicial para la atencin del usuario.

dirigir la atencin a los items importantes, secundarios o perifricos.

asistir la navegacin a travs del material.

Diseo pobre.

Diseo mejorado: la disposicin espacial y el color ayudan a centrar

la atencin del usuario a las reas ms importantes.

Paradigmas de la programacin 2015-2

Economizar: Hay que considerar 4 grandes factores: simplicidad, claridad, singularidad y nfasis.
Simplicidad. La simplicidad incluye nicamente los elementos que son ms importantes para la comunicacin. Debera
producir tambin la menor obstruccin posible.

Diseo complicado y diseo ms simple.

Claridad
Iconos ambiguos y claros.
Todos los componentes deberan ser diseados para que su significado no sea
ambiguo, que no lleve al equvoco.
Singularidad: Las propiedades de los elementos necesarios deben ser caractersticas
singulares.

nfasis. Los elementos ms importantes deben ser fcilmente percibidos. Se debe restar nfasis a los elementos no crticos y
minimizarlos para no ocultar informacin critica.
Comunicar. La interfaz grfica de usuario debe mantener un balance entre legibilidad, tipografa, simbolismo, mltiples vistas,
y color o textura, para comunicar adecuadamente.

Legibilidad
Texto ilegible y legible.
La pantalla debe ser fcil de identificar e interpretar, adems
de atractiva y agradable

Paradigmas de la programacin 2015-2

Mltiples vistas. Se puede proveer de mltiples perspectivas en la pantalla de estructuras y procesos complejos. Hacer uso de
estas mltiples vistas:
-

mltiples formas de representacin y niveles de abstraccin.

vistas alternativas simultneas: conexiones y referencias cruzadas.

metadatos, metatexto y metagrficos.

Mltiples vistas verbales y visuales.

2.- El color y sus significados
El color es uno de los ms complejos elementos al disear una interfaz grfica correcta. Puede ser una potente herramienta de
comunicacin correctamente usado. Los colores pueden ser combinados para tomar un sentido visual. Entre las ventajas del
uso del color para facilitar la comunicacin estn:
- enfatiza la informacin importante.
- identifica subsistemas de estructuras.
- representa objetos naturales de un modo realista.
- reduce errores de interpretacin.
- aade dimensiones a la codificacin.
- aumenta la comprensibilidad, la credibilidad y el atractivo.
Cuando el color es correctamente usado la gente aprende ms. La memoria para la informacin en color parece ser mucho ms
eficiente que para la informacin presentada en blanco y negro.

Paradigmas de la programacin 2015-2

En principio, los colores clidos (rojo,

amarillo, naranja) provocan
sensaciones de accin, intervencin o
respuesta a un requerimiento y
cercana en el espacio.
Por el contrario, los colores fros
(verde, azul, violeta) consiguen crear
asociaciones con situaciones ms
estticas y dimensiones ms lejanas.
En el cuadro de la izquierda se
aprecian las relaciones que
tradicionalmente se establecen entre
los colores ms comunes y ciertas
actitudes mentales.

Los colores primarios son: rojo, amarillo y azul. No pueden ser obtenidos por mezcla de otros colores. El rojo es el color del
fuego y de la sangre. Excita e invita a la violencia. El amarillo es el color del sol y del oro. Es un color alegre, imagen de la
iluminacin y la pureza. El azul es el color del cielo y del aire. Sugiere imaginacin, libertad, evasin y sueo.
Los colores secundarios son: naranja, verde y violeta. El naranja (rojo + amarillo) posee las connotaciones propias del fuego y
el oro, caractersticas de sus colores primarios originales. El verde (azul + amarillo) es el color dominante en la naturaleza.
Evoca las plantas, la humedad, el reposo y la pasividad. El violeta (rojo + azul) es el color rojo, color de la vida, apagado por
el azul del cielo.
Existen tambin el negro y el blanco, que van a permitir matizar los colores anteriores, y a su vez contribuyen a crear otros
nuevos, llamados terciarios. El blanco es el color de la luz, de lo espiritual y elevado. El negro es la profundidad, la oscuridad.
El gris es la mezcla, ni blanco ni negro. Indica equilibrio, tibieza. Pero tambin se puede asociar a las sombras.
En la vida cotidiana es posible encontrar con ejemplos que ilustran las asociaciones del cuadro. Quiz el ms caracterstico sea
el de un semforo. Los colores rojo y amarillo reflejan una reaccin ms o menos inmediata por parte del individuo, el verde
indica va libre. En un hospital nunca se les ocurrira decorar sus quirfanos con colores clidos, siempre se ven las paredes
pintadas de azul o verde, en un intento de transmitir tranquilidad a los enfermos, o incluso de color blanco, que no produce
relajacin pero pasa desapercibido.
2.1 Principios de diseo del color
Los tres principios bsicos de diseo pueden aplicarse tambin al color: organizacin del color, economa del color y
comunicacin del color.

Organizacin del color

La organizacin del color influye en la consistencia de la organizacin. El color debe emplearse para agrupar los items
relacionados. Debe aplicarse una organizacin de color consistente tanto a las pantallas, como a la documentacin y a los
materiales de entrenamiento. Los colores similares infieren similitud en los objetos. Se debe mirar la completud y consistencia
al agrupar objetos con el mismo color. Una vez se establece una codificacin del color, esta debe ser usada en toda la interfaz
grfica as como en la documentacin y publicaciones relacionadas.

Paradigmas de la programacin 2015-2

Economa del color

El segundo principio del color, la economa del color, sugiere usar un mximo de 5 +/- 2 colores cuando el significado tiene
que ser recordado. La idea fundamental es usar color para aumentar la informacin proporcionada en blanco y negro (por
ejemplo, disear la interfaz para que funcione bien primero en blanco y negro).

Comunicacin del color

El nfasis del color sugiere usar fuertes contrastes en valor y tono para centrar la atencin del usuario en la informacin ms
importante. Cuando demasiadas figuras o campos del fondo compiten por la atencin del usuario se produce cierta confusin.
La jerarqua de los estados sobreiluminado, neutro e infrailuminado para todas las reas de la pantalla deben ser
cuidadosamente diseadas para proporcionar la mxima sencillez y claridad.
La comunicacin en color pugna con la legibilidad, incluyendo usar un color apropiado para las reas central y perifrica del
campo visual. Las combinaciones entre colores pueden producir influencias entre ellos y cambios en la eleccin de los mismos.
Es aconsejable que el color rojo y el verde no sean usados en la periferia del campo visual sino en el centro. Si son usados en la
periferia, es necesario un medio para captar la atencin del usuario, como un cambio de tamao o el parpadeo, por ejemplo.
El negro, azul, blanco y amarillo son apropiados para la periferia del campo visual, donde la retina es mas sensitiva a ellos.
Si se produce un cambio en el tamao de los elementos coloreados se debe tener en cuenta que la percepcin sobre su
luminancia o tono puede cambiar, y tomar las medidas oportunas.
Es preciso usar colores que difieran tanto en valor como en tono. Las combinaciones rojo/verde, azul/amarillo, verde/azul, y
rojo/azul deben ser evitadas excepto si se necesita un efecto visual especial. Pueden crear vibraciones, ilusiones, sombras y
postimgenes.
Para situaciones con poca iluminacin se recomienda texto claro, lneas finas y formas pequeas o medianas sobre un fondo
oscuro; para situaciones con iluminacin abundante, por el contrario, texto oscuro (azul o negro), lneas finas y formas
pequeas sobre fondo claro. Estas combinaciones son para presentaciones con transparencias, videos, papel o estaciones de
trabajo.
2.2 Simbolismo del color
La importancia del color es comunicar. Los cdigos de colores deben respetar el uso profesional y cultural ya existente de
determinados colores. Las connotaciones varan fuertemente respecto a los diferentes tipos de usuario, especialmente cuando
son de diferentes culturas. Las connotaciones del color deben ser usadas con sumo cuidado.
Por ejemplo: los buzones de correos son azules en Estados Unidos, rojo brillante en Inglaterra y amarillos en Grecia. Si se usa
un icono grfico para representar el correo electrnico, es conveniente adecuar su color al pas para mejorar la comunicacin.
2.3 Combinaciones entre colores
En el siguiente cuadro vemos ciertas combinaciones entre colores que pueden considerarse correctas e incorrectas. Por
ejemplo, los colores claros quedan bien integrados si se unen con colores oscuros, ya que hay un buen contraste, pero en
determinados casos se pueden combinar con tonos tambin claros, excepto si son demasiado parecidos, como ocurre con el
azul y el verde. En general, un fondo claro con texto y figuras oscuras es tan admisible como un fondo oscuro con texto y
figuras claros, pero en el primer caso se gana en legibilidad.

Paradigmas de la programacin 2015-2

El contraste figura fondo permite legibilidad y evita cansancio visual:

En general se recomienda tener un color de figura oscuro sobre fondo claro que al revs, porque se gana en legibilidad. En el
prximo cuadro aparecen ciertas combinaciones entre colores que pueden considerarse como correctas e incorrectas. Por
ejemplo, los colores claros quedan bien integrados si se unen con colores oscuros, ya que hay un buen contraste, pero en
determinados casos se pueden combinar con tonos tambin claros, excepto si son demasiado parecidos, como ocurre con el
azul y el verde. Tonos oscuros como el rojo y el azul presentados en una misma pantalla obligan al usuario a un esfuerzo de
acomodacin ptica innecesario.

En la combinacin de colores oscuros hay que tener ms cuidado, porque es ms fcil confundirse y que se unan colores que
hagan un mal efecto. Tonos oscuros como el rojo y el azul presentados en una misma pantalla obligan al usuario a un esfuerzo
de acomodacin ptica innecesario.
Cuando pensamos en qu colores debemos emplear en nuestras pantallas se debe reparar en la influencia que un determinado
color puede llegar a tener sobre el resto. Los colores provocan sensaciones cuando se abandona su visin y se pasa sin
transicin a observar otro. Por ejemplo, si estamos viendo el color azul y pasamos a ver un amarillo, ste se ver brillante. Si
no se pasa anteriormente por el azul, el amarillo se ver mucho ms plido y mate.
En general, los colores tienen unas propiedades psicolgicas que actan sobre nuestro subconsciente. Existen algunos efectos
de la yuxtaposicin entre colores que se admiten de forma general. Por ejemplo, el color amarillo, que como hemos dicho es
alegre y brillante, pierde toda su fuerza cuando se combina con el blanco. Para rebajar el excesivo dinamismo que evoca el
naranja no hay nada como mezclarlo con el blanco. Sin embargo, combinado con el rojo forma un color pardo demasiado
denso.
Existen ciertas relaciones que se deben considerar a la hora de seleccionar la gama de colores de las pantallas:
-

Un objeto pequeo parecer an ms pequeo si se coloca cerca de una superficie grande.

Un color claro parecer ms claro sobre un fondo oscuro que sobre un fondo claro.
Un color llama ms la atencin si se encuentra sobre un color mezclado que si est sobre un color vivo.
Un tono fro parecer ms fro cuanto ms clido sea el color sobre el que aparece.
Cada color muestra ms claramente sus caractersticas si se coloca cercano a su complementario.

Finalmente, una breve mencin a un aspecto muy interesante de cara a obtener delimitaciones ms finas en nuestros diseos: la
escala de grises. Muchas veces es ms interesante jugar con los diferentes grises que mezclar otros colores, debido a que el ojo
humano percibe con ms dificultad los pequeos detalles cuando se emplea el color, y sin embargo, la combinacin de varios
grises permite la discriminacin de los elementos de manera ms eficaz y agradable a la vista. Adems, se le puede aadir azul
para suavizar las posibles connotaciones negativas que se comentaban anteriormente.

Paradigmas de la programacin 2015-2

En definitiva, cuando estamos hablando se colores es mejor pecar de prudentes antes que arriesgarnos a que se provoque una
dispersin de la atencin por parte del usuario. Pero, con una pequea dedicacin, un proyecto que utilice una agrupacin bien
estudiada de colores va a mejorar claramente el acabado final, enriquecindolo de una forma muy interesante.
Usar el color para definir los espacios: Si se quiere disear una pgina con anchos fijos, es mejor centrarla en la pantalla
del navegador y mejorar as su presentacin.

2.4 Caractersticas del color en una interfaz grfica

Considere cul es la razn para aprovechar las ventajas del color: ofrecer al usuario la misma informacin pero de una forma
ms persuasiva o amistosa, incrementando su inters. Por lo tanto, la principal utilidad que va a tener el color en las pantallas
de la interfaz grfica ser la de resaltar las informaciones que se consideren ms importantes en detrimento del resto, para as
poder identificar rpidamente los datos ms relevantes, que sern aquellos a los que se presta atencin prioritariamente.
Un buen manejo del color lleva a agrupar los diferentes elementos de la pantalla en conjuntos, que quedarn asociados aunque
estn distanciados espacialmente, y a distribuir de forma clara los que deben diferenciarse. Este punto de vista de asociaciones y
divisiones se aplica tanto a los componentes fsicos de la pantalla como a las ideas y procesos inherentes a ellos. Por ejemplo, se
puede emplear la misma gama de colores para sealar una secuencia de procesos determinada sin necesidad de numeraciones o
indicaciones directas. Tambin es muy interesante cuando se tiene informacin dinmica en el tiempo, ya que se altera el color
cuando cambia el estado de la informacin.
Se debe tener en cuenta que los objetos verdes o azules parecen ms grandes que aquellos que son rojos o amarillos. Tambin
que los colores fros hacen aparecer al objeto como mucho ms plano que los calientes, que producen efecto de relieve. Pero,
como se ha enunciado antes, no se puede emplear cualquier color en cualquier momento. Es necesario tener un criterio de
distribucin decidido desde el momento en que se conoce que se van a utilizar colores en nuestras pantallas.
Uno de los errores ms habituales a la hora de disear una pantalla es que intentando aprovechar la posibilidad de usar el color,
acabar abusando de l. Esto puede ocurrir cuando en la aplicacin se presentan, por ejemplo, diferente gama de colores, lo que
provoca confusin a la persona que va a manejarla, ya que acaba preocupndose ms de adaptar su vista al continuo cambio de
color que al contenido de la informacin. Tambin hay que hacer hincapi en evitar las combinaciones que puedan provocar
connotaciones culturales negativas, que pueden llegar a herir susceptibilidades.

Paradigmas de la programacin 2015-2

Combinacin errnea indiscriminada.

Vea un ejemplo de combinacin errnea indiscriminada

en la siguiente imagen. La pantalla que se ha elegido
pertenece a una aplicacin sobre historiales clnicos.
Dispone de dos bloques de informacin: los datos
personales del paciente y la relacin de las citas
anteriores a la actual, cada uno de ellos en un marco
(frame). Realmente son dos informaciones que, aunque
independientes, mantienen la asociacin de pertenecer a
la misma persona. Sin embargo, el diseador ha decidido
distinguir claramente las diferencias al establecer los
colores verde y rojo como fondo para estos marcos. La
conjuncin de dos tonos tan distintos entre s invita a
pensar que ambos conceptos son completamente
exclusivos, aunque en la realidad no sea el caso, ya que
tanto los datos personales como las citas anteriores se
refieren al mismo paciente.

Otro error en el diseo de esta pantalla ha sido la de utilizar unas etiquetas con un color muy parecido en el fondo. Ocurre en
los cuadros de texto de los datos personales. El azul es muy semejante al verde y por lo tanto no permite una ntida
delimitacin. Obliga a forzar los ojos, lo que desde luego agota la vista del usuario en muy poco tiempo. Adems, cuando se
utilizan varias tonalidades del mismo color, como es el caso, puede incluso provocar confusin, o dar la impresin de que
algunos datos fsicamente cercanos estn conceptualmente distantes.
Por ltimo, vea la diferencia entre un texto de color oscuro sobre fondo claro (como suele ser lo habitual) y al revs. La
primera situacin la tenemos en los datos personales y la segunda en las citas anteriores. Como se puede observar, es mucho
ms fcil trabajar con situaciones como la del marco superior.
En esta imagen se ha representado la misma pantalla pero con colores ms adecuados.

Paradigmas de la programacin 2015-2

Pantalla con colores adecuados.
Este problema de atropello de los colores no es exclusivo de cada pantalla considerada de una manera singular. Es posible que
se estudie cada pantalla de forma individual y nos parezca que las combinaciones han sido las adecuadas, que el efecto ptico
que producen es armonioso y no son susceptibles de provocar efectos negativos en el ojo del usuario ni desviaciones
desproporcionadas de atencin. Esto es debido a que a veces el problema se presenta porque la combinacin errnea se
compone entre pantallas.
No es de recibo que a lo largo de la aplicacin el usuario pueda ver que el predominio de los tonos en tiempo de ejecucin va
variando sin ningn orden lgico y que lleguen, incluso, a provocar interferencias entre las pantallas. Por supuesto, hay que
intentar mantener una coherencia, buscando siempre transmitir una sensacin de bloque homogneo durante toda la
aplicacin. Si, por ejemplo, los fondos de todas las pantallas no pertenecen a la misma gama de color, provocar sin duda
confusin a la persona que en este momento observa el monitor de su ordenador, a pesar de que pantalla a pantalla la
composicin de tonalidades haya sido la adecuada. Desde luego, el problema de la uniformidad es extrapolable al resto de
caractersticas de nuestra aplicacin. El usuario debe encontrarse en un entorno homogneo para poder trabajar.
La anterior reflexin nos lleva a establecer que cualquier medida tomada en cuanto al color para incrementar los aspectos
ergonmicos de nuestras aplicaciones deben ser estudiadas tanto a nivel individual de cada pantalla como a nivel global de la
aplicacin completa.
Gua de uso del color en el diseo de GUIs. Recomendaciones.
1. Usar un mximo de cinco, ms menos dos colores. Cuatro colores distintos son apropiados. Permite mayor sitio adicional
en la memoria a corto plazo (memoria de trabajo). Los ordenadores pueden proporcionar al rededor de 16 millones de
colores, pero los humanos slo pueden discriminar entre 7,5 millones de colores.
2.

Usar colores centrales y perifricos de forma apropiada. Usar el color azul para reas grandes, no para detalles o texto. El
azul es apropiado para fondos de transparencias y pantallas. Usar el rojo y el verde para captar la atencin es una buena
medida, el campo visual se adapta fcilmente a esto.

3.

Usar el mismo color para agrupar elementos relacionados. La ciencia cognitiva ha avanzado en la nocin de preparar y el
proceso preatento. En este contexto, puedes preparar al usuario para eventos relacionados usando un cdigo de color
comn. Un grupo de imgenes sucesivas puede mostrarse para relacionarse usando el mismo color. Colores similares
pueden evocar significados similares. Es preciso mantener el color de fondo a no ser que exista una poderosa razn, por el
mismo motivo.

4. Usar un cdigo de formas redundante de la misma manera que el color. Hace la pantalla ms impermeable a distorsiones
en el color. Los cambios en la claridad del ambiente puede provocar cambios en el color percibido.
5.

Evitar azul para el texto, lneas finas, y formas pequeas. Nuestro sistema visual no est nicamente diseado para
estmulos detallados y precisos en longitudes de onda corta. Sin embargo, el azul es muy aconsejable para el color de
fondo, y se percibe de manera idnea en la periferia del campo visual.

6. Evitar que los colores adyacentes difieran nicamente en la cantidad de azul. Los lmites que difieran nicamente en la
cantidad de azul se percibirn distintos.
7. Evitar el rojo y el verde en la periferia de pantallas de gran escala. Debido a la insensibilidad de la periferia retinal al rojo y
al verde, estos colores deben ser evitados en la periferia en su forma saturada. El amarillo y el azul son buenos colores
perifricos.

Paradigmas de la programacin 2015-2

Construccin de GUI
Las grandes inversiones tecnolgicas no han producido los incrementos de productividad esperados y en esto no ayuda el reentrenamiento constante de usuarios ante nuevos productos y/o nuevas versiones (upgrades) de sistemas. La inversin en TI
no aumenta automticamente la productividad, pero es un componente esencial para la construccin de un sistema de trabajo
que s la incrementar. Una GUI atractiva y con buena usabilidad colabora en el incremento de la productividad.
Se acepta que la interfaz comprende los dispositivos E/S, y el software que los administra. Tambin debe incluirse cualquier
otro aspecto que trate con el uso humano de las computadoras:
Documentacin
Entrenamiento
Soporte tcnico
Contexto de uso
Qu es CSS?

es un lenguaje de estilo que define la presentacin de los documentos HTML.

trata temas relativos a fuentes, colores, mrgenes, lneas, altura, anchura, imgenes de fondo, posicionamiento avanzado y
muchos otros temas.
est soportado por todos los navegadores hoy da.
permite controlar la presentacin de muchos documentos desde una nica hoja de estilo.

Fuentes Bibliogrficas
1. Aguiar Fernndez, M. y Aguiar Fernndez, K. Asociaciones mentales de los colores. En: La eleccin del color en las
interfaces grficas de usuario. www.tid.es/presencia/boletin/bole16/art002.htm
2. Enrique M. Coperas. (1998). Documento: Las maravillas de la visin. Muy Interesante. Numero 211.
3. Mara del Mar Aguiar Fernndez, Karlos Aguiar Fernndez. (1998). La eleccin del color en las interfaces grficas de
usuario. Boletn Digital de Factores Humanos. Departamento I+D de Telefnica.
4. accedido el 12 de junio de 2013, http://blog.txipinet.com/2006/08/28/28-estudio-sobre-el-diseno-de-guis-iii-laimportancia-del-diseno/