Liste der grafischen Benutzeroberflächenelemente

Grafische Benutzeroberflächenelemente sind jene Elemente von verwendet von Grafische Benutzeroberflächen (GUIS) eine konsistente Angabe visual language in Computern gespeicherte Informationen darstellen. Diese erleichtern Menschen mit wenigen Computerkenntnissen, mit der Computersoftware zu arbeiten und sie zu verwenden.

Dieser Artikel erklärt die häufigsten Elemente der in der gefundenen visuellen Sprachschnittstellen Wimp ("Fenster, Symbol, Menü, Zeiger") Paradigma, obwohl viele auch in anderen Grafikern verwendet werden Post-Wimp Schnittstellen. Diese Elemente werden normalerweise in einer Schnittstelle mit a verkörpert Widget Toolkit oder Desktop -Umgebung.

Strukturelemente

Grafische Benutzeroberflächen verwenden visuelle Konventionen, um die generischen Informationen darzustellen. Einige Konventionen werden verwendet, um die Struktur der statischen Elemente zu erstellen, mit denen der Benutzer interagieren kann, und das Erscheinungsbild der Schnittstelle zu definieren.

Fenster

Hauptartikel: Fenster (Computer)

Ein Fenster ist ein Bereich auf dem Bildschirm, in dem Informationen angezeigt werden, wobei der Inhalt unabhängig vom Rest des Bildschirms angezeigt wird. Ein Beispiel für ein Fenster ist das, was auf dem Bildschirm angezeigt wird, wenn die "meine Dokumente" Symbol wird in der Klick angeklickt Windows -Betriebssystem. Es ist für einen Benutzer einfach, ein Fenster zu manipulieren: Es kann angezeigt und versteckt werden, indem Sie auf ein Symbol klicken oder Anwendungund es kann in einen beliebigen Bereich verschoben werden, indem Sie ihn ziehen (dh durch Klicken in einen bestimmten Bereich des Fensters - normalerweise die Titelleiste an der Oberseite - und die Schaltfläche des Zeigungsgeräts drücken und dann das Zeigungsgerät verschieben). Ein Fenster kann vor oder hinter einem anderen Fenster platziert werden, seine Größe kann eingestellt werden, und Scrollbars können verwendet werden, um die darin enthaltenen Abschnitte zu navigieren. Mehrere Fenster können auch gleichzeitig geöffnet werden. In diesem Fall kann jedes Fenster eine andere Anwendung oder Datei anzeigen - dies ist sehr nützlich, wenn Sie in einer Multitasking -Umgebung arbeiten. Der Systemspeicher ist die einzige Einschränkung für die Anzahl der Fenster, die gleichzeitig geöffnet werden können. Es gibt auch viele Arten von speziellen Fenstern.[1]

  • A Containerfenster Schließt andere Fenster oder Steuerelemente ein. Wenn es bewegt oder verändert wird, bewegen sich die geschlossenen Elemente, die Größe ändern, neu orientieren oder vom Containerfenster abgeschnitten werden.
  • A Browser Fenster Ermöglicht dem Benutzer, eine Sammlung von Elementen wie Dateien anzeigen und zu navigieren oder zu navigieren Webseiten. Internetbrowser sind ein Beispiel für diese Art von Fenstern.
  • Text Terminal Windows präsentieren eine charakterbasierte, Befehlsgetriebene Textbenutzeroberflächen Innerhalb der allgemeinen grafischen Schnittstelle. MS-DOS und Unix Konsolen sind Beispiele für diese Fenstertypen. Terminalfenster entsprechen häufig den Hotkey und zeigen Konventionen von CRT-basierten Terminals an, die vor der GUIs wie dem VT-100 liegen.
  • A Kinderfenster Öffnet automatisch oder als Ergebnis einer Benutzeraktivität in einem übergeordneten Fenster. Popup-Fenster auf der Internet Kann Kinderfenster sein.
  • A Nachrichtenfenster, oder Dialogbox, ist eine Art Kinderfenster. Dies sind normalerweise kleine und grundlegende Fenster, die von einem Programm geöffnet werden, um Informationen an den Benutzer anzuzeigen und/oder Informationen vom Benutzer abzurufen. Sie haben fast immer eine oder mehrere Schaltflächen, die es dem Benutzer ermöglichen, den Dialog mit einer positiven, negativen oder neutralen Antwort abzulehnen.

Speisekarte

Mit Menüs können der Benutzer Befehle ausführen, indem sie aus einer Liste von Auswahlmöglichkeiten auswählen. Optionen werden mit einer Maus oder einem anderen Zeigegerät innerhalb einer GUI ausgewählt. Eine Tastatur kann auch verwendet werden. Menüs sind praktisch, da sie zeigen, welche Befehle innerhalb der verfügbar sind Software. Dies schränkt die Menge an Dokumentation ein, die der Benutzer liest, um die Software zu verstehen.[2]

  • A Menüleiste wird horizontal über die Oberseite des Bildschirms und/oder an den Spitzen einiger oder aller Fenster angezeigt. Ein Pulldown-Menü wird häufig diesem Menütyp zugeordnet. Wenn ein Benutzer auf eine Menüoption klickt, wird das Pulldown-Menü angezeigt.[3][4]
  • A Speisekarte hat einen sichtbaren Titel in der Menüleiste. Der Inhalt wird nur angezeigt, wenn der Benutzer ihn mit einem Zeiger auswählt. Der Benutzer kann dann die Elemente im Pulldown-Menü auswählen. Wenn der Benutzer an anderer Stelle klickt, verschwindet der Inhalt des Menüs.[5]
  • A Kontextmenü ist unsichtbar, bis der Benutzer eine bestimmte Mausaktion ausführt, z. B. das Drücken der rechten Maustaste. Wenn die Software-spezifische Mausaktion auftritt, wird das Menü unter dem Cursor angezeigt.[3]
  • Menü -Extras sind individuelle Elemente innerhalb oder an der Seite eines Menüs.

Ikonen

Ein Symbol ist ein kleines Bild, das Objekte wie eine Datei, ein Programm, eine Webseite oder einen Befehl darstellt. Sie sind eine schnelle Möglichkeit, Befehle auszuführen, Dokumente zu öffnen und Programme auszuführen. Symbole sind auch sehr nützlich, wenn Sie nach einem Objekt in einer Browserliste suchen, da in vielen Betriebssystemen alle Dokumente mit derselben Erweiterung das gleiche Symbol haben.

Steuerelemente (oder Widgets)

Hauptartikel: Widget (GUI)

Schnittstellenelemente bekannt als als Grafische Kontrollelemente, Kontrollen oder Widgets sind Softwarekomponenten mit dem ein Computerbenutzer interagiert durch direkte Manipulation Informationen zu einer Anwendung lesen oder bearbeiten. Jedes Widget erleichtert eine bestimmte Interaktion zwischen Benutzer und Komputer. Strukturierung einer Benutzeroberfläche mit Widget -Toolkits Ermöglichen Sie den Entwicklern, Code für ähnliche Aufgaben wiederzuverwenden, und bietet Benutzern eine gemeinsame Sprache für die Interaktion, wobei die Konsistenz im gesamten Informationssystem aufrechterhalten wird.

Gemeinsame Verwendungszwecke für Widgets beinhalten die Anzeige von Sammlungen verwandter Elemente (z. B. mit verschiedenen aufführen und Leinwand Steuerelemente), Initiierung von Aktionen und Prozessen innerhalb der Schnittstelle (Tasten und Menüs), Navigation innerhalb der Platz des Informationssystems (Links, Registerkarten und Bildlaufleisten) und Darstellung und Manipulation von Datenwerten (wie z. Etiketten, Kontrollkästchen, Radio Knöpfe, Schieberegler, und Spinner.))

Registerkarten

A Tab ist normalerweise ein rechteckiges kleines Feld, das normalerweise ein Textbezeichnung oder ein grafisches Symbol enthält, das einem Ansichtsbereich zugeordnet ist. Wenn Sie den Ansichtsbereich oder das Fenster aktivieren, werden Widgets angezeigt, die dieser Registerkarte zugeordnet sind. Mit Gruppen von Registerkarten kann der Benutzer schnell zwischen verschiedenen Widgets wechseln. Dies wird in allen modernen verwendet Internetbrowser.[6][7][8][9][10] Mit diesen Browsern können mehrere Webseiten gleichzeitig in einem Fenster geöffnet und schnell zwischen ihnen navigieren, indem Sie auf die mit den Seiten zugeordneten Registerkarten klicken. Die Registerkarten werden normalerweise in Gruppen oben in einem Fenster platziert, können aber auch an der Seite oder unten in einem Fenster gruppiert werden. Registerkarten sind auch in den Einstellungsscheiben vieler Anwendungen vorhanden. Microsoft Windows verwendet beispielsweise Registerkarten in den meisten Dialogen "Bedienfeld".

Interaktionselemente

Einige üblich Redewendungen Für die Interaktion haben sich in der in GUIS verwendeten visuellen Sprache entwickelt. Interaktionselemente sind Schnittstellenobjekte, die den Status einer laufenden Operation oder Transformation darstellen, entweder als visuelle Überreste der Benutzerabsicht (wie z. B. Zeiger) oder als Leistungen Stellen Sie Orte anzeigen, an denen der Benutzer interagieren kann.

Mauszeiger

Hauptartikel: Cursor (Benutzeroberfläche)

Ein Cursor ist ein Indikator, mit dem die Position eines Computermonitors oder eines anderen Anzeigegeräts angezeigt wird, das auf Eingaben von einem Texteingang oder einem Zeigegerät reagiert.

Zeiger

Hauptartikel: Zeiger (Benutzeroberfläche)

Der Zeiger spiegelt Bewegungen des Zeigegerät, häufig a Maus oder Touchpad. Der Zeiger ist der Ort, an dem Aktionen stattfinden, die durch initiiert werden direkte Manipulation Gesten wie zum Beispiel klicken, berühren und ziehen.

Einfügemarke

Das Pflege, Text Cursor oder Einfügemarke repräsentiert den Punkt der Benutzeroberfläche, an der die Fokus befindet sich. Es repräsentiert das Objekt, das als Standardfach von Benutzer initiiert wird Befehle wie das Schreiben von Text, starten a Auswahl oder ein Kopieren Einfügen Betrieb über die Tastatur.

Auswahl

Auswahl eines Bereichs mit Cursor.

A Auswahl ist eine Liste der Elemente, auf denen Benutzeroperationen stattfinden werden. Der Benutzer fügt normalerweise manuell der Liste der Liste hinzu, obwohl der Computer eine Auswahl automatisch erstellen kann.

Anpassungsgriff

A handhaben ist ein Indikator für einen Ausgangspunkt für a Ziehen und Drop Betrieb. Normalerweise ändert sich die Zeigerform, wenn sie am Griff platziert wird, und zeigt ein Symbol an, das den unterstützten Widerstandsvorgang darstellt.

Siehe auch

Verweise

  1. ^ "Fensterdefinition". Linfo.org. 9. August 2004. Abgerufen 19. September 2006.
  2. ^ "Speisekarte". Fctoc.org. Abgerufen 19. September 2006.
  3. ^ a b "Wie man Menüs benutzt". Java.sun.com. Abgerufen 19. September 2006.
  4. ^ "Kontextsensitives Menü". Fctoc.org. Abgerufen 19. September 2006.
  5. ^ "Aufklappmenü". Fctoc.org. 19. September 2006.
  6. ^ "Verwenden Sie Registerkarten in Chrome". Google Chrome Hilfe. Google. Archiviert vom Original am 14. Dezember 2020. Abgerufen 14. Dezember 2020.
  7. ^ Mozilla.org Mitwirkende. "Verwenden Sie Registerkarten, um viele Websites in einem einzigen Fenster zu organisieren". Mozilla -Unterstützung. Mozilla Corporation. Archiviert vom Original am 14. Dezember 2020. Abgerufen 14. Dezember 2020. {{}}: |author= hat generischen Namen (Hilfe)
  8. ^ "Verwenden Sie Registerkarten für Webseiten in Safari auf Mac". Safari -Benutzerhandbuch. Apple Inc. Archiviert vom Original am 14. Dezember 2020. Abgerufen 14. Dezember 2020.
  9. ^ Hoffman, Chris (28. Oktober 2020). "So aktivieren und verwenden Sie vertikale Registerkarten in Microsoft Edge". How-to Geek. Lifesavvy Media. Archiviert vom Original am 14. Dezember 2020. Abgerufen 14. Dezember 2020.
  10. ^ "7 Opera -Funktionen, mit denen viele Registerkarten verwaltet werden können". Opera -Blogs. Opera -Software. 18. November 2015. Archiviert vom Original am 14. Dezember 2020. Abgerufen 14. Dezember 2020.