Dein User Interface (UI) richtig gestalten und umsetzen

Q: Welche Arten von User Interfaces gibt es?

Durch unseren technischen Fortschritt und die Tatsache, dass in nahezu jedem Haushalt ein Computer steht, wurden verschiedene Arten von User Interfaces entwickelt. Command Line Interface (CLI): Befehlseingabe über Kommandozeile. Stammt aus Anfangszeit der Computer. Rechner konnten keine grafische Benutzeroberfläche laden. Voice User Interface (VUI): Benutzeroberfläche wird per Sprache gesteuert. Sprachassistenten wie Alexa, Siri oder S-Voice. Stimmerkennung. Umwandlung von gesprochenem Text. Text User Interface (TUI): Anwendungsschnittstelle über Textmodus. Installation von Betriebssystemen. Setup-Einstellungen von Programmen. Max. 256 Zeichen eines Zeichensatzes. Graphical User Interface (GUI): Bedieneroberfläche wird grafisch dargestellt. Durch Klicks mit der Maus auf Menüs oder Symbole werden Aktionen ausgeführt. Viele Programme im Alltag. Vorbild ist die Reale Welt: Papierkorb = Daten löschen, Ordner = Daten virtuell ablegen. Natural User Interface (NUI): Benutzeroberfläche ist möglichst intuitiv und natürlich. Die Anwendung erfolgt durch Bewegung, Berührungen oder Sprache. Touchscreens, Spracheingaben

Was ist das User Interface und was ist das User Interface Design?

User Interface

Als User Interface, kurz auch UI genannt, wird die die Benutzeroberfläche zum Bedienen und Steuern einer Software bezeichnet. Übersetzt bedeutet User Interface auch „Benutzerschnittstelle“. Es stellt eine Schnittstelle zwischen dem Nutzer und der Maschine dar. Im Optimalfall ist diese intuitiv bedienbar. Das heißt: Für Deinen Webseiten Besucher solltest Du das User Interface so gestalten, dass er es effektiv und ohne große Vorkenntnisse bedienen kann.

User Interface Design

Das User Interface Design, oder kurz UI Design, konzentriert sich auf alle Designbereiche der Benutzeroberfläche, mit welchen Dein Nutzer konfrontiert wird. Die Information, die Du ihm geben möchtest, muss für Ihn leicht nachvollziehbar und verständlich sein. Dabei hilft Dir ein ordentlich strukturiertes UI Design. Bei der Entwicklung Deines UI Design, solltest Du Dir überlegen, mit welcher Absicht Dein Besucher auf Deine Webeseite kommt und wie Du ihn am schnellsten zu seinem Ziel bringst.

Ist das User Interface wichtig für meine Webseite?

Deine Benutzerschnittstelle kann indirekt den Erfolg Deiner Seite in den SERPs beeinflussen, obwohl es nicht direkt mit SEO verbunden ist. Der Googlebot misst Faktoren wie zum Beispiel die Absprungrate, die Verweildauer und Deine Conversion-Rate.

MERKE: Je leichter Du Deinem Nutzer die Navigation auf Deiner Webseite machst, desto zufriedener ist er. Du solltest also darauf achten, dass Dein UI für Deinen Kunden leicht bedienbar ist und durch Dein UX Design den Besuch Deiner Webseite zum Erlebnis macht.

Was ist der Unterschied zwischen User Interface Design und User Experience Design?

Dein UI Design umfasst die grafischen Elemente der Benutzeroberfläche. Deinem Nutzer soll eine reibungslose Interaktion auf Deiner Webseite ermöglicht werden.
Dein User Experience Design sorgt für das Erlebnis und den Spaß an der Nutzung Deiner Webseite. Beim UX kommt oft das mittlerweile gelernte Verhalten Deiner Besucher zum Tragen. Zum Beispiel, dass Dein Logo oben links auf Deiner Webseite ist und Dein Menü oben rechts.
Beide Designbereiche gehen Hand in Hand miteinander und beeinflussen sich gegenseitig. Ein funktionierendes UI Design und ein ansprechendes User Experience Design bringen Deine Website zum Erfolg.

Das Bild zeigt eine grafische Darstellung des Unterschieds zwischen einem User Interface und der User Experience. Das User Interfache ist mit einem Auge dargestellt. Darunter ist Stichpunktartig beschrieben, dass beim User Interface dass Aussehen durch den (Verwendungs-) Zweck bestimmt ist und dass der Fokus auf der guten Bedienbarkeit liegt. Im Gegensatz dazu steht die User Experience, welche durch ein Herz dargestellt ist. Darunter stehen die Stichpunkte, dass das Aussehen durch die optimale Nutzer-Erfahrung bestimmt ist und dass der Fokus auf dem Wohlbefinden des Nutzers liegt. — Grafische Darstellung des Unterschieds zwischen einem User Interfache und der User Experience

Welche Arten von User Interfaces gibt es?

Durch unseren technischen Fortschritt und die Tatsache, dass in nahezu jedem Haushalt ein Computer steht, wurden verschiedene Arten von Benutzeroberflächen entwickelt.

	EINGABE- & AUSGABEFORM	ANWENDUNGSBEREICH
Command Line Interface (CLI)	Befehlseingabe über Kommandozeile	Stammt aus Anfangszeit der Computer Rechner konnten keine grafische Benutzeroberfläche laden
Voice User Interface (VUI)	Benutzeroberfläche wird per Sprache gesteuert	Sprachassistenten wie Alexa, Siri oder S-Voice. Stimmerkennung Umwandlung von Gesprochenem in Text
Text User Interface (TUI)	Anwendungsschnittstelle über Textmodus	Installation von Betriebssystemen Setup-Einstellungen von Programmen max. 256 Zeichen eines Zeichensatzes
Graphical User Interface (GUI)	Bedieneroberfläche wird grafisch dargestellt. Durch Klicks mit der Maus auf Menüs oder Symbole werden Aktionen ausgeführt	viele Programme im Alltag Vorbild ist die reale Welt: Papierkorb = Daten löschen Ordner = Daten virtuell ablegen
Natural User Interface (NUI)	Benutzeroberfläche ist möglichst intuitiv und natürlich. Die Anwendung erfolgt durch Bewegung, Berührungen oder Sprache.	Touchscreens Spracheingaben

Golden Circle

Golden Circle Marketingmodell zur Vermarktung von Produkten und Dienstleistungen. Wie das Modell funktioniert erfährst du hier bei uns! ... Weiterlesen

CPC (Cost per Click)

Die Abkürzung CPC bedeutet Cost per Click. Hierbei handelt es sich um eine Abrechnungsmethode, die im Suchmaschinenmarketing genutzt wird. Hier erfährst Du mehr! ... Weiterlesen

AIDA-Modell

Das AIDA-Modell zeigt Dir die vier Phasen des Verkaufsprozesses und gibt Dir Einblicke in die Werbewirkung Deiner Maßnahmen. Das Modell besteht seit über 100 Jahren und hat sich über die Zeit sehr in Marketing und PR etabliert. Erfahre hier mehr dazu! ... Weiterlesen