Was ist UI und wofür steht es?

Andrey_Popov/Shutterstock.com

Wenn Sie auch nur tangential im Bereich Webdesign oder Grafikdesign tätig sind, haben Sie den Begriff “UI,” oder “UI-Design.” Sie haben vielleicht auch gesehen, dass es austauschbar mit “UX,” Was ist es also und wie unterscheidet es sich?

In Wahrheit sind UI und UX nicht dasselbe. Im Folgenden erfahren Sie, was UI ist und wofür es steht.

Was ist UI und was bedeutet es?

UI ist die Abkürzung für “Benutzeroberfläche.” Es sind die Elemente einer Website oder App, mit denen der Benutzer interagiert, während er auf der Seite oder im Programm navigiert — das grafische Layout einer Anwendung. Seiten- und App-Elemente, die als Benutzeroberfläche gelten, umfassen:

• Schaltflächen
• Text
• Bilder
• Schieberegler
• Bildlaufleisten
• Formularfelder
• Seitenlayout

Grundsätzlich ist alles, mit dem ein Benutzer interagiert, Teil der Benutzeroberfläche. Aus diesem Grund ist Ästhetik ein großer Teil des UI-Designs jeder Website oder App.

Adobe erklärt die Benutzeroberfläche in seinem XD-Design-Blog wie folgt:

“Eine Benutzeroberfläche ist ein Ort, an dem Interaktionen zwischen Mensch und Maschine stattfinden. Es ermöglicht Benutzern, eine Maschine effektiv zu bedienen, um eine Aufgabe zu erledigen oder ein bestimmtes Ziel zu erreichen, z. B. einen Kauf zu tätigen oder eine App herunterzuladen.”

Werbung

UX, auf der bedeutet andererseits “Benutzererfahrung.” Und obwohl die Benutzeroberfläche die UX definitiv beeinflussen kann, sind sie nicht dasselbe.

Verschiedene Arten von Benutzeroberflächen

Die Benutzeroberfläche jedes Geräts umfasst sowohl Hardware als auch Software. Alles, von der Tastatur, die Sie verwenden, über die URL bis hin zum Seitenleistenmenü der von Ihnen besuchten Website, ist Teil der Benutzeroberfläche.

Die Hardware einer Benutzeroberfläche kann in zwei Kategorien unterteilt werden:

• Eingabehardware: Geräte, mit denen Personen die Maschine von ihrem Ende aus steuern können, wie eine Maus oder ein Tablet.
• Ausgabehardware: Geräte, die dem Benutzer Informationen liefern, wie Monitore und Lautsprecher.

Laut Adobe gibt es drei Arten von Benutzeroberflächen: Befehlszeilenschnittstellen, grafische Benutzeroberflächen (auch GUI genannt) und sprachgesteuerte Benutzeroberflächen.

Befehlszeilenschnittstellen waren die ersten Benutzeroberflächen aus den 1970er Jahren. Benutzer würden einen Befehl eingeben und der Computer würde mit einer Textzeile antworten. Diese Benutzeroberflächen erfordern Kenntnisse der Maschinensprache und wurden in heutigen Computern weitgehend durch grafische Benutzeroberflächen (GUIs) ersetzt. Sie werden jetzt hauptsächlich in der Computerprogrammierung und Systemverwaltung verwendet.

VERWANDTE: Befehlszeilen: Warum beschäftigen sich die Leute immer noch damit?

GUIssind die Schnittstellen, mit denen die meisten modernen Benutzer vertraut sind. Grafiken wie Symbole und Cursor ermöglichen es Benutzern, mit digitalen Produkten zu interagieren. Wenn Sie den Mauspfeil bewegen, um auf das Spotify-Symbol zu klicken, damit Sie Musik abspielen können, ist das eine GUI. Die Icons, mit denen wir regelmäßig auf unseren Smartphones interagieren? Auch eine GUI. Diese UI-Systeme ermöglichten die weit verbreitete Verwendung von Computern, wie wir sie heute kennen.

Sprachgesteuerte Benutzeroberflächen ermöglichen es Benutzern, mit einem digitalen System nur mit ihrer Stimme zu interagieren. In den letzten Jahren sind sprachgesteuerte Benutzeroberflächen über digitale Assistenten wie Alexa, Siri und Google Assistant immer beliebter geworden.

VERWANDTE: Was ist Google Assistant, und was kann es tun?

Elemente einer guten Benutzeroberfläche

Jeder Designer wird Ihnen sagen, dass eine gute Benutzeroberfläche der Schlüssel zu einem guten Produkt ist. Wenn etwas nicht einfach zu bedienen ist, wird es sich nicht durchsetzen. Eine gut gestaltete Benutzeroberfläche wird sein:

• Vertraut: Die Leute werden in der Lage sein, die Verwendung des Programms basierend auf ihren bisherigen Erfahrungen zu erkennen .
• Klar: Die Funktion jedes Elements in Ihrer Benutzeroberfläche sollte der Person, die es verwendet, klar sein.
• Konsistent: Elemente sollten im gesamten Produkt konsistent sein, damit die Benutzer Muster erkennen können.
• Effizient: Es sind nur minimale Benutzereingaben erforderlich, um die gewünschte Ausgabe zu erzielen. Für erfahrenere Benutzer werden Verknüpfungen bereitgestellt.
• Verzeihen: Eine gute Benutzeroberfläche verzeiht, wenn jemand einen Fehler macht, z. Googles “Meinten Sie” Link in den Suchergebnissen.

UI-Designer erstellen Simulationen eines Systems und testen es an der beabsichtigten Zielgruppe, bevor sie es akzeptieren und in die Produktion überführen. Idealerweise hat es alle oben genannten Eigenschaften.

WEITER LESEN

• › Chrome 93 ist da für Mac, Windows, Android und iPhone
• › So ändern Sie die Bildschirmhelligkeit unter Windows 11
• › Was sind “Zeitempfindlich” Benachrichtigungen auf dem iPhone?
• › Einer der Hauptgründe für Strava zu bezahlen ist jetzt kostenlos
• › So aktivieren Sie den Sprachzugriff beim Betrachten Ihres Android-Telefons