Un'interfaccia utente grafica (in breve GUI) consente agli utenti di interagire con l'hardware del computer in modo intuitivo.

Nel corso degli anni è stata sviluppata una gamma di GUI per diversi sistemi operativi come OS / 2, Macintosh, Windowsamiga, Linux, Symbian OS e altro ancora.

Daremo un'occhiata all'evoluzione dei design dell'interfaccia dei principali sistemi operativi dagli anni '80.

Devo dire che questo articolo mostra solo i significativi progressi nella progettazione della GUI (non i progressi del sistema operativo) e anche non tutte le interfacce utente grafiche e i sistemi operativi esistenti oggi.

La prima GUI è stata sviluppata dai ricercatori di Xerox Palo Alto Research Center (PARC) negli anni '70. Questa ricerca ha aperto una nuova era di innovazioni grafiche per computer.

Il primo personal computer che utilizzava una moderna interfaccia grafica era il Xerox Alto , sviluppato nel 1973. Questo non era un prodotto commerciale ed era destinato principalmente alla ricerca nelle università.

1 Fonte: toastytech.com

1981-1985

Xerox 8010 Star (pubblicato nel 1981)

Questo è stato il primo sistema che è stato definito un computer desktop completamente integrato, incluse le applicazioni e una GUI. Era conosciuto come "The Xerox Star" , in seguito ribattezzato "ViewPoint" e in seguito ridenominato in "GlobalView" .

Xerox 8010 Star
Xerox 8010 Star, Fonte: toastytech.com


Apple Lisa Office System 1 (rilasciato nel 1983)

Chiamato anche Lisa OS, che in questo caso è l'abbreviazione di Office System. È stato sviluppato da Apple con l'intenzione di essere una stazione di elaborazione dei documenti.

Sfortunatamente questa workstation non è durata, è stata uccisa dal sistema operativo Macintosh di Apple che era più conveniente.

Ci sono stati aggiornamenti a Lisa OS, Lisa OS 2 nel 1983 e Lisa OS 7/7 3.1 nel 1984, che ha aggiornato il sistema stesso, ma non l'interfaccia utente grafica.

Apple Lisa 1
Apple Lisa OS 1, fonte: Guida


Apple Lisa OS 1
Apple Lisa OS 1, fonte: Guida


VisiCorp Visi On (pubblicato nel 1984)

Visi On è stata la prima GUI desktop sviluppata per il PC IBM. Questo sistema è stato indirizzato verso le grandi aziende e ha un prezzo elevato. La GUI utilizzava un mouse, aveva un programma di installazione e un sistema di guida integrati e non utilizzava icone.

Visi On
VisiCoprt Visi On, Fonte: toastytech.com


Visi On
VisiCoprt Visi On, Fonte: toastytech.com


Mac OS System 1.0 (rilasciato nel 1984)

System 1.0 è stata la prima GUI del sistema operativo sviluppata per Macintosh. Aveva diverse funzionalità di un sistema operativo moderno, essendo basato su Windows con icone. Le finestre possono essere spostate con il mouse e file e cartelle possono essere copiati trascinandoli nella posizione di destinazione.

Mac OS 1
Apple Mac System 1.0, Fonte: toastytech.com


Amiga Workbench 1.0 (rilasciato nel 1985)

Quando è stato rilasciato, Amiga era in anticipo sui tempi. La GUI includeva funzionalità come la grafica a colori (quattro colori: nero, bianco, blu, arancione), il multitasking preventivo, il suono stereo e le icone multi-stato (selezionate e deselezionate).

Amiga Workbench 1.0
Amiga Workbench 1.0, Fonte: Guida


Amiga Workbench 1.0
Amiga Workbench 1.0, Fonte: Guida


Windows 1.0x (rilasciato nel 1985)

In questo anno Microsoft ha finalmente raggiunto l'intera interfaccia grafica utente e rilasciato Windows 1.0, il suo primo sistema operativo basato su GUI (anche se nessuno oserebbe riferirsi ad esso come uno). Il sistema era caratterizzato da icone 32 × 32 pixel e grafica a colori. La caratteristica più interessante (che in seguito venne omessa) era l'icona dell'orologio analogico animato.

Windows 1
Microsoft Windows 1.01, fonte: makowski-berlin.de


Windows 1
Microsoft Windows 1.01, fonte: makowski-berlin.de


GEM (pubblicato nel 1985)

GEM (Graphical Environment Manager) era una GUI in stile finestra creata da Digital Research, Inc. (DRI). Inizialmente è stato creato per l'uso con il sistema operativo CP / M sui microprocessori Intel 8088 e Motorola 68000 e successivamente è stato sviluppato per funzionare anche su DOS. La maggior parte delle persone ricorderà GEM come GUI per i computer Atari ST. E 'stato anche usato su una serie di computer IBM compatibili con Amstrad. Era il fulcro di Ventura Publisher e alcuni altri programmi DOS. La GUI è stata inoltre trasferita su altri computer ma non ha guadagnato popolarità su di essi.

gem_11_desktop1
Fonte: Wikipedia


1986 - 1990

IRIX 3 (pubblicato nel 1986, prima uscita 1984)

Il sistema operativo IRIX a 64 bit è stato creato per UNIX. Una caratteristica interessante di questa GUI è il supporto per le icone vettoriali. Questa funzione era incorporata nella GUI molto tempo prima che esistesse anche Mac OS X.

irix-33
Silicon Graphics IRIX 3.0, Fonte: osnews.com


GEOS (pubblicato nel 1986)

Il sistema operativo GEOS (Graphic Environment Operating System) è stato sviluppato da Berkeley Softworks (successivamente GeoWorks). Originariamente era progettato per il Commodore 64 e includeva un elaboratore di testi grafico, chiamato geoWrite e un programma di disegno chiamato geoPaint.

geos_commodore_64
Fonte: Wikipedia


Windows 2.0x (rilasciato nel 1987)

In questa versione, la gestione effettiva delle finestre è notevolmente migliorata. Le finestre potrebbero essere sovrapposte, ridimensionate, ingrandite e ridotte al minimo.

Windows 2
Microsoft Windows 2.03, Fonte: guidebookgallery.org


Windows 2
Microsoft Windows 2.03, Fonte: guidebookgallery.org


OS / 2 1.x (rilasciato nel 1988)

OS / 2 era originariamente sviluppato da IBM e Microsoft, ma nel 1991 le due società si divisero, con Microsoft che incorporava la tecnologia nella propria GUI di Windows e IBM che lo sviluppava ulteriormente. La GUI utilizzata in OS / 2 si chiamava "Presentation Manager". Questa versione della GUI supportava solo icone fisse monocromatiche.

Os 2 1
Microsoft-IBM OS / 2 1.1, fonte: pages.prodigy.net


Os / 2 1
Microsoft-IBM OS / 2 1.1, fonte: pages.prodigy.net


NeXTSTEP / OPENSTEP 1.0 (rilasciato nel 1989)

Steve Jobs ha avuto l'idea di creare il computer di ricerca perfetto per università e laboratori di ricerca. Questa idea in seguito si è evoluta in una startup chiamata NeXT Computer Inc.

Il primo computer NeXT è stato rilasciato nel 1988, tuttavia significativi progressi sono stati fatti nel 1989 con il rilascio della GUI NeXTSTEP 1.0, che in seguito si è evoluta in OPENSTEP.

Le icone della GUI erano più grandi (48 × 48) e ha introdotto più colori. La GUI era inizialmente monocromatica, ma la versione 1.0 ha iniziato a supportare anche i monitor a colori. Questa schermata ti dà una sbirciatina in quello che diventerebbe la GUI moderna.

Nextstep 1
NeXTSTEP 1.0, Fonte: kernelthread.com


OS / 2 1.20 (pubblicato nel 1989)

L'aggiornamento della versione successiva della GUI ha mostrato leggeri miglioramenti in molte aree. Le icone sembravano più belle e le finestre erano più lisce.

Os 2 12
OS / 2 1.2, fonte pages.prodigy.net


Windows 3.0 (rilasciato nel 1990)

Con questa versione, Microsoft aveva capito il vero potenziale nella GUI e ha iniziato a migliorarli significativamente.

Il sistema operativo stesso supportava le modalità standard e 386 avanzate, che utilizzavano una maggiore capacità di memoria di 640 KB e spazio su disco, con la possibilità di utilizzare risoluzioni dello schermo e grafica migliori, come Super VGA 800 × 600 e 1024 × 768 .

Inoltre, Microsoft ha assunto Susan Kare progettare le icone di Windows 3.0 e aggiungere uno stile unificato alla GUI.

Windows 3
Microsoft Windows 3.0, fonte: toastytech.com


Windows 3
Microsoft Windows 3.0, fonte: toastytech.com


1991 - 1995

Amiga Workbench 2.04 (pubblicato nel 1991)

Sono stati apportati molti miglioramenti a questa versione della GUI. Lo schema dei colori è cambiato e è stato introdotto un aspetto 3D. Il desktop potrebbe essere diviso verticalmente in schermate con risoluzioni e intensità di colore diverse, che al giorno d'oggi sembra un po 'strano. La risoluzione predefinita di Workbench era 640 × 256, ma l'hardware supportava anche risoluzioni maggiori.

Amiga Workbench 2
Commodore Amiga Workbench 2.04, Fonte: guidebookgallery.org


Mac OS System 7 (rilasciato nel 1991)

La versione 7.0 di Mac OS era la prima GUI di Mac OS che supportava i colori. Sottili sfumature di grigio, blu e giallo sono state aggiunte alle icone.

Macos 7
Apple Mac OS System 7.0, Fonte: guidebookgallery.org


Macos 7
Apple Mac OS System 7.0, Fonte: guidebookgallery.org


Windows 3.1 (rilasciato nel 1992)

Questa versione di Windows includeva i font TrueType che erano preinstallati. Ciò ha reso Windows davvero una piattaforma di desktop publishing funzionale per la prima volta.

In precedenza, era possibile ottenere tale funzionalità solo in Windows 3.0 utilizzando il sistema di font Adobe Type Manager (ATM) di Adobe. Questa versione conteneva anche una combinazione di colori chiamata Hotdog Stand, che conteneva tonalità brillanti di rosso, giallo e nero.

Questa combinazione di colori è stata progettata per aiutare le persone con un certo grado di daltonismo a vedere il testo / la grafica sullo schermo più facilmente.

windows_311_workspace
Fonte: Wikipedia


OS / 2 2.0 (rilasciato nel 1992)

Questa è stata la prima GUI sottoposta a test internazionali di accettazione, usabilità e accessibilità. L'intera GUI è stata sviluppata utilizzando la progettazione orientata agli oggetti. Ogni file e cartella era un oggetto che poteva essere associato ad altri file, cartelle e applicazioni. Supporta anche funzionalità e modelli drag and drop.

Os 2 2
IBM OS / 2 2.0, Fonte: toastytech.com


Os 2 2
IBM OS / 2 2.0, Fonte: toastytech.com


Windows 95 (rilasciato nel 1995)

L'interfaccia utente è stata completamente riprogettata dalla versione 3.x. Questa è stata la prima versione di Windows in cui un piccolo pulsante di chiusura è stato aggiunto a ciascuna finestra.

Il team di progettazione ha fornito stati (abilitati, disabilitati, selezionati, controllati, ecc.) A icone e altri elementi grafici. Il famoso pulsante Start è apparso per la prima volta.

Questo è stato un enorme passo avanti per Microsoft per quanto riguarda il sistema operativo stesso e la GUI unificata.

Windows 95
Microsoft Windows 95, fonte: guidebookgallery.org


Windows 95
Microsoft Windows 95, fonte: guidebookgallery.org


1996 - 2000

OS / 2 Warp 4 (pubblicato nel 1996)

IBM ha rilasciato OS / 2 Warp 4 che ha apportato un significativo restyling allo spazio di lavoro.

Le icone sono state posizionate sul desktop, dove è anche possibile creare file e cartelle personalizzati. Apparve il trituratore simile al Cestino di Windows o al Cestino di Mac OS, tranne che cancellò immediatamente il file o la cartella e non memorizzò alcuna copia aggiuntiva per il successivo recupero.

Os 2 Warp 4
IBM OS / 2 Warp 4, Fonte: toastytech.com


Os 2 Warp 4
IBM OS / 2 Warp 4, Fonte: toastytech.com


Mac OS System 8 (rilasciato nel 1997)

256 icone a colori erano di default in questa versione della GUI. Mac OS 8 è stato uno dei primi ad adottare le icone di stile isometriche, dette anche icone pseudo-3D. Il tema grigio platino usato qui è diventato un marchio di fabbrica per le future versioni della GUI.

Macos 8
Apple Mac OS 8, fonte: guidebookgallery.org


Windows 98 (rilasciato nel 1998)

Gli stili delle icone erano quasi gli stessi di Windows 95, ma l'intera GUI poteva usare più di 256 colori per il rendering. Windows Explorer è cambiato quasi completamente e "Active Desktop" è apparso per la prima volta.

Windows 98
Microsoft Windows 98, fonte: toastytech.com


KDE 1.0 (pubblicato nel 1998)

Ecco come il team di KDE ha descritto il progetto al rilascio della versione 1.0: "KDE è un ambiente desktop contemporaneo e trasparente per le workstation UNIX. KDE cerca di soddisfare la necessità di un desktop facile da usare per le workstation Unix, simile agli ambienti desktop che si trovano sotto MacOS o Window95 / NT. Una piattaforma di elaborazione completamente gratuita e aperta a disposizione di chiunque gratuitamente, incluso il codice sorgente che chiunque può modificare. "

800px-kde_10
Fonte: Wikipedia


BeOs 4.5 (rilasciato nel 1999)

Il sistema operativo BeOS è stato sviluppato per personal computer. È stato originariamente scritto da Be In nel 1991 per funzionare su hardware BeBox. Successivamente è stato ulteriormente sviluppato per sfruttare le nuove tecnologie e hardware come il multiprocessing simmetrico utilizzando la larghezza di banda I / O modulare, il multithreading pervasivo, il multitasking preemptive e un file system di journaling personalizzato a 64 bit noto come BFS. La GUI BeOS è stata sviluppata sui principi di chiarezza e un design pulito e ordinato.

800px-beos_desktop
Fonte: Wikipedia


GNOME 1.0 (rilasciato nel 1999)

Il desktop GNOME è stato sviluppato principalmente per Red Hat Linux, in seguito è stato sviluppato anche per altri distributori Linux.

Gnome 1
Red Hat Linux GNOME 1.0.39, Fonte: visionfutur.com


2001 - 2005

Mac OS X (pubblicato nel 2001)

Agli inizi del 2000, Apple ha annunciato la sua nuova interfaccia Aqua e nel 2001 la società l'ha rilasciato con il suo nuovissimo sistema operativo chiamato Mac OS X.

Le icone 32 x 32 e 48 x 48 predefinite sono state modificate in icone 128 x 128 con anti-alias e semitrasparente.

Un sacco di critiche seguite dopo il rilascio di questa GUI. Apparentemente gli utenti non erano ancora pronti per un cambiamento così grande, ma abbastanza presto hanno adottato il nuovo stile e oggi questa GUI rappresenta la base di tutti i sistemi operativi Mac OS X.

Mac osx 1
Apple Mac OS X 10.1 Source: guidebookgallery.org


Windows XP (rilasciato nel 2001)

Poiché Microsoft tende a cambiare completamente la GUI con tutte le principali versioni del sistema operativo, Windows XP non ha fatto eccezione. La stessa GUI è personalizzabile , gli utenti possono modificare l'aspetto dell'interfaccia. Le icone avevano dimensioni 48 x 48 per impostazione predefinita, rese in milioni di colori.

Windows XP
Microsoft Windows XP Professional, fonte: guidebookgallery.org


KDE 3 (pubblicato nel 2002)

Dalla versione 1.0, l'ambiente desktop K è migliorato in modo significativo. Hanno lucidato tutta la grafica e le icone e unificato l'intera esperienza utente.

Kde 3
KDE 3.0.1, Fonte: netbsd.org


2007 - 2009 (corrente)

Windows Vista (rilasciato nel 2007)

Questa era la risposta di Microsoft alla loro concorrenza. Hanno anche incluso un bel po 'di 3D e animazioni. Da Windows 98, Microsoft ha sempre cercato di migliorare il desktop. Con Windows Vista hanno rilasciato widget e una sostituzione leggermente migliorata di Active Desktop.

Windows Vista
Microsoft Windows Vista, fonte: technology.berkeley.edu


Mac OS X Leopard (pubblicato nel 2007)

Con la loro sesta generazione, il sistema Mac OS X di Apple, ancora una volta ha migliorato l'interfaccia utente. La GUI di base è ancora l'Aqua con le sue barrette di scorrimento caramelle e il grigio platino, i colori blu. La nuova GUI presenta un aspetto più 3D, con il dock 3D e molte più animazioni e interattività.

Mac osx Leopard
Apple Mac OS X 10.5 Leopard, Fonte: skattertech.com

GNOME 2.24 (2008)

GNOME ha investito molto nella creazione di temi e opere d'arte nella v2.2.4 in quanto il loro scopo è "rendere il tuo computer un bell'aspetto". Hanno organizzato una competizione per raccogliere alcuni degli sfondi desktop più intriganti che i loro contributori hanno prodotto per l'uso nella v2.24.

gnome_en_gb
Fonte: gnome.org

KDE (v4.0 gen. 2008, v4.2 mar. 2009)

La versione 4 di K Desktop Environment ha apportato molti nuovi miglioramenti alla GUI, come la gestione delle finestre animata, fluida ed efficiente e il supporto per i widget del desktop. Le dimensioni delle icone sono facilmente regolabili e quasi ogni elemento di design è molto più facile da configurare. Alcune delle modifiche più evidenti includono nuove icone, temi e suoni, forniti da Oxygen Project. Queste icone sono più fotorealistiche. È sicuramente un grande miglioramento rispetto alle precedenti versioni di KDE. Ora può essere eseguito anche su piattaforme Windows e Mac OS X.

kde
Fonte: Wikipedia

Ringraziamenti

Scritto e compilato in esclusiva per WDD da Gyorgy Fekete.

Cosa ne pensi dell'evoluzione di questi progetti? Quali altri miglioramenti vorresti vedere? Per favore condividi con noi ...