Vad är ett GUI och vad gör det för dig

Oavsett om du läser den här artikeln på din smartphone, surfplatta eller dator, upplever du det genom ett grafiskt användargränssnitt eller GUI. Som namnet antyder tillåter ett GUI användare att interagera med elektroniska enheter genom grafiska ikoner snarare än textbaserade användargränssnitt. Här är en titt på historien om GUI och varför det är avgörande.

GUI-historik

Långa Windows-användare kanske tror att övergången från textbaserade system till GUI inträffade när Windows 95 ersatte Windows 3.1. Även om detta var en viktig milstolpe i antagandet av GUI, måste du gå tillbaka till 1963, när det första grafiska datorstödda designprogrammet introducerades.

Med Ivan Sutherlands Sketchpad-program kunde användare skapa och manipulera objekt i tekniska ritningar med en ljuspenna. Sketchpad följdes av Stanfords On-Line System (NLS) senare samma årtionde. Även om NLS-namnet kan ha gått förlorat i historien, har resultatet inte gjort det. Systemet använde textbaserade hyperlänkar som världens första datormus manipulerade.

På 1970-talet introducerades Smalltalk-programmering, som kördes på Xerox Alto-datorn. De flesta moderna grafiska användargränssnitt är härledda från detta system. Samtidigt tog Xerox PARC-användargränssnittet andra nu välbekanta grafiska element i förgrunden, inklusive fönster, menyer, radioknappar och kryssrutor. I slutet av decenniet engagerade sig företag som Microsoft, Apple och IBM med grafiska användargränssnitt.

Senare adoption

GUI-system kom in i mainstream under det snabbrörliga 1980-talet. Apple Lisa släpptes 1983, följt av den mycket mer framgångsrika första Apple Macintosh ett år senare. Windows 95 kom äntligen ett decennium senare, och inom några månader blev det det mest populära operativsystemet för stationära datorer genom tiderna.

I början av 2000-talet kom mobila operativsystem, inklusive Apples iOS, Googles Android och många fler. Även om de är olika på ytan, har var och en använt samma GUI-element som först implementerades för decennier sedan.

Viktiga GUI-funktioner

GUI-system erbjuder var och en dessa generiska sektioner: fönster, menyer, ikoner, kontroller och flikar. Interaktiva element inkluderar en markör, pekare, insättningspunkt, val och justeringshandtag.

Windows

Du läser den här artikeln via en webbläsare, som per definition är ett fönster, precis som ditt e-postprogram eller Adobe-programtitel. Windows är områden på en datorskärm där information som kan visas är skild från resten av skärmen.

Ett containerfönster omsluter andra fönster eller kontroll precis som ett webbläsarfönster låter dig visa och navigera i en serie objekt, till exempel dokument eller webbsidor. Idag visas konsoler som US-DOS och UNIX genom textterminalfönster.

Det finns också meddelandefönster, som ibland kallas dialogrutor. Dessa fönster öppnas i ett program på din maskin. Dessa ber dig vanligtvis att ge ett jakande eller negativt svar. Till exempel, när du ändrar ett dokument i ett program som Microsoft Word, kan ett meddelandefönster dyka upp som frågar om det är detta du vill göra.

Menyer

När du använder en mus, ett finger eller en annan pekenhet, kör du med största sannolikhet ett kommando genom nästa GUI-element, menyer. Dessa element erbjuder vanligtvis en lista med val, vilket gör det lättare för användaren att avgöra vad som ska göras härnäst. Det finns olika typer av menyer, inklusive en menyrad och snabbmeny. Du ser den förstnämnda högst upp på skärmen. Den har rullgardinsmenyer som visas när du klickar på ord i menyn.

Snabbmenyer är däremot osynliga tills du klickar eller trycker på dem. Om du högerklickar på en dator visas en tidigare gömd innehållsmeny.

Ikoner

De mest märkbara delarna av alla GUI-system är ikonerna. Dessa små bilder, som finns på ett skrivbord, en startsida eller en mapp, representerar olika objekt som ett program, en fil, en webbsida eller ett kommando. Ikonen öppnar nämnda objekt när du klickar på den.

Kontroller

På GUI-system hittar du också kontroller, ibland kallade widgets. Dessa grafiska kontrollelement är en viktig mjukvarukomponent som gör att användaren kan läsa eller påverka (genom redigering) information om en applikation. Kontroller har olika former, inklusive reglage, alternativknappar, kryssrutor och mer.

Flikar

Slutligen finns det flikar. Dessa element har vanligtvis formen av en liten rektangulär ruta eller enkel text. När du klickar på den visas en lista med liknande objekt eller sektioner. Flikar, till exempel, är en viktig komponent i webbläsare. När du klickar på flikar kan du flytta mellan två eller flera webbplatser samtidigt utan att stänga en annan. Varje flik innehåller en separat webbsida.

Viktiga GUI interaktiva element

Ingen av oss skulle helt och hållet uppskatta vad GUI betyder för datorer om det inte vore för verktygen som utvecklats för att flytta mellan de olika funktionerna. Dessa interaktiva element har utvecklats under åren och inkluderar markörer, pekare och många fler.

En pekare är ett grafiskt objekt som rör sig på en datorskärm med hjälp av en mus eller pekplatta. Pekare initierar välbekanta klick, beröringar och drag. En markör är en typ av pekare och indikerar din exakta position på en display. En blinkande vertikal linje visar markörens plats.

En insättningspunkt är där användarinitierade kommandon kommer att inträffa, till exempel i textappar eller när du använder kopiera-klistra-operationen. Ett urval är en lista över objekt där användaroperationer äger rum. Användare lägger vanligtvis till objekt till den här listan manuellt, men inte alltid. Slutligen är ett justeringshandtag en indikator på en startpunkt för en dra och släpp-operation. En ruta som visas i hörnen och kanterna på ett fönster är till exempel ett justeringshandtag.

Mycket att se

I många avseenden är allt  på en datorskärm ett GUI. Även om funktioner och element har förbättrats under åren, har de grundläggande koncepten förblivit desamma i årtionden. Utan dessa skulle datoranvändningen se mycket annorlunda ut.