Een grafische gebruikersinterface (GUI voor kort) stelt gebruikers in staat op een gebruikersvriendelijke manier met de computerhardware om te gaan.

In de loop der jaren is een reeks GUI's ontwikkeld voor verschillende besturingssystemen, zoals OS / 2, Macintosh, Windowsamiga, Linux, Symbian OS en meer.

We zullen de evolutie van de interfaceontwerpen van de belangrijkste besturingssystemen sinds de jaren 80 bekijken.

Ik moet vermelden dat dit artikel alleen de significante vooruitgang in GUI-ontwerp laat zien (niet de vooruitgang van het besturingssysteem) en ook niet alle grafische gebruikersinterfaces en besturingssystemen die tegenwoordig bestaan.

De eerste GUI is ontwikkeld door onderzoekers van Xerox Palo Alto Research Center (PARC) in de jaren '70. Dit onderzoek opende een heel nieuw tijdperk van computer grafische innovaties.

De eerste personal computer met een moderne grafische gebruikersinterface was de Xerox Alto , ontwikkeld in 1973. Dit was geen commercieel product en was vooral bedoeld voor onderzoek aan universiteiten.

1 Bron: toastytech.com

1981-1985

Xerox 8010 Star (uitgebracht in 1981)

Dit was het eerste systeem dat werd aangeduid als een volledig geïntegreerde desktopcomputer inclusief applicaties en een GUI. Het stond bekend als "The Xerox Star" , later hernoemd tot "ViewPoint" en later weer hernoemd tot "GlobalView" .

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


Apple Lisa Office System 1 (uitgebracht in 1983)

Wordt ook Lisa OS genoemd, wat in dit geval een afkorting is voor Office System. Het is ontwikkeld door Apple met de bedoeling een werkstation voor documentverwerking te zijn.

Helaas duurde dit werkstation niet, het werd gedood door Apple's Macintosh-besturingssysteem dat betaalbaarder was.

Er waren upgrades naar Lisa OS, Lisa OS 2 in 1983 en Lisa OS 7/7 3.1 in 1984, die het systeem zelf hebben geüpgraded, maar niet de grafische gebruikersinterface.

Apple Lisa 1
Apple Lisa OS 1, bron: Gids


Apple Lisa OS 1
Apple Lisa OS 1, bron: Gids


VisiCorp Visi On (uitgebracht in 1984)

Visi On was de eerste grafische desktop-GUI voor de IBM-pc. Dit systeem was gericht op grote bedrijven en kwam met een hoog prijskaartje. De GUI maakte gebruik van een muis, het had een ingebouwd installatieprogramma en helpsysteem en er werden geen pictogrammen gebruikt.

Visi On
VisiCoprt Visi On, Bron: toastytech.com


Visi On
VisiCoprt Visi On, Bron: toastytech.com


Mac OS System 1.0 (uitgebracht in 1984)

Systeem 1.0 was de eerste besturingssysteem-GUI ontwikkeld voor de Macintosh. Het had verschillende kenmerken van een modern besturingssysteem, namelijk windows op basis van pictogrammen. De vensters kunnen met de muis worden verplaatst en bestanden en mappen kunnen worden gekopieerd door ze naar de doellocatie te slepen en neer te zetten.

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


Amiga Workbench 1.0 (uitgebracht in 1985)

Toen Amiga voor het eerst werd uitgebracht, was ze zijn tijd ver vooruit. De GUI bevatte functies zoals kleurenafbeeldingen (vier kleuren: zwart, wit, blauw, oranje), preventieve multitasking, stereogeluid en pictogrammen met meerdere statussen (geselecteerd en niet geselecteerd).

Amiga Workbench 1.0
Amiga Workbench 1.0, bron: Gids


Amiga Workbench 1.0
Amiga Workbench 1.0, bron: Gids


Windows 1.0x (uitgebracht in 1985)

In dit jaar heeft Microsoft eindelijk de hele grafische rage van de gebruikersinterface ingehaald en Windows 1.0 uitgebracht, het eerste GUI-gebaseerde besturingssysteem (hoewel niemand het zou durven noemen als een besturingssysteem). Het systeem bevat 32 × 32 pixelpictogrammen en kleurenafbeeldingen. De meest interessante functie (die later werd weggelaten) was het pictogram van de geanimeerde analoge klok.

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


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


GEM (uitgebracht in 1985)

GEM (Graphical Environment Manager) was een GUI in venstergedeelte gemaakt door Digital Research, Inc. (DRI). Het is oorspronkelijk gemaakt voor gebruik met het CP / M-besturingssysteem op de Intel 8088- en Motorola 68000-microprocessors en werd later ook ontwikkeld voor gebruik op DOS. De meeste mensen zullen GEM onthouden als de GUI voor de Atari ST-computers. Het werd ook gebruikt op IBM-compatibele computers van een serie Amstrad. Het was de kern voor Ventura Publisher en een paar andere DOS-programma's. De GUI is ook geporteerd naar andere computers, maar is niet populairder geworden.

gem_11_desktop1
Bron: Wikipedia


1986 - 1990

IRIX 3 (uitgebracht in 1986, eerste uitgave 1984)

Het 64-bits IRIX-besturingssysteem is gemaakt voor UNIX. Een interessant kenmerk van deze GUI is de ondersteuning voor vectorpictogrammen. Deze functie is ingebouwd in de GUI lang voordat Mac OS X zelfs bestond.

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


GEOS (uitgebracht in 1986)

Het besturingssysteem GEOS (Graphic Environment Operating System) is ontwikkeld door Berkeley Softworks (later GeoWorks). Het is oorspronkelijk ontworpen voor de Commodore 64 en bevatte een grafische tekstverwerker, genaamd geoWrite en een verfprogramma met de naam geoPaint.

geos_commodore_64
Bron: Wikipedia


Windows 2.0x (uitgebracht in 1987)

In deze versie was het daadwerkelijke beheer van de vensters aanzienlijk verbeterd. De vensters kunnen worden overlapt, verkleind, gemaximaliseerd en geminimaliseerd.

Windows 2
Microsoft Windows 2.03, Bron: guidebookgallery.org


Windows 2
Microsoft Windows 2.03, Bron: guidebookgallery.org


OS / 2 1.x (uitgebracht in 1988)

OS / 2 is oorspronkelijk mede ontwikkeld door IBM en Microsoft, maar in 1991 zijn de twee bedrijven uit elkaar gegaan, waarbij Microsoft de technologie heeft geïntegreerd in een eigen Windows GUI en IBM OS / 2 verder heeft ontwikkeld. De GUI gebruikt in OS / 2 heette "Presentation Manager". Deze versie van de GUI ondersteunt alleen monochrome, vaste pictogrammen.

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


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


NeXTSTEP / OPENSTEP 1.0 (uitgebracht in 1989)

Steve Jobs kwam met het idee om de perfecte onderzoekcomputer voor universiteiten en onderzoekslaboratoria te creëren. Dit idee evolueerde later naar een opstarten genaamd NeXT Computer Inc.

De eerste NeXT-computer werd uitgebracht in 1988, maar in 1989 werd aanzienlijke vooruitgang geboekt met de release van de NeXTSTEP 1.0 GUI, die later evolueerde naar OPENSTEP.

De pictogrammen van de GUI waren groter (48 × 48) en introduceerden meer kleuren. De GUI was aanvankelijk monochroom, maar versie 1.0 begon ook kleurenmonitoren te ondersteunen. Deze screenshot geeft je een kijkje in wat de moderne GUI's zouden worden.

Volgende stap 1
NeXTSTEP 1.0, bron: kernelthread.com


OS / 2 1.20 (uitgebracht in 1989)

De volgende kleine versie-upgrade van de GUI liet op veel gebieden een lichte verbetering zien. De pictogrammen zagen er mooier uit en de ramen waren vloeiender.

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


Windows 3.0 (uitgebracht in 1990)

Met deze versie had Microsoft het echte potentieel in GUI's gerealiseerd en begon ze aanzienlijk te verbeteren.

Het besturingssysteem zelf ondersteunde standaard- en 386 enhanced-modi, die gebruik maakten van een hogere geheugencapaciteit dan 640 KB en ruimte op de harde schijf, wat resulteerde in de mogelijkheid om hogere schermresoluties en betere grafische weergaven te gebruiken, zoals Super VGA 800 × 600 en 1024 × 768 .

Ook heeft Microsoft ingehuurd Susan Kare om de Windows 3.0-pictogrammen te ontwerpen en om een ​​uniforme stijl toe te voegen aan de GUI.

Windows 3
Microsoft Windows 3.0, bron: toastytech.com


Windows 3
Microsoft Windows 3.0, bron: toastytech.com


1991 - 1995

Amiga Workbench 2.04 (uitgebracht in 1991)

Er zijn veel verbeteringen aangebracht in deze versie van de GUI. Het kleurenschema is gewijzigd en er is een 3D-look geïntroduceerd. De desktop zou verticaal kunnen worden opgedeeld in schermen met verschillende resoluties en kleurdiepten, wat tegenwoordig een beetje vreemd lijkt. De standaardresolutie van Workbench was 640 × 256, maar de hardware ondersteunde ook grotere resoluties.

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


Mac OS System 7 (uitgebracht in 1991)

Mac OS versie 7.0 was de eerste Mac OS GUI die kleuren ondersteunde. Subtiele tinten grijs, blauw en geel werden toegevoegd aan pictogrammen.

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


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


Windows 3.1 (uitgebracht in 1992)

Deze versie van Windows bevatte TrueType-lettertypen die vooraf waren geïnstalleerd. Hierdoor is Windows voor het eerst effectief een functioneel desktop publishing-platform geworden.

Eerder was het alleen mogelijk om een ​​dergelijke functionaliteit in Windows 3.0 te bereiken met behulp van het Adobe Type Manager (ATM) lettertypesysteem van Adobe. Deze versie bevatte ook een kleurenschema met de naam Hotdog Stand, dat heldere tinten rood, geel en zwart bevatte.

Dit kleurenschema is ontworpen om mensen met een bepaalde mate van kleurenblindheid te helpen om tekst / afbeeldingen op het scherm gemakkelijker te bekijken.

windows_311_workspace
Bron: Wikipedia


OS / 2 2.0 (uitgebracht in 1992)

Dit was de eerste GUI die werd onderworpen aan internationale acceptatie-, bruikbaarheid- en toegankelijkheidstesten. De gehele GUI is ontwikkeld met behulp van objectgeoriënteerd ontwerp. Elk bestand en iedere map was een object dat aan andere bestanden, mappen en applicaties kon worden gekoppeld. Het ondersteunt ook slepen-en-neerzetten-functionaliteit en sjablonen.

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


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


Windows 95 (uitgebracht in 1995)

De gebruikersinterface is volledig opnieuw ontworpen sinds versie 3.x. Dit was de eerste Windows-versie waarin een kleine knop Sluiten werd toegevoegd aan elk venster.

Het ontwerpteam gaf staten (ingeschakeld, uitgeschakeld, geselecteerd, aangevinkt, etc.) aan pictogrammen en andere afbeeldingen. De beroemde Start- knop verscheen voor het eerst.

Dit was een enorme stap voorwaarts voor Microsoft met betrekking tot het besturingssysteem zelf en de uniforme GUI.

Windows 95
Microsoft Windows 95, bron: guidebookgallery.org


Windows 95
Microsoft Windows 95, bron: guidebookgallery.org


1996 - 2000

OS / 2 Warp 4 (uitgebracht in 1996)

IBM bracht OS / 2 Warp 4 uit, waarmee een belangrijke facelift naar de werkruimte werd gebracht.

Pictogrammen werden op het bureaublad geplaatst, waar ook aangepaste bestanden en mappen konden worden gemaakt. De shredder verscheen die vergelijkbaar was met de Prullenbak van Windows of de Prullenbak van Mac OS, behalve dat het bestand of de map onmiddellijk werd verwijderd en geen extra exemplaren bewaarde voor later ophalen.

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


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


Mac OS System 8 (uitgebracht in 1997)

256 kleurenpictogrammen waren de standaard in deze versie van de GUI. Mac OS 8 was een van de eerste gebruikers van isometrische stijliconen, ook wel pseudo-3D-iconen genoemd. Het hier gebruikte platinum-grijze thema werd een handelsmerk voor toekomstige versies van de GUI.

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


Windows 98 (uitgebracht in 1998)

De pictogramstijlen waren bijna hetzelfde als in Windows 95, maar de hele grafische gebruikersinterface kon meer dan 256 kleuren gebruiken voor rendering. Windows Explorer is bijna volledig gewijzigd en de "Active Desktop" verscheen voor het eerst.

Windows 98
Microsoft Windows 98, Bron: toastytech.com


KDE 1.0 (uitgegeven in 1998)

Dit is hoe het KDE-team het project beschreef bij het vrijgeven van versie 1.0: "KDE is een transparante, hedendaagse desktopomgeving voor UNIX-werkstations. KDE tracht de behoefte aan een eenvoudig te gebruiken desktop voor Unix-werkstations te vullen, vergelijkbaar met de bureaubladomgevingen onder de MacOS of Window95 / NT. Een volledig gratis en open computerplatform dat gratis beschikbaar is voor iedereen, inclusief de broncode die iedereen kan wijzigen. "

800px-kde_10
Bron: Wikipedia


BeOs 4.5 (uitgebracht in 1999)

Het BeOS-besturingssysteem is ontwikkeld voor pc's. Het werd oorspronkelijk geschreven door Be In in 1991 om op BeBox-hardware te draaien. Het werd later verder ontwikkeld om te profiteren van nieuwere technologieën en hardware zoals symmetrische multiprocessing door gebruik te maken van modulaire I / O-bandbreedte, doordringende multithreading, preventieve multitasking en een aangepast 64-bits journaling-bestandssysteem dat bekend staat als BFS. De BeOS GUI is ontwikkeld op basis van de principes van duidelijkheid en een schoon, overzichtelijk ontwerp.

800px-beos_desktop
Bron: Wikipedia


GNOME 1.0 (uitgebracht in 1999)

GNOME-desktop is voornamelijk ontwikkeld voor Red Hat Linux, later ook ontwikkeld voor andere Linux-distributeurs.

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


2001 - 2005

Mac OS X (uitgebracht in 2001)

Begin 2000 kondigde Apple hun nieuwe Aqua-interface aan en in 2001 bracht het bedrijf het uit met hun gloednieuwe besturingssysteem genaamd Mac OS X.

De standaardpictogrammen van 32 x 32 en 48 x 48 zijn gewijzigd in grote 128 x 128 anti-aliased en semi-transparante pictogrammen.

Veel kritiek volgde na de release van deze GUI. Blijkbaar waren gebruikers nog niet helemaal klaar voor zo'n grote verandering, maar al snel namen ze de nieuwe stijl aan en vandaag vertegenwoordigt deze GUI de basis van alle Mac OS X-besturingssystemen.

Mac OSX 1
Apple Mac OS X 10.1 Bron: guidebookgallery.org


Windows XP (uitgebracht in 2001)

Aangezien Microsoft de neiging heeft om hun GUI volledig te wijzigen bij elke belangrijke versie van het besturingssysteem, was Windows XP geen uitzondering. De GUI zelf is skinnable , gebruikers kunnen het hele uiterlijk van de interface veranderen. De pictogrammen waren standaard 48 x 48, weergegeven in miljoenen kleuren.

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


KDE 3 (uitgebracht in 2002)

Sinds versie 1.0 is de K Desktop Environment aanzienlijk verbeterd. Ze hebben alle afbeeldingen en pictogrammen gepolijst en de hele gebruikerservaring verenigd.

Kde 3
KDE 3.0.1, bron: netbsd.org


2007 - 2009 (huidig)

Windows Vista (uitgebracht in 2007)

Dit was het antwoord van Microsoft op hun concurrentie. Ze bevatten ook behoorlijk wat 3D en animatie. Sinds Windows 98 heeft Microsoft altijd geprobeerd de desktop te verbeteren. Met Windows Vista brachten ze widgets en een enigszins verbeterde vervanging van de Active Desktop.

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


Mac OS X Leopard (uitgebracht in 2007)

Met hun 6e generatie, Mac OS X-systeem Apple, verbeterde de gebruikersinterface opnieuw. De basis-GUI is nog steeds de Aqua met zijn snoep-schuifbalken en platina-grijze, blauwe kleuren. De nieuwe GUI heeft een meer 3D-look, met het 3D-dock en nog veel meer animatie en interactiviteit.

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

GNOME 2.24 (2008)

GNOME heeft veel energie gestoken in het maken van de thema's en illustraties in v2.2.4, omdat het hun doel is "om uw computer er goed uit te laten zien". Ze organiseerden een wedstrijd om enkele van de meest intrigerende bureaubladachtergronden te verzamelen die hun bijdragers hebben geproduceerd voor gebruik in v2.24.

gnome_en_gb
Bron: gnome.org

KDE (v4.0 jan. 2008, v4.2 mrt. 2009)

Versie 4 van K Desktop Environment heeft veel nieuwe verbeteringen aan de GUI opgeleverd, zoals geanimeerd, soepel en efficiënt vensterbeheer en ondersteuning voor bureaubladwidgets. De pictogrammen zijn eenvoudig in te stellen en bijna elk ontwerpelement is veel eenvoudiger in te stellen. Enkele van de meest opvallende veranderingen zijn onder andere nieuwe iconen, thema's en geluiden, die worden geleverd door het Oxygen Project. Deze pictogrammen zijn meer fotorealistisch. Het is absoluut een grote verbetering ten opzichte van de eerdere versies van KDE. Het kan nu ook worden uitgevoerd op Windows- en Mac OS X-platforms.

kde
Bron: Wikipedia

Dankwoord

Geschreven en exclusief samengesteld voor WDD door Gyorgy Fekete.

Wat denk je van de evolutie van deze ontwerpen? Welke andere verbeteringen zou u willen zien? Wilt u alstublieft met ons delen ...