Die Zeiten, in denen nur Wissenschaftler und Softwareentwickler Computer verwenden konnten, sind lange vorbei. Heutzutage kann fast jeder einen PC oder ein Tablet bedienen, oft sogar ohne vorherige Fachkenntnisse . Dies zu erreichen war jedoch kein Rosenbeet. Um dies zu ermöglichen, mussten grafische Benutzeroberflächen, eine Art Benutzeroberfläche, entwickelt werden.

Die ersten GUI-Konzepte wurden in den 1970er Jahren bei der Firma Xerox entwickelt. Der Hauptzweck bestand darin, Computer nicht nur mit textbasierten Anweisungen, sondern auch mit Maus und Tastatur zu bedienen. Xerox Alto war der erste PC mit einer grafischen Oberfläche. Apple folgte in den 1980er Jahren mit dem Macintosh. Mit dem Aufkommen von Smartphones und Tablets hat sich das Prinzip der grafischen Oberfläche grundlegend geändert. Heute gibt es Bildschirme, die mit einfachen Gesten und Fingerbewegungen verwendet werden können.

1. Definition: Was ist eine GUI?
2. Wie funktioniert eine GUI?
3. Was sind die Komponenten einer GUI?
4. Welche Anforderungen muss eine GUI erfüllen?
5. Was sind die Vor- und Nachteile einer GUI?

Die GUI ist eine Schnittstelle zwischen der Person und der Maschine. Ziel dieser grafischen Oberfläche ist es, den Code des Backends eines Systems so klar wie möglich darzustellen, damit der Benutzer die täglichen Aufgaben vereinfachen kann. Hierfür sind Symbole und Bilder sehr wichtig, da nur diese eine universelle und unabhängige Anwendung des Textes ermöglichen. Zum Beispiel weiß fast jeder, wie ein Wi-Fi-Symbol aussieht, während das Wort in verschiedenen Sprachen sehr unterschiedlich ist.

Die GUI ist eine Benutzeroberfläche , über die Benutzer mit dem Computer kommunizieren können. Es basiert normalerweise auf der Interaktion über Maus und Tastatur (obwohl die Steuerung durch Gesten immer häufiger wird): Wenn Sie die Maus bewegen, bewegt sich der Zeiger auf dem Bildschirm. Das Signal vom Gerät wird an den Computer übertragen, der es dann in eine äquivalente Bewegung auf dem Bildschirm umwandelt. Wenn ein Benutzer beispielsweise auf ein bestimmtes Programmsymbol im Menü klickt, wird die entsprechende Anweisung ausgeführt und das Programm geöffnet.

Die GUI ist somit eine Art Übersetzer in der Mensch-Maschine-Kommunikation. Ohne die GUI müssten Sie die Befehlszeile verwenden, um Programme und Anwendungen aufzurufen. Dies könnte folgendermaßen dargestellt werden (das Beispiel zeigt, wie der Browser geöffnet wird):

Um Ihre Privatsphäre zu schützen, wird das Video nach dem Klicken hochgeladen.

Eine GUI kombiniert visuelle Design- und Programmierfunktionen . Aus diesem Grund bietet es Schaltflächen, Dropdown-Menüs, Navigationsfelder, Suchfelder, Symbole und Widgets . Entwickler sollten immer die Benutzerfreundlichkeit im Auge behalten. Die häufigsten Komponenten einer GUI sind die folgenden:

• Eingabefelder
• Fenster
• Leinwand ( Leinwand )
• Frames
• Tasten
• Headerblöcke
• Textfelder

Der Papierkorb ist ein gutes Beispiel für ein Element, das den meisten Betriebssystemen gemeinsam ist. Darüber hinaus ist die grafische Darstellung unter Windows und Mac das Bild eines echten Mülleimers. Auf diese Weise weiß der Benutzer sofort, dass damit Dokumente und Dateien gelöscht werden.

Beim Schreiben von GUIs verlassen sich Entwickler auf ereignisbasierte Programmierung , da Benutzeraktionen nicht vorhersehbar sind. Aus diesem Grund können GUIs nicht linear programmiert werden, sondern müssen so geschrieben werden, dass ein Befehl nur ausgeführt wird, wenn der Benutzer das Signal dafür gibt.

Eine gute GUI sollte vor allem für den Benutzer einfach zu bedienen sein. Während der Entwurfsphase ist es wichtig, dass die GUI intuitiv gesteuert wird. Um dies zu erreichen, ist jedoch ein gutes Verständnis der Bedürfnisse und Vorlieben des Benutzers erforderlich. Ein auf die Benutzererfahrung ausgerichtetes Design hat den Zweck, dem Benutzer das zu bieten, was er von der Anwendung erwartet. Wenn Sie eine grafische Benutzeroberfläche entwickeln möchten, beachten Sie die folgenden Aspekte:

• Halten Sie es einfach : Es wird empfohlen, auf unnötige Designelemente zu verzichten und einfache und leicht verständliche Bezeichnungen zu wählen.
• Design mit objektiver Ausrichtung : Jede Seite muss gut strukturiert sein; Jedes Element muss eine eindeutige Funktion haben.
• Konsistenz – Wenn mehrere Elemente und Grafiken verwendet werden, ist es wichtig, dass alle einzelnen Komponenten miteinander konsistent sind.
• Layout und Typografie – Designeinheiten , Farben und Text sollten das Element je nach Verwendungszweck der Komponente entweder hervorheben oder ausblenden. Es ist auch wichtig, Schriftarten und Schriftgrößen zu verwenden, die für die Funktion geeignet und leicht verständlich sind.
• Benutzeraktualisierungen – Eine grafische Benutzeroberfläche sollte auch Fehler und Statusänderungen melden.

Grafische Benutzeroberflächen sind aufgrund der vielen Vorteile, die sie Benutzern bieten, immer beliebter geworden. Sie haben jedoch auch einige Nachteile. In der folgenden Tabelle erläutern wir die Vor- und Nachteile verschiedener GUIs.