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à.
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, Fonte: toastytech.com
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.
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.
VisiCoprt Visi On, Fonte: toastytech.com
VisiCoprt Visi On, Fonte: toastytech.com
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.
Apple Mac System 1.0, Fonte: toastytech.com
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, Fonte: Guida
Amiga Workbench 1.0, Fonte: Guida
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.
Microsoft Windows 1.01, fonte: makowski-berlin.de
Microsoft Windows 1.01, fonte: makowski-berlin.de
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.
Fonte: Wikipedia
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.
Silicon Graphics IRIX 3.0, Fonte: osnews.com
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.
Fonte: Wikipedia
In questa versione, la gestione effettiva delle finestre è notevolmente migliorata. Le finestre potrebbero essere sovrapposte, ridimensionate, ingrandite e ridotte al minimo.
Microsoft Windows 2.03, Fonte: guidebookgallery.org
Microsoft Windows 2.03, Fonte: guidebookgallery.org
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.
Microsoft-IBM OS / 2 1.1, fonte: pages.prodigy.net
Microsoft-IBM OS / 2 1.1, fonte: pages.prodigy.net
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.0, Fonte: kernelthread.com
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 1.2, fonte pages.prodigy.net
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.
Microsoft Windows 3.0, fonte: toastytech.com
Microsoft Windows 3.0, fonte: toastytech.com
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.
Commodore Amiga Workbench 2.04, Fonte: guidebookgallery.org
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.
Apple Mac OS System 7.0, Fonte: guidebookgallery.org
Apple Mac OS System 7.0, Fonte: guidebookgallery.org
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.
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.
IBM OS / 2 2.0, Fonte: toastytech.com
IBM OS / 2 2.0, Fonte: toastytech.com
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.
Microsoft Windows 95, fonte: guidebookgallery.org
Microsoft Windows 95, fonte: guidebookgallery.org
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.
IBM OS / 2 Warp 4, Fonte: toastytech.com
IBM OS / 2 Warp 4, Fonte: toastytech.com
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.
Apple Mac OS 8, fonte: guidebookgallery.org
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.
Microsoft Windows 98, fonte: toastytech.com
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. "
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.
Fonte: Wikipedia
Il desktop GNOME è stato sviluppato principalmente per Red Hat Linux, in seguito è stato sviluppato anche per altri distributori Linux.
Red Hat Linux GNOME 1.0.39, Fonte: visionfutur.com
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.
Apple Mac OS X 10.1 Source: guidebookgallery.org
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.
Microsoft Windows XP Professional, fonte: guidebookgallery.org
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.
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.
Microsoft Windows Vista, fonte: technology.berkeley.edu
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à.
Apple Mac OS X 10.5 Leopard, Fonte: skattertech.com
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.
Fonte: gnome.org
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.
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 ...