Grundlagen des Human Interface Design

Grundlagen des Human Interface Design

Jeder vermarktet seine App als „einfach zu bedienen“ aber wir alle wissen, dass nur ein kleiner Teil der Apps wirklich intuitiv ist. Was unterscheidet benutzerfreundliche Apps wirklich vom Rest? Vor allem sind es die Produkte, welche HID - Human Interface Design veranschaulichen.

HID ist die Essenz dessen was das „Design“ von Software für Menschen intuitiv macht. Es sollte niemals ein Schulungshandbuch erforderlich sein, um das Produkt zu verwenden.

Bei „Design“ geht es in diesem Zusammenhang jedoch nicht nur um die Benutzeroberfläche und Funktionen: Es reicht von Ikonografie, Organisation und Animationen bis hin zu Wisch- / Hover- / Klick-Aktionen und der Platzierung von Funktionen und Elementen. HID umfasst sogar die Elemente der Priorisierungs-Benutzeroberfläche sowie die Konsistenz und Vertrautheit während des gesamten Produkterlebnisses.

HID kann als Software-Schnittstelle mit der realen Welt angesehen werden – hier einige Beispiele dafür:

iOS

iOS hat Tap- und Swipe-Gesten hinzugefügt um das Manipulieren von Dingen mit deinen Händen darzustellen. Im wirklichen Leben kann dies das Öffnen einer Tür (Wischen zum Entsperren), das Umblättern einer Seite in einem Buch (Wischen nach rechts oder links) und das Einschalten eines Lichts (Ändern einer Einstellung mit einem Ein / Aus-Schalter) sein. Dies sind sehr vertraute Dinge in der realen Welt, bei denen Apple viel Zeit damit verbracht hat herauszufinden wie sie in einem mobilen Software-Interface ab Besten dargestellt werden könnte.

Spotify

Spotify ist ein weiteres Unternehmen das das mobile HID-Design auf ein neues Niveau gebracht hat. Das Team verwendet hauptsächlich Richtlinien aus dem nativen iOS-Design für die visuelle Benutzeroberfläche. Wie oben erwähnt geht es jedoch nicht nur um die Benutzeroberfläche, sondern auch darum wie die gesamte Benutzeroberfläche verpackt ist und zusammenarbeitet. Die Platzierung der Hauptelemente wie Scrubber und Musiksteuerelemente befinden sich am unteren Bildschirmrand aus dem Grund wie die Benutzer ihre Telefone halten (Daumen zum Scrubben). Das Spotify-Team verwendet auch vertraute Ikonografien und Kopien von früheren Arten des Musikhörens (d. H. Radio, Mischen, Wiederholen).

Waze

Waze betonte die wichtigsten Elemente seines Produkts in der Benutzeroberfläche - die Karte, alle anderen Elemente des Produkts wurden weniger hervorgehoben als das Wichtigste: Wo bin ich jetzt? Wohin gehe ich?

Es ist auch erwähnenswert, dass die Symbole von Waze besonders effektiv sind.

Facebook

Facebook hat den Newsfeed- und Like-Button erstellt. Der Newsfeed nahm das Konzept einer realen Zeitung auf und wandte es auf eine Softwareschnittstelle an. Der Benutzer kann eine Seite mit Nachrichten und Aktualisierungen zu bestimmten interessanten Themen nach oben und unten scrollen - genauso wie eine Person zwischen verschiedenen Abschnitten einer Zeitung wechseln kann um verschiedene Artikel zu lesen.

Der Facebook Like-Button ist ein weiteres starkes Beispiel: das Daumen hoch-Symbol. Der Sinn der Schaltfläche "Gefällt mir" besteht darin Übereinstimmung oder gemeinsames Verständnis zu vermitteln ohne zu sprechen oder zu schreiben. In der realen Welt gibst du jemandem einen physischen Daumen nach oben.

In Anbetracht der oben beschriebenen HID-Beispiele sind hier einige wichtige Produktbereiche aufgeführt auf die beim Designen dringend geachtet werden sollte. Denke sorgfältig über HID und ob eine Person verstehen kann, wie eine Funktion (basierend auf realen Erfahrungen) verwendet wird, nach.