INTERFACES

GRÁFICAS DE

USUARIO

David Fernández Puentes

CONTENIDO 1. ¿Qué es una interfaz gráfica de usuario?

2.¿Por que se usan las interfaces gráficas?

3. Tipos de interfaces gráficas.3.1. Descriptivas basadas en ordenes.

3.2. Selectivas o basadas en menús.3.3. Descriptivas VS Selectivas.

4.Evolución de las interfaces WIMP

1. ¿ QUÉ ES UNA INTERFAZ GRÁFICA DE USUARIO?Inter faz

En la latín, Faz es la vista de una cosa.

Etimológicamente:

1. ¿ QUÉ ES UNA INTERFAZ GRÁFICA DE USUARIO? Dentro del proceso de interacción persona

—ordenador, la interfaz gráfica de usuario es el sistema interactivo que posibilita, a través del uso y la representación del lenguaje visual, una interacción amigable con un sistema informático. La interfaz gráfica de usuario (en inglés Graphical User Interface, GUI) es un tipo de interfaz de usuario que utiliza un conjunto de imágenes y objetos gráficos para representar la información y acciones disponibles en la interfaz. Habitualmente las acciones se realizan mediante manipulación directa para facilitar la interacción del usuario con la computadora.

En términos más

coloquiales:

“Lo que ve el usuario”

2.¿POR QUE SE USAN LAS INTERFACES GRÁFICAS?

Los motivos por los que se usan las interfaces gráficas son muchos:SencillezRapidez de operaciónUsabilidad

2.¿POR QUE SE USAN LAS INTERFACES GRÁFICAS? Ejemplo: Crear una carpeta en el

directorio C:\ llamado carpeta y mover en el un archivo de texto llamado fichero1.txtSIN INTERFAZ GRÁFICA

2.¿POR QUE SE USAN LAS INTERFACES GRÁFICAS? Ejemplo: Crear una carpeta en el

directorio C:\ llamado carpeta y mover en el un archivo de texto llamado fichero1.txtCON INTERFAZ GRÁFICA

3. TIPOS DE INTERFACES GRÁFICAS 3.1. Descriptivas basadas en ordenes.

3.2. Selectivas o basadas en menús.

3.1. DESCRIPTIVAS BASADAS EN ORDENES. El usuario introduce una orden que la

interpretará la interfaz, lo cual obliga a memorizan una serie de mandatos que le dan acceso a las funciones que desea realizar. El usuario elige la acción deseada mediante la introducción de un verbo que denota la acción, casi siempre seguido de una serie de atributos.

3.2. SELECTIVAS O BASADAS EN MENÚS. El usuario selecciona una de las

diversas alternativas presentadas por la interfaz. Apareciendo opciones, entre las que el usuario podrá elegir una u otra. El aspecto de los menús pueden ser bastante variados así como la forma de acceder a las distintas opciones. Todas las opciones que en un momento dado se pueden utilizar están presentes en la pantalla o pueden aparecer de una forma más sencilla. Lo normal es que sea necesario navegar por distintos menús hasta llegar a activar la función deseada.

3.3. DESCRIPTIVAS VS SELECTIVAS

VENTAJAS INCONVENIENTES

FLEXIBILIDAD MEMORIZACIÓN COMANDOS

RAPIDO PARA TAREAS COMPLEJAS

MALA GESTIÓN DE ERRORES

ATRACTIVO PARA USUARIOS EXPERTOS

VENTAJAS INCONVENIENTES

NECESITA POCO ENTRENAMIENTO.

CONSUMO DE RECURSOS

ERRORES FACILES DE GESTIONAR

MUCHOS MENÚS

INCITA A LA EXPLORACIÓN

LENTO PARA USUARIOS EXPERIMENTADOS

DESCRIPTIVAS

SELECTIVAS

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1973. Xerox Alto

El primer ordenador personal que utilizo una interfaz gráfica de usuario moderna, desarrollado en 1973.

No fue comercializado, se dedicó principalmente para las investigaciones de las universidades.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1981.Xerox 8010 Star

Es el que se conoce como primer sistema que integrase escritorio, con aplicaciones.

Fue conocido como “La estrella de Xerox”

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1983. Apple Lisa Office System 1.

Fue diseñado por Apple como una estación de trabajo para procesar documentos.

Esté sistema operativo fue sustituido por Macintosh

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1984. VisiCorp Visi On.

Fue la primera interfaz gráfica diseñada para los IBM PC.

Estaba diseñada para las grandes empresas lo que conllevo y precio muy elevado.

Incorporó ratón pero no hizo uso de los iconos.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1984. Mac Os 1.

Fue el primero en implementar el uso de iconos.

Capacidad de mover archivos y carpetas arrastrando con el ratón. Lo que hoy conocemos como drag an drop.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1985. Amiga Workbench 1.0

El primero en incluir colores, en principio cuatro, azul, blanco, negro y naranja.

Iconos multiestado.Sonido Estéreo.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1985. Microsoft Windows 1.0

Iconos gráficos en color.Reloj analógico animado.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1985. GEM

Inicialmente fue creado para usarse con el sistema operativo CP / M en el Intel 8088 y Motorola 68000 y más tarde desarrollado para ejecutarse en DOS.

Donde más se uso fue en los ordenadores Atari ST

También fue utilizado en una serie de computadoras IBM compatibles Amstrad.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1986. IRIX 3

Sistema de 64 bits creado para UNIX.Soporte para iconos vectoriales.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1986. GEOS

Diseñado para Commodore 64.Procesador de texto gráfico.(GeoWrite).Herramienta de dibujo.(GeoPaint).

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1987. Microsoft Windows 2.0

Ventanas con la capacidad de minimizar, maximizar y redimensionar.

Mejora de los gráficos.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1989. NextStep.

Diseñado por Steve Jobs para las universidades y laboratorios de investigación.

Iconos más grandes de 48X48.Más colores.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1990. WINDOWS 3.0

En este momento fue cuando Microsoft se da realmente cuenta de la importancia de la interfaz gráfica.

Agregó un estilo unificado al diseño de los iconos.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1991. Mac OS System 7.

Primera Interfaz gráfica de Macintosh que soportaba colores e iconos.

Posibilidades de personalización de las ventanas.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1991. Microsoft Windows 3.1

Fuentes True Type.Tonos brillantes de colores.(Mejorado para

daltónicos)Mejores gráficos de pantalla.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1992. OS/2 2.0

Primero en adaptar internacionalmente.Pruebas de facilidad de uso.Pruebas de accesibilidad. Incluye el concepto de temas.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1995. Microsoft Windows 95.

Incluye el botón de cierra de ventana .Múltiples estados a los iconos. Inclusión del botón de INICIO

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1997. Mac Os 8

Iconos isométricos. Iconos con 256 colores.Posibilidad de personalización de la interfaz.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1998. KDE 1.0.

Múltiples escritorios. Iconos multiestado.Múltiples barras de tareasConcepto de menús.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 1999. BeOs 4.5

Utiliza los principios de claridad, diseño limpio y despejado.

Iconos multiestado.Capacidad de personalización de la interfaz.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 2001.Mac Os X

Iconos semi transparentes. Iconos de 128X128. Inclusión del dockTransparencias y efectos en 3D

¿Internet Explorer en Mac?

4.EVOLUCIÓN DE LAS INTERFACES WIMP 2001.Microsoft Windows XP

Interfaz personalizableTamaño por defecto de los iconos de 48X48Uso de millones de colores, para dar un

efecto más realista.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 2007.Microsoft Windows Vista

Mejoras del escritorio con efectos 3D Incorporación de WidgetTransparencias de los menús.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 2007.Apple Mac Os Leopard.

Interfaz gráfica Aqua.Mayores efectos en 3D.Mayor interactividad.Posibilidades de personalización inmensas.

4.EVOLUCIÓN DE LAS INTERFACES WIMP 2008~2009. KDE v.4

Animaciones de las ventanas.Widget de escritorio.Tamaño de los iconos ajustable.Facilidad de Configuración.