Grupo 03 Edith Carolina Choque Ichuta

Elmer Ivan Quelca Flores

Joaquin Max Cuevas Ventura

Historia de la
interfaz gráfica
digital UI (User Interface) DISEÑO GRÁFICO
INTERFAZ GRÁFICA
DGIGR-2022022124
 G.U.I. = Graphic User Interface
Conjunto de elementos visuales que permite a los usuarios
interactuar de forma variada para lograr el acceso y
manipulacion de datos.
IMPORTANCIA

Eficiencia, agiliza el flujo de trabajo.

Atractivo visual, refuerza la persepcion de la
calidad del producto.
Accesibilidad, garantiza cubrir las necesidades de
las personas.
Usabilidad , permite realizar trabajos de manera
efectiva.
INICIOS

Las interfaces estaban basadas en

lineas y comandos (C.L.I), en texto
(T.U.I.), lo que requería un
conocimiento técnico específico para
operar los sistemas.
Las interfaces gráficas comenzaron a
tomar forma, introduciendo
elementos visuales y representaciones
gráficas para facilitar la interacción.
Los Primeros Pasos

En los primeros días de la computación, las interacciones con

Los las máquinas eran a través de interfaces de texto basadas en
Primeros comandos.
Surge la necesidad de crear una forma más intuitiva y visual de
Pasos interactuar con las computadoras.
 Sistemas de interfaz de comando y texto

Sistema Operativo Batch Sistema Operativo de Disco

Sistema operativo por lotes es el proceso Es una familia de sistemas operativos
mediante el cual una computadora completa para computadoras personales Contaba
lotes de trabajos, a menudo simultáneamente, con una interfaz de linea de comando en
en orden secuencial y sin parar. (UNIVAC) modo texto o alfanumerico. (IBM)
 Desarrollo de las Interfaces Visuales

Alan Kay Douglas Engelbart

Creación de sistemas que
permitieran una interacción
más natural entre humanos y
computadoras.
Xerox Alto
En 1973, Xerox PARC lanzó el sistema Alto,
que se considera uno de los primeros
ordenadores personales con una interfaz
gráfica de usuario completa.
La Revolución de la
Interfaz Gráfica en los
Años 80
Gracias al desarrollo y la popularización de las
interfaces gráficas de usuario (GUI). Estos
avances permitieron una interacción más
intuitiva y accesible entre los usuarios y las
computadoras, lo que transformó la forma en
que las personas interactuaban con la
tecnología y allanó el camino para la
informática personal.
APPLE LISA: EL PRIMER SISTEMA COMERCIAL
CON (GUI)
1. Lanzado en enero de 1983 desarrollado por Steve Jobs y su equipo.
2. Introdujo el concepto de "WYSIWYG" (What You See Is What You Get),
que permitía a los usuarios ver en la pantalla cómo se vería un
documento impreso antes de imprimirlo
3. Características innovadoras para su época ventanas superpuestas,
iconos y un mouse para interactuar con el sistema.
4. No tuvo un éxito comercial significativo por su alto precio.
APPLE MACINTOSH: POPULARIZACIÓN DE LA
INTERFAZ GRÁFICA
1. Lanzado en enero de 1984, fue una computadora más asequible y fácil
de usar en comparación con el Lisa.
2. Incorporaba un mouse de un solo botón que permitía a los usuarios
interactuar con iconos, menús y ventanas para realizar tareas. Se
presentó una función revolucionaria llamada "Arrastrar y Soltar"
3. Se emitió un famoso anuncio publicitario llamado "1984". Dirigido por
Ridley Scott, mostraba al Macintosh como una herramienta liberadora
que rompía con la dominancia de las computadoras de línea de
comandos.
MICROSOFT WINDOWS: LA
COMPETENCIA POR LA DOMINANCIA

Bill Gates
1. Lanzó su primer sistema operativo basado en
(GUI) llamado Microsoft Windows 1.0 en
noviembre de 1985.
2. Su funcionalidad era limitada en comparación
con el Macintosh lanzando versiones posteriores
como Windows 2.0 y Windows 3.0.
3. Windows 3.0 fue lanzado en 1990, lanzamiento
importante, ya que finalmente ofrecía una
interfaz más sólida y competitiva.
4. Windows 3.0 daba la posibilidad de ejecutar
múltiples aplicaciones en ventanas
superpuestas..
Avances en la
Interfaz Gráfica
en los Años 90 La interacción con las computadoras fuera
aún más intuitiva y atractiva.

11
 -El Uso Extendido de
Menús, Iconos, Ratón y
Ventanas

-La Incorporación de
Efectos Visuales y
Animaciones

-Desarrollos en la
Navegación y
Organización de
Contenido
La Era de la Web
y las Interfaces
WEB Surgió la Web, una red global de sitios
web interconectados que permitían el
acceso a contenido y servicios a
través de navegadores web
13
-La Expansión de Internet -Web 2.0: Interactividad y -Diseño de Interfaces Web
y la Web 1.0 Participación del Usuario y Usabilidad
Nuevas Tendencias
en la Interfaz Gráfica
Estas tendencias se centran en mejorar la
de Usuario experiencia del usuario, brindar
interacciones más naturales y eficientes,
y adaptarse a diferentes plataformas y
dispositivos 15
-Interfaces Móviles y Diseño
Responsive

-Interfaces de Realidad Aumentada

(AR) y Realidad Virtual (VR)

-Interfaz de Usuario Conversacional

(Chatbots y Asistentes Virtuales)
 Fundamentales - Interacción
07 Usuarios / Computadoras

Evolución - Interfaces
Amigables
Intuitivas
Personalizables

Entornos de Escritorio Actuales.

 7.1 MacOS y el enfoque estético de Apple El enfoque de diseño de Apple crea una
experiencia de usuario coherente.

SISTEMA OPERATIVO CARACTERISTICAS PIONERA TRACKPAD

01 02 03 04
(Apple Inc.) visuales Elementos Interfaz Dispositivo
interactivo

Dock

Barra de Tareas

Finder
+Enfoque Estético Control Gestos Multitáctiles
+Diseño Elegante -Apariencia Limpia Control Intuitivo - Sistema
+Coherencia Visual -Sistema de Iconos (Bien Definidos) Gestor Archivos
Acciones
+Atención al Detalle -Animaciones Fluidas Funciones
 7.2 Windows 11 y sus aportes al GUI Adaptación constante a las necesidades y preferencias de los usuarios,
así como por la introducción de nuevas tecnologías y enfoques para
mejorar la experiencia de usuario y la productividad.

Diseño simplificado Centro de actividades Menus de contexto Snap Layouts

y minimalista rediseñado Snap Groups
+Organizar
ventanas
Agruparon:
Moderno +Disposiciones
Notificaciones
Interfaz limpia / minimalista Funciones preestablecidas
Calendario +Ventanas
Eliminaron elementos Clima mejoradas agrupadas
decorativos Otras funciones (mejorar flujo de
(Facilitar el acceso) trabajo)

Soporte / Pantallas Integración de Teams Widgets Integración con

táctiles personalizables Android
Integrados al S.O.
optimización dispositivos Chatear Ejecución de
táctiles Lllamar Información aplicaciones
gestos táctiles intuitivos Videollamadas personalizada Android
Sistema operativo de
Windows 11
 7.3 Distribuciones de Linux y su Sistema operativo de código abierto que ofrece una amplia
variedad de distribuciones, cada una con su propio interfaz
variedad de interfaces gráficas grafica.

Gnome KDE Plasma Xfce

Diseño moderno y minimalista Flexibilidad y amplias opciones Liviano y Eficiente / recursos

Experiencia intuitiva enfocada en de personalización hardware
la productividad Control completo / experiencia Hardware antiguo / limitado
de escritorio
 Dispositivo moviles
08 Teléfonos inteligentes / Tabletas

Exito - Adopción masiva

Interfaz Grafica

Interfaz Gráfica de Usuario en

Dispositivos Móviles.
8.1 El papel de la GUI en el auge de los teléfonos
inteligentes
Antes:
Interfaces / texto / navegación - botones numéricos
-Accecibilidad
-Intuitivo

Cambio:
Interfaces visuales / táctiles
Interacciones naturales y fáciles
-Iconos
-Botones
-Gestos táctiles

Simplificación operaciones:
Llamar
Enviar mensajes
Navegar por internet
Acceder aplicaciones

Puerta:
Nuevas Aplicaciones/Servicios

Dispositivos móviles = Herramientas

Disponibilidad aplicaciones
+Productividad
+Entretenimiento​
 8.2 Desarrollo de sistemas Hitos crucial evolución de los dispositivos
operativos móviles con GUI móviles.

iOS Android
Apple Android —- Google
iPhone 2007 2008
Interfaz táctil Interfaz táctil
Iconos Iconos
Gestos intuitivos Widgets
Descargar / Instalar aplicaciones Código abierto

Windows Phone Otros

Interfaz "Metro" —- Modern UI

BlackBerry OS
Nokia 2010
Symbian
Azulejos dinámicos
webOS
Accesos rápidos / aplicaciones
 Adaptación
09 constantes avances tecnológicos
necesidades cambiantes usuarios

Futuro de la Interfaz Gráfica de

Usuario.
9.1 Interfaz Gráfica Basada en Los avances tecnológicos de sensores y reconocimiento de patrones
permitirá una mayor integración de interfaces basadas en gestos y control

Gestos y Control por Voz de voz en dispositivos y sistemas, para mejorar su accesibilidad.

Control por gestos Control por voz

Interacción:
Movimientos corporales Comandos de voz
Gestos naturales Control de aplicaciones
Deslizar Búsquedas
Pellizcar Tareas
Girar Obtener información
9.2 Integración con Inteligencia La integración de la Inteligencias Artificial (IA) y el Aprendizaje
Automático (Machine Learning) permitirá una mayor personalización
Artificial y Aprendizaje Automático y adaptación de las interfaces según preferencias y comportamiento
de los usuarios.

Personalización Asistencia y predicción Automatización

Respuestas y recomendaciones Automatización de tareas

Patrones de comportamiento
Precisas y contextuales repetitivas
Experiencias personalizadas
Anticipación a necesidades Facilitación de interacciones
9.3 Interfaz Cerebro-
Computadora y Nuevas
Formas de Interacción

Control de dispositivos
mediante actividad cerebral

Comunicación directa
Interacción / dispositivos
Pensando - acciones

Accesibilidad mejorada
Nuevas posibilidades
Mayor inclusión
10

Conclusiones.
 10.1 Recapitulación de la Evolución Visual roadmap for strategic and long-range
de la Interfaz Gráfica de Usuario planning at a super high-level

1940 1960 1970 1980 1990 2000 2020

1990: 2020:
1983: Microsoft 2001: la pandemia de
Apple Computer presenta Windows Apple Computer COVID-19 impulsa
1963: 1973:
presenta el 3.0 presenta el iPod la adopción de las
Ivan Sutherland Xerox PARC
Macintosh interfaces gráficas
desarrolla desarrolla el Alto
1945: 1993: 2007: digitales.
Sketchpad
Vannevar Bush 1984: Microsoft Apple Computer
1974: presenta Windows 2021:
propone el Microsoft presenta el iPhone
1968: Douglas Xerox PARC
concepto de presenta Windows 95 el metaverso, una
Engelbart desarrolla el
Memex 1.0 2010: nueva realidad
presenta la Smalltalk 1995: Apple Computer virtual y
interfaz gráfica de
1985: Apple Computer presenta el iPad aumentada
usuario 1979:
IBM presenta el presenta el iMac basada en la web
Apple Computer
IBM PCjr
presenta el Lisa
10.2 Impacto de la UI en la
Tecnología y la Sociedad Mayor Adopción/uso

Dispositivos
electrónicos

Servicios
digitales

Tecnología Desarrollo

mas accesible +Nuevas industrias

mas fácil de usar +Oportunidades

negocio
+Aplicaciones

Democratización informática móviles

+Comercio
electrónico

Mayor alcance innovaciones tecnológicas +Redes sociales

10.3 Perspectivas Futuras y Desafíos El diseño de Interfaz de Usuario continuará evolucionando para
adaptarse a los avances tecnológicos y a las necesidades

en el Diseño de Interfaz de Usuario cambiantes de los usuarios.

+Interfaces más inteligentes y adaptables impulsadas por

Potencial
inteligencia artificial y aprendizaje automático.
+Mayor integración de interfaces basadas en gestos y control por
voz, permitiendo interacciones más naturales.
+La expansión de la realidad aumentada y virtual, lo que permitirá
experiencias inmersivas y creativas.

-Mantener un equilibrio entre la sofisticación y la simplicidad para

Riesgos
garantizar accesibilidad.
-Abordar preocupaciones de privacidad y seguridad en el contexto
de la recopilación y uso de datos del usuario.
-Garantizar que las interfaces sean inclusivas y accesibles para
personas con capacidades diferentes.
Gracias