Eine grafische Benutzeroberfläche (kurz GUI) ermöglicht Benutzern eine benutzerfreundliche Interaktion mit der Computerhardware.

Im Laufe der Jahre wurde eine Reihe von GUI's für verschiedene Betriebssysteme wie OS / 2, Macintosh, Windowsamiga, Linux, Symbian OS und mehr entwickelt.

Wir werden uns die Entwicklung der Interface-Designs der wichtigsten Betriebssysteme seit den 80er Jahren ansehen.

Ich sollte erwähnen, dass dieser Artikel nur die signifikanten Fortschritte im GUI-Design (nicht Betriebssystem Fortschritte) und auch nicht alle der heutigen grafischen Benutzeroberflächen und Betriebssysteme zeigt.

Die erste GUI wurde von Forschern der Xerox Palo Alto Forschungszentrum (PARC) in den 70er Jahren. Diese Forschung eröffnete eine völlig neue Ära der Computergrafik-Innovationen.

Der erste Personal Computer, der eine moderne grafische Benutzeroberfläche verwendete, war der Xerox Alt entwickelt im Jahr 1973. Dies war kein kommerzielles Produkt und war hauptsächlich für die Forschung an Universitäten gedacht.

1 Quelle: toastytech.com

1981-1985

Xerox 8010 Star (veröffentlicht im Jahr 1981)

Dies war das erste System, das als voll integrierter Desktop-Computer mit Anwendungen und einer GUI bezeichnet wurde. Es war bekannt als "The Xerox Star" , später umbenannt in "ViewPoint" und später wieder in "GlobalView" umbenannt .

Xerox 8010 Stern
Xerox 8010 Star, Quelle: toastytech.com


Apple Lisa Office System 1 (veröffentlicht im Jahr 1983)

Wird auch als Lisa OS bezeichnet, welches in diesem Fall eine Abkürzung für Office System ist. Es wurde von Apple mit der Absicht entwickelt, eine Dokumentenverarbeitungs-Workstation zu sein.

Leider dauerte diese Workstation nicht lange, sie wurde von Apples Macintosh-Betriebssystem getötet, das erschwinglicher war.

Es gab Upgrades auf Lisa OS, Lisa OS 2 im Jahr 1983 und Lisa OS 7/7 3.1 im Jahr 1984, die das System selbst, aber nicht die grafische Benutzeroberfläche aktualisierten.

Apfel Lisa 1
Apple Lisa OS 1, Quelle: Reiseführer


Apple Lisa OS 1
Apple Lisa OS 1, Quelle: Reiseführer


VisiCorp Visi On (erschienen 1984)

Visi On war die erste Desktop-GUI, die für den IBM PC entwickelt wurde. Dieses System war auf große Unternehmen ausgerichtet und hatte einen hohen Preis. Die GUI verwendete eine Maus, hatte ein eingebautes Installationsprogramm und ein Hilfesystem und verwendete keine Symbole.

Visi Ein
VisiCoprt Visi On, Quelle: toastytech.com


Visi Ein
VisiCoprt Visi On, Quelle: toastytech.com


Mac OS System 1.0 (veröffentlicht im Jahr 1984)

System 1.0 war das erste für den Macintosh entwickelte Betriebssystem-GUI. Es hatte einige Merkmale eines modernen Betriebssystems, wobei Windows mit Symbolen versehen war. Die Fenster konnten mit der Maus verschoben werden und Dateien und Ordner konnten durch Ziehen und Ablegen auf den Zielort kopiert werden.

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


Amiga Workbench 1.0 (erschienen 1985)

Bei der ersten Veröffentlichung war Amiga seiner Zeit voraus. Die GUI enthält Funktionen wie Farbgrafiken (vier Farben: Schwarz, Weiß, Blau, Orange), präemptives Multitasking, Stereoton und Symbole für mehrere Zustände (ausgewählt und nicht ausgewählt).

Amiga Workbench 1.0
Amiga Workbench 1.0, Quelle: Reiseführer


Amiga Workbench 1.0
Amiga Workbench 1.0, Quelle: Reiseführer


Windows 1.0x (veröffentlicht im Jahr 1985)

In diesem Jahr erwischte Microsoft schließlich die ganze Verrücktheit der grafischen Benutzeroberfläche und veröffentlichte Windows 1.0, sein erstes GUI-basiertes Betriebssystem (obwohl niemand es wagen würde, es als eins zu bezeichnen). Das System verfügt über 32 × 32 Pixel-Icons und Farbgrafiken. Das interessanteste Merkmal (das später weggelassen wurde) war das Symbol der animierten Analoguhr.

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


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


GEM (erschienen 1985)

GEM (Graphical Environment Manager) war eine von Digital Research, Inc. (DRI) erstellte GUI im Fenster-Stil. Es wurde ursprünglich für den Einsatz mit dem CP / M-Betriebssystem auf den Mikroprozessoren Intel 8088 und Motorola 68000 entwickelt und später auch für DOS entwickelt. Die meisten Leute werden sich an GEM als GUI für die Atari ST-Computer erinnern. Es wurde auch auf IBM-kompatiblen Computern von Amstrad verwendet. Es war der Kern für Ventura Publisher und einige andere DOS-Programme. Die GUI wurde auch auf andere Computer portiert, gewann aber nicht an Beliebtheit.

gem_11_desktop1
Quelle: Wikipedia


1986 - 1990

IRIX 3 (veröffentlicht im Jahr 1986, erste Veröffentlichung 1984)

Das 64-Bit-IRIX-Betriebssystem wurde für UNIX erstellt. Ein interessantes Feature dieser GUI ist die Unterstützung von Vektoricons. Diese Funktion wurde in die GUI integriert, lange bevor Mac OS X überhaupt existierte.

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


GEOS (veröffentlicht 1986)

Das Betriebssystem GEOS (Graphic Environment Operating System) wurde von Berkeley Softworks (später GeoWorks) entwickelt. Es wurde ursprünglich für den Commodore 64 entwickelt und enthielt einen grafischen Textprozessor namens geoWrite und ein Malprogramm namens geoPaint.

geos_commodore_64
Quelle: Wikipedia


Windows 2.0x (veröffentlicht im Jahr 1987)

In dieser Version hat sich das eigentliche Management der Fenster deutlich verbessert. Die Fenster könnten überlappt, in der Größe verändert, maximiert und minimiert werden.

Windows 2
Microsoft Windows 2.03, Quelle: guidebookgallery.org


Windows 2
Microsoft Windows 2.03, Quelle: guidebookgallery.org


OS / 2 1.x (veröffentlicht im Jahr 1988)

OS / 2 wurde ursprünglich von IBM und Microsoft gemeinsam entwickelt, aber 1991 trennten sich die beiden Unternehmen, wobei Microsoft die Technologie in seine eigene Windows-GUI integrierte und IBM OS / 2 weiter entwickelte. Die in OS / 2 verwendete GUI wurde "Presentation Manager" genannt. Diese Version der GUI unterstützt nur monochrome, feste Symbole.

Os 2 1
Microsoft-IBM OS / 2 1.1, Quelle: seiten.prodigy.net


Os / 2 1
Microsoft-IBM OS / 2 1.1, Quelle: seiten.prodigy.net


NeXTSTEP / OPENSTEP 1.0 (erschienen 1989)

Steve Jobs hatte die Idee, den perfekten Forschungscomputer für Universitäten und Forschungslabore zu entwickeln. Diese Idee entwickelte sich später zu einem Startup namens NeXT Computer Inc.

Der erste NeXT-Computer wurde 1988 veröffentlicht, doch 1989 wurden mit der Veröffentlichung der NeXTSTEP 1.0 GUI, die später zu OPENSTEP wurde, bedeutende Fortschritte erzielt.

Die Icons der GUI waren größer (48 × 48) und es wurden mehr Farben eingeführt. Die GUI war anfangs monochrom, aber Version 1.0 unterstützte auch Farbmonitore. Dieser Screenshot gibt Ihnen einen Einblick in die modernen GUIs.

Nächster Schritt 1
NeXTSTEP 1.0, Quelle: kernelthread.com


OS / 2 1.20 (veröffentlicht 1989)

Das nächste Nebenversionsupgrade der GUI zeigte in vielen Bereichen leichte Verbesserungen. Die Symbole sahen schöner aus und die Fenster waren glatter.

Os 2 12
OS / 2 1.2, Quelle seiten.prodigy.net


Windows 3.0 (veröffentlicht im Jahr 1990)

Mit dieser Version hat Microsoft das wahre Potenzial von GUI erkannt und begonnen, diese deutlich zu verbessern.

Das Betriebssystem selbst unterstützte Standard- und erweiterte 386-Modi, die eine höhere Speicherkapazität als 640 KB und Festplattenspeicher nutzten. Dadurch konnten höhere Bildschirmauflösungen und bessere Grafiken wie Super VGA 800 × 600 und 1024 × 768 verwendet werden .

Außerdem hat Microsoft angestellt Susan Kare um die Windows 3.0-Symbole zu entwerfen und der Benutzeroberfläche einen einheitlichen Stil hinzuzufügen.

Windows 3
Microsoft Windows 3.0, Quelle: toastytech.com


Windows 3
Microsoft Windows 3.0, Quelle: toastytech.com


1991 - 1995

Amiga Workbench 2.04 (veröffentlicht im Jahr 1991)

Viele Verbesserungen wurden an dieser Version der GUI vorgenommen. Das Farbschema wurde geändert und ein 3D-Look wurde eingeführt. Der Desktop könnte vertikal in Bildschirme mit verschiedenen Auflösungen und Farbtiefen aufgeteilt werden, was heutzutage etwas merkwürdig erscheint. Die Standardauflösung von Workbench war 640 × 256, aber die Hardware unterstützte auch größere Auflösungen.

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


Mac OS System 7 (veröffentlicht im Jahr 1991)

Mac OS 7.0 war die erste Mac OS GUI, die Farben unterstützte. Subtile Grautöne, Blau und Gelb wurden den Icons hinzugefügt.

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


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


Windows 3.1 (veröffentlicht im Jahr 1992)

Diese Version von Windows enthielt TrueType-Schriftarten, die vorinstalliert waren. Dadurch wurde Windows zum ersten Mal zu einer funktionalen Desktop-Publishing-Plattform.

Bisher war eine solche Funktionalität in Windows 3.0 nur mit dem Schriftartensystem Adobe Type Manager (ATM) von Adobe möglich. Diese Version enthielt auch ein Farbschema mit dem Namen Hotdog Stand, das helle Farbtöne in Rot, Gelb und Schwarz enthielt.

Dieses Farbschema wurde entwickelt, um Menschen mit einem gewissen Maß an Farbenblindheit dabei zu helfen, Text / Grafiken auf dem Bildschirm einfacher zu sehen.

windows_311_workspace
Quelle: Wikipedia


OS / 2 2.0 (veröffentlicht im Jahr 1992)

Dies war die erste GUI, die internationalen Akzeptanz-, Usability- und Accessibility-Tests unterzogen wurde. Die gesamte GUI wurde mit objektorientiertem Design entwickelt. Jede Datei und jeder Ordner war ein Objekt, das mit anderen Dateien, Ordnern und Anwendungen verknüpft werden konnte. Es unterstützt auch Drag & Drop-Funktionalität und Vorlagen.

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


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


Windows 95 (veröffentlicht im Jahr 1995)

Die Benutzeroberfläche wurde seit Version 3.x komplett neu gestaltet. Dies war die erste Windows-Version, bei der jedem Fenster eine kleine Schließen-Schaltfläche hinzugefügt wurde.

Das Designteam gab den Symbolen (und anderen Grafiken) Zustände (aktiviert, deaktiviert, ausgewählt, geprüft usw.). Der berühmte Startknopf erschien zum ersten Mal.

Dies war ein großer Fortschritt für Microsoft in Bezug auf das Betriebssystem selbst und die vereinheitlichte Benutzeroberfläche.

Windows 95
Microsoft Windows 95, Quelle: guidebookgallery.org


Windows 95
Microsoft Windows 95, Quelle: guidebookgallery.org


1996 - 2000

OS / 2 Warp 4 (veröffentlicht 1996)

IBM brachte OS / 2 Warp 4 heraus, das dem Arbeitsbereich ein wesentliches Facelifting verlieh.

Symbole wurden auf dem Desktop platziert, wo auch benutzerdefinierte Dateien und Ordner erstellt werden konnten. Der Shredder erschien, der dem Papierkorb von Windows oder dem Papierkorb von Mac OS ähnlich war, außer dass er die Datei oder den Ordner sofort löschte und keine zusätzlichen Kopien für den späteren Abruf speicherte.

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


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


Mac OS System 8 (veröffentlicht im Jahr 1997)

256 Farbsymbole waren in dieser GUI-Version der Standard. Mac OS 8 war einer der ersten Anwender von isometrischen Stilikonen, auch Pseudo-3D-Symbole genannt. Das hier verwendete platingraue Thema wurde zum Markenzeichen für zukünftige Versionen der GUI.

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


Windows 98 (veröffentlicht 1998)

Die Symbolstile waren fast die gleichen wie in Windows 95, aber die gesamte GUI konnte mehr als 256 Farben für das Rendering verwenden. Windows Explorer hat sich fast komplett verändert und der "Active Desktop" erschien zum ersten Mal.

Windows 98
Microsoft Windows 98, Quelle: toastytech.com


KDE 1.0 (veröffentlicht 1998)

So beschreibt das KDE-Team das Projekt bei der Veröffentlichung der Version 1.0: "KDE ist eine netzwerktransparente, zeitgemäße Desktop-Umgebung für UNIX-Workstations. KDE versucht, den Bedarf an einem einfach zu verwendenden Desktop für Unix-Workstations zu decken, ähnlich den Desktop-Umgebungen unter MacOS oder Window95 / NT. Eine völlig kostenlose und offene Computing-Plattform, die jedem kostenlos zur Verfügung steht, einschließlich seines Quellcodes, den jeder ändern kann. "

800px-kde_10
Quelle: Wikipedia


BeOs 4.5 (veröffentlicht 1999)

Das BeOS-Betriebssystem wurde für Personal Computer entwickelt. Es wurde 1991 von Be In geschrieben, um auf BeBox Hardware zu laufen. Es wurde später weiterentwickelt, um neuere Technologien und Hardware wie symmetrisches Multiprocessing zu nutzen, indem modulare E / A-Bandbreite, pervasives Multithreading, präemptives Multitasking und ein benutzerdefiniertes 64-Bit-Journaling-Dateisystem namens BFS genutzt wurden. Die BeOS GUI wurde nach den Prinzipien der Klarheit und einem klaren, übersichtlichen Design entwickelt.

800px-beos_desktop
Quelle: Wikipedia


GNOME 1.0 (veröffentlicht im Jahr 1999)

GNOME Desktop wurde hauptsächlich für Red Hat Linux entwickelt, später wurde es auch für andere Linux-Distributoren entwickelt.

Gnom 1
Red Hat Linux GNOME 1.0.39, Quelle: visionfutur.com


2001 - 2005

Mac OS X (veröffentlicht im Jahr 2001)

Anfang 2000 kündigte Apple sein neues Aqua-Interface an und 2001 veröffentlichte das Unternehmen das neue Betriebssystem Mac OS X.

Die standardmäßigen 32 x 32- und 48 x 48-Symbole wurden in große 128 x 128-Antialias- und halbtransparente Symbole geändert.

Nach der Veröffentlichung dieser GUI gab es eine Menge Kritik. Anscheinend waren die Benutzer noch nicht bereit für solch eine große Veränderung, aber schon bald haben sie den neuen Stil angenommen und heute stellt diese GUI die Basis aller Mac OS X Betriebssysteme dar.

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


Windows XP (veröffentlicht im Jahr 2001)

Da Microsoft dazu neigt, seine GUI mit jeder wichtigen Betriebssystemversion komplett zu ändern, war Windows XP keine Ausnahme. Die GUI selbst ist skinfähig , Benutzer können das gesamte Erscheinungsbild der Benutzeroberfläche ändern. Die Symbole waren standardmäßig 48 x 48 groß und in Millionen von Farben dargestellt.

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


KDE 3 (veröffentlicht im Jahr 2002)

Seit der Version 1.0 hat sich die K Desktop-Umgebung erheblich verbessert. Sie polierten alle Grafiken und Icons und vereinheitlichten das gesamte Nutzererlebnis.

Kde 3
KDE 3.0.1, Quelle: netbsd.org


2007 - 2009 (aktuell)

Windows Vista (veröffentlicht im Jahr 2007)

Dies war Microsofts Antwort auf ihre Konkurrenz. Sie enthalten auch ziemlich viel 3D und Animation. Seit Windows 98 hat Microsoft immer versucht, den Desktop zu verbessern. Mit Windows Vista haben sie Widgets und einen etwas besseren Ersatz für den Active Desktop veröffentlicht.

Windows Vista
Microsoft Windows Vista, Quelle: technologie.berkeley.edu


Mac OS X Leopard (veröffentlicht im Jahr 2007)

Mit ihrer 6. Generation, dem Mac OS X System Apple, wurde die Benutzeroberfläche nochmals verbessert. Die grundlegende GUI ist immer noch das Aqua mit seinen Candy-Scroll-Bars und platingrauen, blauen Farben. Die neue GUI bietet ein 3D-Look mit dem 3D-Dock und viel mehr Animation und Interaktivität.

Mac OS X Leopard
Apple Mac OS X 10.5 Leopard, Quelle: skattertech.de

GNOME 2.24 (2008)

GNOME hat sich viel Mühe gegeben, die Designs und Grafiken in v2.2.4 zu erstellen, da es ihr Ziel ist, "Ihren Computer gut aussehen zu lassen". Sie führten einen Wettbewerb durch, um einige der eindringlichsten Desktop-Hintergründe zu sammeln, die ihre Mitwirkenden für die Verwendung in v2.24 erstellt haben.

gnome_en_gb
Quelle: gnome.org

KDE (v4.0 Januar 2008, v4.2 März 2009)

In Version 4 von K Desktop Environment wurden viele neue Verbesserungen an der GUI vorgenommen, wie z. B. animierte, reibungslose und effiziente Fensterverwaltung sowie Unterstützung für Desktop-Widgets. Die Größe der Symbole ist leicht einstellbar und fast jedes Designelement ist viel einfacher zu konfigurieren. Zu den auffälligsten Änderungen gehören neue Icons, Themen und Sounds, die vom Oxygen Project bereitgestellt werden. Diese Symbole sind fotorealistischer. Es ist definitiv eine große Verbesserung gegenüber den früheren Versionen von KDE. Es kann jetzt auch auf Windows- und Mac OS X-Plattformen ausgeführt werden.

kde
Quelle: Wikipedia

Danksagung

Von Gyorgy Fekete exklusiv für WDD geschrieben und zusammengestellt.

Was denkst du über die Entwicklung dieser Designs? Welche weiteren Verbesserungen würden Sie gerne sehen? Bitte teilen Sie mit uns ...