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.
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, bron: toastytech.com
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.
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.
VisiCoprt Visi On, Bron: toastytech.com
VisiCoprt Visi On, Bron: toastytech.com
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.
Apple Mac System 1.0, bron: toastytech.com
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, bron: Gids
Amiga Workbench 1.0, bron: Gids
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.
Microsoft Windows 1.01, Bron: makowski-berlin.de
Microsoft Windows 1.01, Bron: makowski-berlin.de
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.
Bron: Wikipedia
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.
Silicon Graphics IRIX 3.0, Bron: osnews.com
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.
Bron: Wikipedia
In deze versie was het daadwerkelijke beheer van de vensters aanzienlijk verbeterd. De vensters kunnen worden overlapt, verkleind, gemaximaliseerd en geminimaliseerd.
Microsoft Windows 2.03, Bron: guidebookgallery.org
Microsoft Windows 2.03, Bron: guidebookgallery.org
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.
Microsoft-IBM OS / 2 1.1, bron: pages.prodigy.net
Microsoft-IBM OS / 2 1.1, bron: pages.prodigy.net
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.
NeXTSTEP 1.0, bron: kernelthread.com
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 1.2, Bron pages.prodigy.net
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.
Microsoft Windows 3.0, bron: toastytech.com
Microsoft Windows 3.0, bron: toastytech.com
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.
Commodore Amiga Workbench 2.04, Bron: guidebookgallery.org
Mac OS versie 7.0 was de eerste Mac OS GUI die kleuren ondersteunde. Subtiele tinten grijs, blauw en geel werden toegevoegd aan pictogrammen.
Apple Mac OS System 7.0, bron: guidebookgallery.org
Apple Mac OS System 7.0, bron: guidebookgallery.org
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.
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.
IBM OS / 2 2.0, bron: toastytech.com
IBM OS / 2 2.0, bron: toastytech.com
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.
Microsoft Windows 95, bron: guidebookgallery.org
Microsoft Windows 95, bron: guidebookgallery.org
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.
IBM OS / 2 Warp 4, Bron: toastytech.com
IBM OS / 2 Warp 4, Bron: toastytech.com
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.
Apple Mac OS 8, bron: guidebookgallery.org
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.
Microsoft Windows 98, Bron: toastytech.com
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. "
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.
Bron: Wikipedia
GNOME-desktop is voornamelijk ontwikkeld voor Red Hat Linux, later ook ontwikkeld voor andere Linux-distributeurs.
Red Hat Linux GNOME 1.0.39, Bron: visionfutur.com
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.
Apple Mac OS X 10.1 Bron: guidebookgallery.org
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.
Microsoft Windows XP Professional, bron: guidebookgallery.org
Sinds versie 1.0 is de K Desktop Environment aanzienlijk verbeterd. Ze hebben alle afbeeldingen en pictogrammen gepolijst en de hele gebruikerservaring verenigd.
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.
Microsoft Windows Vista, bron: technology.berkeley.edu
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.
Apple Mac OS X 10.5 Leopard, bron: skattertech.com
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.
Bron: gnome.org
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.
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 ...