Estudio sobre la evolucin de las interfaces de usuario en el

desarrollo de las tecnologas de la informacin y comunicacin

Roberto Vega
Departamento Ciencias de la Computacin
Universidad de las Fuerzas Armadas ESPE
Sangolqui, Ecuador
rjvega1@espe.edu.ec

Eduardo Vera
Departamento Ciencias de la Computacin
Universidad de las Fuerzas Armadas ESPE
Sangolqui, Ecuador
eevera@espe.edu.ec
Abstract This document was made in order to give an
opinion about the evolution of user interfaces and how they have
had an impact on the development of information and
communication technologies. Very roughly shows a panorama of
these technologies that have proven solvent the various obstacles
that have been faced. Given the constant miniaturization of
electronic devices, the massification and diversification of
computer equipment and their potential interrelation, the
emergence of new computational paradigms, and the need to give
access to the benefits of these technologies to society as a whole,
The design of new interfaces that simplify the interaction
between users and the computing infrastructure, is a priority
challenge.
Resumen El presente documento se realiz con el fin de dar
avisorar un panorama acerca de la evolucin de las interfaces de
usuario y como las mismas has repercutido en el desarrollo de las
tecnologas de la informacin y comunicacin. Muy a groso modo
se muestra un panorama de estas tecnologas que han sabido
solventar los diversos obstculos a los que se han visto
enfrentadas. Ante la constante miniaturizacin de los dispositivos
electrnicos, la masificacin y diversificacin de los equipos
computacionales y su potencial interrelacin, el surgimiento de
nuevos paradigmas de cmputo, y la necesidad de dar acceso a
los beneficios de estas tecnologas a la sociedad en su conjunto, el
diseo de nuevas interfaces que simplifiquen la interaccin entre
los usuarios y la infraestructura de cmputo, es un desafo
prioritario.

I.

opciones de los programas pueden ser seleccionados a travs

de mens dispuestos en secciones especficas de las ventanas.
Esta interfaz, conocida comnmente como WIMP
(Windowsicons-mouse-pointer), ha sido sumamente exitosa
por ms de 20 aos, un perodo sorprendentemente largo
cuando se habla de TICs.
La longevidad de las interfaces se debe, entreotros, a dos
factores principales. En primer lugar, esta abstraccin permiti
que la computadora pudiera ser utilizada prcticamente por
cualquier persona sin tener que ser experta en computacin; se
trata de una interfaz centrada en el usuario. En segundo lugar,
ha resultado muy apropiada al considerar la computadora como
una
herramienta de trabajo para las funciones convencionales en la
oficina, la escuela y el hogar.
Interfaz grfica de usuario.

INTRODUCCIN

Las Tecnologas de Informacin y de Comunicaciones

(TIC) han transformado virtualmente todas las actividades del
hombre en las sociedades modernas. En la actualidad, el no
contar con nociones bsicas para poder servirse de la
computadora (especficamente, de los programas y
aplicaciones ejecutndose en ella) puede limitar severamente
las posibilidades de desarrollo profesional de las personas y, de
manera creciente, de su interaccin social.
La interfaz de usuario ms popular consiste en la
representacin grfica de programas como iconos
seleccionados a travs del ratn que se ejecutan en ventanas
desplegadas en la pantalla de la computadora. Los comandos y

La Interfaz Grfica de Usuario es un programa informtico

que acta utilizando un conjunto de imgenes y objetos
grficos para representar las acciones y la informacin
disponibles en la interfaz. Su funcin principal consiste en
facilitar un entorno visual sencillo que permita la comunicacin
con el sistema operativo de un ordenador.

II.

EL PROBLEMA

El desarrollo de interfaces de usuario es una tarea que

consume grandes cantidades de recursos. Por otro lado, las
tcnicas de modelado conceptual han demostrado ser muy
valiosas para incrementar el nivel de abstraccin a la hora de
construir sistemas, sin embargo, histricamente dejaban de lado
el modelado de la interfaz de usuario. La presente tesis
proporciona una extensin para la especificacin de interfaces
de usuario sobre modelos conceptuales orientados a objetos. El
modelo propuesto explora los lenguajes de patrones
conceptuales como herramientas para la elicitacin de
requisitos, especificacin y generacin de cdigo. Como
herramientas de soporte, se han construido editores de
modelos, especificaciones, prototipos y generadores de cdigo.
Todo ello, ha sido refinado y validado empricamente en un
entorno industrial tras varios ciclos de desarrollo iterativo. El
proceso de desarrollo de interfaces de usuario propuesto reduce
drsticamente los tiempos de desarrollo as como los recursos
necesarios gracias a las tcnicas de generacin de cdigo y
prototipacin rpida introducidas. El anlisis basado en
Modelizacin Conceptual y apoyado sobre tcnicas de
generacin de cdigo acerca un poco ms la utopa del
Paradigma de la Programacin Automtica enunciada por
Balzer. Ms an, la construccin de sistemas pierde
caractersticas de artesana para convertirse en un mtodo de
ingeniera de produccin de software que asegura la calidad del
producto software
III.

LA IDEA

Nace de la necesidad de mejorar la usabilidad con el

usuario final para lo cual se realiza un anlisis critico para
determinar la evolucin de las interfaces de usuario en el
desarrollo de las tecnologas de la informacin y
comunicacin.
Ademas parte del hecho de qu la interfaz grfica de usuario
ha hacho que los sistemas operativos se conviertan en
soluciones mucho ms visuales y accesibles para el pblico,
algo que hasta la fecha era complicado debido a las funciones
de unos sistemas basados en modo texto que resultaban
demasiado limitados para un gran nmero de escenarios.
IV.

Ventajas
El Xerox Alto posea una interfaz grfica rudimentaria en
blanco y negro, con la que se
poda interaccionar mediante un ratn. Los botones seran
representados a travs de formas textuales, de un modo muy
simple.
Desventajas
No fue implantado ningn sistema de ventanas en este
modelo. La interfaz grfica no presentaba elementos icnicos,
ni pestaas, ni barras de desplazamiento en la navegacin de la
informacin.
SEGUNDO PERODO
31 Jan 1981 - 31 Jan 1995
Desarrollo y eclosin de las interfaces grficas.
Interfaz SO de Xerox Star
1 Jan 1981

DETALLES

PRIMER PERIODO
1 Jan 1970 - 31 Dec 1981
Nacimiento de la interfaz grfica.
Interfaz SO de Xerox Alto
1 Jan 1973

Ventajas
Adecuado desarrollo e implementacin del concepto
WYSIWYG en la interfaz.
Fue el primero en incluir un sistema de ventanas totalmente
contemporneo.
Desventajas
Su coste lo hizo inviable para ser introducido en el mercado.

Interfaz SO Apple Lisa y Apple Macintosch

1 Jan 1983

Ventajas
Tanto Lisa como Macintosh, usan el paradigma WIMP a
travs de la integracin de una interfaz humana ratn-teclado.
Usan iconos para identificar aplicaciones en el escritorio, y
usan el sistema de ventanas.
La simplicidad, eliminando informacin redundante sobre el
interfaz.

Fue diseada en cuatro colores: blanco, negro, azul y naranja.

Adaptada para ser visualizada en una gama amplia de
monitores y televisores a travs de un diseo en alto contraste.
Usa el sistema de ventanas con posibilidad de solapamiento.
Usa iconos de acceso directo en el escritorio.
Interfaz Microsoft Windows 1.0
31 Aug 1985

Desventajas
Los costos de la computadora Lisa eran elevados.
Interfaz GEM de Digital Researchs
1 Jan 1985

Ventajas
Interfaz grfico integrado con el sistema operativo DOS bajo
plataforma IBM.
Desarrolla la metfora de escritorio manteniendo una serie de
iconos, como son la papelera de reciclaje, e iconos para
dispositivos.
Uso de un men fijo en la parte superior donde se organizan
diferentes comandos.
Desventajas
La interfaz grfica es prcticamente una copia de la interfaz de
Mac en esos aos.
Aplicaciones como una calculadora y un reloj, no aparecen
visibles en el escritorio de trabajo.
Interfaz Amiga WorkBench
2 Jan 1985

Ventajas
Introduce una serie de iconos alienados en la parte inferior de
la pantalla que van representando las aplicaciones activas en el
sistema.
El sistema de ventanas establece su estado por defecto de
forma maximizada.
Las ventanas incluyen un icono de redimensin en la parte
superior derecha, y en la izquierda permite acceder a mens
contextuales.
Desventajas
Aspecto rudimentario, uso muy limitado de iconografa,
ausencia de representacin de iconos en los archivos.
Interfaz GEOS de Commodore
31 Aug 1986

Permite posicionar en el escritorio iconos de aplicaciones y

funciones importantes: impresin, dispositivos, etc.
Usa la representacin de iconos para documentos permitiendo
diversos sistemas de visualizacin en el interior de las
ventanas.
Tambin dispone un men fijo de acceso a comandos globales
del sistema en la parte superior.
Desventajas
El sistema de ventanas es bsico, no permite redimensionar y
de un tamao fijo.
No permite posicionar documentos de usuario en el escritorio.

Aplica el Dock, una barra que muestra en forma de iconos los

programas ms usados. Incluye siempre el icono para mostrar
el escritorio y la papelera de reciclaje, el estado de los
programas a travs de signos grficos, indicando si estn
activos o inactivos en un momento dado.
Su sistema de ventana dispone el men de navegacin (scroll)
al lado izquierdo.
Incluye un original sistema para navegar por el sistema de
archivos.
Tambin aparece un men flotante en la esquina superior
izquierda.

Interfaz Arthur Risc OS

31 Aug 1987
TERCER PERIODO
31 Jan 1995 - 31 Aug 2001
La interfaz como producto de consumo (Automatismo y
customizacin).
Interfaz Windows 95
31 Oct 1995

Los mens de comandos y acciones se activan a traves de

mens contextuales con el botn central del ratn.
Incluye una barra de navegacin global, que permite acceso
directo a las diversas aplicaciones que estn activas.
Interfaz NEXT STEP
31 Aug 1989

Microsoft consigue integrar en Windows 95, el sistema

operativo MS-DOS con una interfaz grfica de forma
coherente.
El usuario puede interactuar directamente con el documentoobjeto.
Surge el men de inicio.
Posibilidad de incluir nombres largos en los archivos.
Se introduce el asistente.
Pposibilita personalizar el escritorio.

KDE (K - Desktop Environment)

31 Aug 1998
Activa en el escritorio las aplicaciones bajo una sola pulsacin
de ratn.
Introduce una barra de tareas que dispone de un botn de
inicio, un rea de iconos de aplicacin, un rea para ventanas
minimizadas.
Gran flexibilidad para adaptarse a las necesidades del usuario.
Permite modificar la imagen del escritorio, cambiar los iconos,
cambiar la apariencia general.
GNOME
31 Aug 1999

El considerado por muchos como el mejor sistema operativo

de Microsoft de toda su historia introdujo tambin cambios
visuales importantes que sobre todo se demostraron por la
personalizacin de la interfaz grfica de usuario, que ahora
daba soporte a los temas y que introduca un aspecto
totalmente diferente para ventanas e iconos, as como los
sistemas de ayuda y notificaciones.
MAC OS X
31 Aug 2001

En sus primeras versiones mantiene un aspecto grfico

relativamente tosco, botones de aspecto angular, con efecto
3d incorporado en los primeros windows y Macintosh,
alejado del look que alcanzarn MAC OS X o Windows xp
posteriormente.
Mantiene una barra de tareas, que incluye botn de inicio, rea
de aplicaciones, y rea para las ventanas minimizadas en la
parte inferior.
Diseado para ser customizable. Permite modificar las
imgenes de fondo del escritorio y todo el aspecto de la
interfaz.
Windows XP
31 Aug 2001

Cambio radical respecto a la evolucin que hasta entonces

haban marcado los sistemas operativos de Apple.
Iconos de gran tamao con anti-aliasing y semitransparencias,
la aparicin del Dock o el diseo de las ventanas fueron
algunas de las novedades, que no tuvieron buena recepcin
inicial por el gran cambio que supusieron, pero que a
posteriori se han convertido en referentes de un sistema
operativo y una interfaz que son una referencia absoluta en el
mercado actual.
CUARTO PERODO
31 Aug 2001 - 31 Aug 2015
Mayor
interactividad
e
interoperabilidad
entre
dispositivos. Las GUI en la actualidad no slo se ven para
PC sino tambin para tablets, celulares y otros dispositivos
mviles. Diseo visual minimalista.
Interfaces Windows Vista y Mac OS X Leopard,

31 Aug 2007

Con Windows Vista lanzaron widgets y un reemplazo algo

mejorado del Active Desktop, pero recibi muchas
evaluaciones negativas, debido a su alto consumo de recursos
e inestabilidad.
Con su sexta generacin, el sistema Mac OS X de Apple
propone una nueva interfaz grfica de usuario que ofrece un
aspecto ms 3D, con el dock 3D y mucha ms animacin e
interactividad.

Se dio importancia a mejorar su interfaz para volverla ms

accesible al usuario e incluir nuevas caractersticas que
permitieran hacer tareas de una manera ms fcil y rpida, al
mismo tiempo que se realizaran esfuerzos para lograr un
sistema ms ligero, estable y rpido.
Interfaz de Gnome 3.x Shell
31 Aug 2011

Interfaces de GNOME 2.24 y KDE 4

31 Aug 2008

GNOME dio un salto considerable el ao pasado cuando se

cambi de forma muy importante el aspecto visual de ventanas
e iconos, pero adems la propia estructura interna del proyecto
tambin se optimiz para competir con ms garantas con su
proyecto hermano, KDE.
Los cambios visuales e internos -con una arquitectura modular
potentsima- hacen de KDE 4 un entorno grfico prometedor.
Interfaz de Windows 7
31 Aug 2009

GNOME Shell reemplaza a GNOME Panel, controla la

gestin de ventanas y rompe con el modelo de escritorio usado
en versiones anteriores de GNOME. GNOME Shell utiliza
Mutter, un gestor de composicin de ventanas basado en el
anterior Metacity, y la biblioteca Clutter para proveer efectos
visuales y aceleracin de grficos.
En agosto de 2011, Linus Torvalds declar que consideraba a
GNOME Shell un desastre endemoniado, debido a sus
errores de diseo y mala experiencia de usuario.
Interfaz KDE SC 4.8
31 Aug 2012

KDE Plasma Workspaces 4.8 viene con cambios destacados

como el intercambiador de tareas (6 posibles disposiciones
visuales) o el gestor de configuracin de ahorro de energa,
tambien viene con un Dolphin renovado, y con mejoras
importantes en herramientas muy populares como Gwenview
y Okular.
Interfaz de Windows 8
31 Aug 2012

El Men Inicio vuelve a Windows 10 combinando la esencia

del Men Inicio de Windows 7 y el diseo de la pantalla Inicio
de Windows 8. Tal y como suced..
V.

EVALUACION

El conocimiento de estos puntos clave, nos permitirn

enfocarnos mejor al estudio de la materia.
Las Interfaces de usuario, como vnculo de inmersin del
hombre en el entorno de trabajo tecnolgico actual,
realzan su importancia en el desarrollo de nuevos
productos, ms eficaces, eficientes e interactivos, que
es lo que el mercado demanda.
Puntos, cmo los histricos y evolutivos, deben ser
abordados de manera ms investigativa, recordemos
que "conocer el pasado nos proyecta al futuro".

El cambio ms visible. Una nueva colorida interfaz encima del

escritorio clsico. Esta pantalla es el mtodo primario para
abrir apps, sitios web e informacin de redes sociales con las
apps adecuadas. Los iconos pueden ser rectangulares o
cuadrados, grandes y pequeos; agrupados y mostrar
notificaciones.
Esta interfaz tiene el nombre clave de Modern UI o Metro UI.
Pensado para pantallas tactiles.
Se reduce la complejidad en el diseo visual, con el uso de
representaciones planas y uniformes.
Julio del ao 2015
Windows 10

Otras puntualizaciones de clasificacin obligarn a que

investiguemos y propongamos, nuevas distribuciones
clasificatorias, tiles a futuro en una carrera de
desarrollo de software.
VI.

TRABAJOS RELACIONADOS

Actividades en la planeacin de sistemas de

informacin. Hallazgos de los hechos. Herramientas
para documentar procesos y decisiones. rboles de
decisin. Tablas de decisin.
Computadores Cunticos. A lo largo del ltimo medio
siglo, las computadoras han ido duplicando su
velocidad cada dos aos.
Comunicacin de datos. Aplicaciones de las
comunicaciones de datos en los negocios. Intercambio
electrnico de datos (EDI).
Estudio sobre los lenguajes de programacin para la
robtica. Origen de la palabra robot y su significado.
Propiedades caractersticas de los robots. El robot y su
funcionamiento.
Sistemas de Procesamiento de Datos Programacin
Orientada a Objetos. Estructura de un objeto.

Encapsulamiento y ocultacin. Organizacin de los

objetos.
Definicin de una Ruptura de Informe. Especificacin
de Opciones de Proceso. Una Ruptura de Informe se
usa para dividir...
VII.

CONCLUSIONES Y TRABAJOS
FUTUROS

Los sorprendentes avances que se han dado en los ltimos

aos en los campos de Tecnologas de Informacin y
de Comunicaciones (TIC), nos han llevado a un
mundo cada vez ms global e interconectado. En esta
llamada sociedad de la informacin hay un nmero
creciente de oportunidades innovadoras de
comunicacin y de oferta de servicios, pero tambin
grandes obstculos que enfrentar. Un elemento
indispensable para que los beneficios prometidos por
la sociedad de la informacin estn disponibles para
un nmero creciente de personas, es el diseo de
nuevas interfaces que faciliten la interaccin entre el
usuario y la computadora, particularmente ante los
nuevos escenarios de cmputo que han aparecido
recientemente.
En la comunidad informtica han adquirido una
relevancia creciente los conceptos de diseo de
sistemas centrados en el usuario, en los que el diseo
de la interfaz entre el usuario y el sistema juega un
papel primordial. Las tecnologas aqu presentadas,
como el diseo de dispositivos de visualizacin, las
interfaces hpticas, los sistemas capaces de reconocer
gestos y hasta emociones, permiten una interaccin
ms natural, eficiente y transparente con los equipos
de cmputo.
Con la llegada de las nuevas interfaces se van haciendo
ms accesibles los nuevos paradigmas de cmputo,
como conciencia del entorno, cognicin aumentada,
realidad aumentada y cmputo ubicuo. Estos
paradigmas darn un impulso an mayor a la
penetracin de las TICs en nuestra sociedad. Sin
embargo, es importante definir polticas pblicas e
iniciativas nacionales y regionales para crear la
infraestructura necesaria y llevar los beneficios de
estas tecnologas a la sociedad en su conjunto,
incidiendo en servicios comunitarios, mdicos y
educativos, entre otros. No proceder de esta manera
conlleva el riesgo de acrecentar la brecha digital.
Lo que est claro es que esta nueva hornada de interfaces
que est por llegar en los prximos meses o aos no
ser esencialmente diferente de lo que conocemos hoy
en da. Un cambio radical de concepcin est an
bastante lejano en el tiempo, por lo menos para lo que
son los estndares en informtica, y adems no se
conoce ningn desarrollo serio que se est llevando a
cabo en ese sentido. Sin embargo, es de suponer que
la evolucin de las interfaces grficas pase por la
adopcin de las tres dimensiones y de nuevos
paradigmas, alejados ya de los tradicionales
WYSIWYG y WIMP, que sin duda son buenas

soluciones, pero no las mejores, y se podran superar

ampliamente. Sera muy interesante que la nueva
generacin de GUIs permitiese manipular la
informacin de formas no ligadas a la realidad
cotidiana, sino adaptadas a lo que es, algo mucho ms
abstracto. As se podra pasar a un nuevo nivel de uso
de las computadoras, haciendo previsiblemente ms
sencilla la manipulacin de grandes cantidades de
informacin y aumentando la productividad.
En la bsqueda de interfaces ms naturales para el
hombre, las ciencias cognitivas han adquirido un papel
muy relevante. Hoy se reconoce que, en muchas
ocasiones, los retos para crear sistemas que no sean
percibidos como disruptivos, estn ms vinculados con
los procesos cognitivos, y con las ciencias sociales, que
con las limitaciones de la tecnologa.
VIII. REFERENCIAS
(ASU) Army Open new Flexible Display Center. Arizona
State University
http://www.asu.edu/feature/includes/spring05/flexdisplay.html
(Bartlett, 2000) Bartle tt, J.F. Rock n Scroll is Here to Stay.
IEEE Computer Graphics and Applications. Vol. 20 No. 3
May/Jun pp40-50.
(Benbasat, Paradiso 2001) Benbasat, A., Paradiso, J.
Compact, Configurable Inertial Gesture Recognition.
Conference on Human Factors in Computing Systems CHI '01
pp183-184
(Berendt et al.; 2005) Berendt, B., Gnther, O.,
Spiekermann, S., Privacy in e-commerce: stated preferences vs
actual behavior. Communications of the ACM, Vol. 48 No. 4.
Apr. pp01-106.
(Broersma, 2002) Broersma, M., Smart Clothing Expected
to
Take
off.
CNET
News.com
36
Sep
5.
http://mews.com.com/2100-1040-956696.html
(Canny, 2006) Canny, J. The Future of Human Computer
Interaction. ACM Queue, Vol. 4 No. 6. pp24-32.
(Casassa et al.; 2003) Casassa, M., Bramhall, P., Pato, J. On
Adaptive Identity Management: The Next generation of
identity management technologies. HP Labs, Trusted systems
laboratory, Jul
(Chang, 2007) Chang, A., Wireless sensor extend reach of
Internet into the real world. USA Today, Posted on Feb 12th,
Associated Press. http://www.usatoday.com/tech/data2007-0212-wireless-sensors_x.htm
(Chinoy, 2002) Chinoy, A., Immersed in Reality, illumin. A
review of Engineering in Everyday Life, Vol. 7, No. III,
http://illumin.usc.ed/article.print.php?articleID=110

(Choi, 2004) Choi, C., Philips Unveils Ultra-thin Flexible

Display
Forbes.com.
Jan,
26
http://www.forbes.com/2004/01/26/0126flexiblepinnacor_ii_pr
int.html
(Chorost, 2005) Chorost, M., Rebuilt: How Becoming Part
Computer Made Me More Human. Houghton Mifflin
Company.

(Christensen et al.; 2006) Christensen J., Sussman. J., Levy,

S., Bennett, W., Vetting, T., Wendy, W., Kellogg, A. Too Much
Information. ACM Queue, Vol. 4 No. 6.
(Coisne, 2006). Coisne, S. Laveugle qui voit. Science &
Vie Junior. Apr. pp28-30.