Die Benutzeroberfläche ist die Ebene der Kommunikation zwischen Mensch und Computer. Es gibt zwei Ebenen der Tiefe: die sensorische und die emotionale Ebene. Die sensorische Ebene bezieht sich auf die visuelle, taktile und auditive Ebene zwischen Mensch und Maschine. Die emotionale Ebene bezieht sich auf die Beziehung zwischen Mensch und Maschine als Ergebnis der Kommunikation. Mit einem Wort, die Gestaltung der Benutzeroberfläche ist auf den Menschen ausgerichtet, was die Benutzung des Produkts einfach und angenehm macht.

Der Arbeitsablauf bei der Gestaltung von Benutzeroberflächen

Der Arbeitsablauf bei der Gestaltung von Benutzeroberflächen gliedert sich in drei Teile: Strukturdesign, Interaktionsdesign und visuelles Design.

- Struktur-Design

Strukturelles Design, auch konzeptionelles Design genannt, ist das Grundgerüst des Schnittstellendesigns. Entwickeln Sie die Gesamtarchitektur des Produkts durch Benutzerforschung und Aufgabenanalyse. Papierbasierte Low-Fidelity-Prototypen können von den Benutzern getestet und verfeinert werden. Beim strukturellen Design sind die logische Klassifizierung und die Wortdefinition des Katalogsystems wichtige Voraussetzungen dafür, dass die Benutzer es verstehen und leicht bedienen können. 

- Interaktiver Entwurf

Das Ziel des Interaktionsdesigns ist es, das Produkt für den Benutzer leicht bedienbar zu machen. Die Realisierung jeder Produktfunktion wird durch die Interaktion zwischen Mensch und Maschine erreicht. Daher sollte der menschliche Faktor als Kernstück des Designs berücksichtigt werden. Die Grundsätze des Interaktionsdesigns lauten wie folgt: 

1) Klare Fehlermeldung. Nach einer Fehlbedienung gibt das System gezielte Hinweise.

2) Überlassen Sie dem Benutzer die Kontrolle über die Schnittstelle: "Nächster Schritt", "Fertigstellen", mit verschiedenen Ebenen, um eine Vielzahl von Wahlmöglichkeiten zu bieten, um verschiedenen Benutzerebenen eine Vielzahl von Möglichkeiten zu bieten.

3) Erlauben Sie die Verwendung von Maus und Tastatur. In der gleichen Funktion können Sie eine Maus und eine Tastatur zur gleichen Zeit verwenden. Bietet eine Vielzahl von Möglichkeiten.

4) Erlauben Sie Arbeitsunterbrechungen. Beispiel: Wenn Sie eine neue Textnachricht auf Ihrem Handy schreiben, erhalten Sie eine Textnachricht oder einen Anruf, und wenn Sie zurückkommen, können Sie die neue Textnachricht, die Sie gerade geschrieben haben, immer noch finden.

5) Verwenden Sie die Sprache der Benutzer, nicht die Fachsprache.

6) Geben Sie schnelles Feedback. Geben Sie den Benutzern psychologische Hinweise, um Ängste zu vermeiden.

7) Bequemer Ausstieg. Der Ausstieg aus dem Telefon erfolgt entweder durch Drücken einer Taste oder durch schichtweises Aussteigen. Zwei Möglichkeiten werden angeboten.

8) Navigationsfunktion. Es ist einfach, von einer Funktion zur anderen zu springen, indem man die Funktionen im Laufe der Zeit verschiebt.

9) Informieren Sie den Benutzer über seinen aktuellen Standort und lassen Sie ihn über die nächste Aktion entscheiden.

- Visuelle Gestaltung

Auf der Grundlage der strukturellen Gestaltung wird die visuelle Gestaltung unter Berücksichtigung des psychologischen Modells und der Aufgabenerfüllung der Zielgruppe durchgeführt. Dazu gehören Farbe, Schriftart, Seite, etc. Das visuelle Design sollte den Zweck erfüllen, dem Benutzer Freude zu bereiten. Die Grundsätze der visuellen Gestaltung lauten wie folgt:

1) Klare und übersichtliche Schnittstelle. Ermöglicht den Benutzern die Anpassung der Schnittstelle.

2) Verringerung der Belastung des Kurzzeitgedächtnisses. Lassen Sie den Computer helfen, sich zu erinnern, zum Beispiel, Benutzername, Passwort, IE in die Schnittstelle Adresse kann die Maschine zu erinnern.

3) Verlassen Sie sich auf die Kognition und nicht auf das Gedächtnis. Wie z.B. Drucksymbol Speicher, Dropdown-Menü-Liste Auswahl

4) Bieten Sie visuelle Anhaltspunkte. Visuelle Anreize durch grafische Symbole; GUI (Graphical Interface Design): Wo, Was, Nächster Schritt

5) Bieten Sie die Funktionen Standard, Rückgängig und Wiederherstellen

6) Bieten Sie Abkürzungen zur Schnittstelle an.

7) Verwenden Sie, wann immer möglich, Metaphern aus der realen Welt. Wie z.B. Telefon, Druckersymbole, respektieren Sie die bisherigen Erfahrungen des Benutzers.

8) Verbessern Sie die visuelle Klarheit. Seien Sie gut organisiert; lassen Sie die Benutzer das Layout und die Metapher von Bildern und Wörtern nicht erraten.

9) Interface-Koordination und Konsistenz.Wenn die Handy-Schnittstelle Taste Emissionen, die linke Taste Bestätigung; Rechtsklick Negation; Oder durch den Inhalt.

10) Gleiche Funktion mit der gleichen Grafik.

11) Farbe und Inhalt. Die gesamte Software sollte nicht mehr als 5 Farbsysteme sein. Versuchen Sie, weniger rote und grüne Farben zu verwenden. Die ungefähre Farbe gibt die ungefähre Bedeutung an.