.svg)
.svg)
.svg)
Das Design von Benutzeroberflächen (UI) ist der Prozess, den Designer verwenden, um Schnittstellen in Software oder computergestützten Geräten zu gestalten, wobei sie sich auf das Aussehen oder den Stil konzentrieren. Ziel der Designer ist es, Schnittstellen zu schaffen, die für die Benutzer einfach zu bedienen sind und ihnen Spaß machen. UI-Design bezieht sich auf grafische Benutzeroberflächen und andere Formen, z. B. sprachgesteuerte Schnittstellen.
Spannendes UX/UI-Projekt?
+49 (0) 221 / 82 82 18 36
christian@artyspark.io
Gestaltung von User Interfaces für Benutzer
Benutzeroberflächen sind die Zugangspunkte, an denen Benutzer mit Designs interagieren. Es gibt sie in drei Formaten:
- Grafische Benutzeroberflächen (GUIs) - Benutzer interagieren mit visuellen Darstellungen auf digitalen Bedienfeldern. Der Desktop eines Computers ist eine GUI.
- Sprachgesteuerte Schnittstellen (VUIs) - Benutzer interagieren mit diesen durch ihre Stimme. Die meisten intelligenten Assistenten – z. B. Siri auf dem iPhone und Alexa auf Amazon-Geräten – sind VUIs.
- Gestenbasierte Schnittstellen – Benutzer interagieren mit 3D-Designräumen durch Körperbewegungen, z. B. in Virtual-Reality-Spielen (VR).
Um UIs optimal zu gestalten, sollten Sie Folgendes berücksichtigen: Benutzer beurteilen Designs schnell und achten auf Benutzerfreundlichkeit und Sympathie. Sie interessieren sich nicht für Ihr Design, sondern dafür, dass sie ihre Aufgaben einfach und mit minimalem Aufwand erledigen können. Ihr Design sollte daher "unsichtbar" sein: Die Nutzer sollten sich nicht darauf konzentrieren, sondern auf die Erledigung ihrer Aufgaben.
Verstehen Sie also die Kontexte und Aufgabenabläufe Ihrer Nutzer (die Sie z. B. anhand von Customer Journey Maps ermitteln können), um die besten, intuitivsten Benutzeroberflächen abzustimmen, die nahtlose Erfahrungen liefern.
UIs sollten auch Spaß machen (oder zumindest zufriedenstellend und frustfrei sein).
Wenn Ihr Design die Bedürfnisse der Benutzer vorhersagt, können diese personalisiertere und intensivere Erlebnisse genießen. Wenn Sie sie begeistern, werden sie immer wiederkommen. Wo es angebracht ist, können Gamification-Elemente Ihr Design noch unterhaltsamer machen. Benutzeroberflächen sollten Markenwerte vermitteln und das Vertrauen der Nutzer stärken.
Gutes Design ist emotionales Design. Nutzer verbinden gute Gefühle mit Marken, die sie auf allen Ebenen ansprechen und die Magie angenehmer, nahtloser Erfahrungen lebendig halten.
„Geht davon aus, dass sie Eure Erwartungen übererfüllen werden, fachlich wie menschlich.“
UI vs. User Experience (UX) Design
Das UI-Design wird oft mit dem UX-Design verwechselt und befasst sich eher mit der Oberfläche und dem allgemeinen Gefühl eines Designs. UI-Design ist ein Handwerk, bei dem die UI-Designer einen wesentlichen Teil des Benutzererlebnisses gestalten. UX-Design deckt das gesamte Spektrum des Benutzererlebnisses ab. Eine Analogie besteht darin, sich das UX-Design als ein Auto vorzustellen und das UI-Design als die Steuerkonsole.
"Schnittstellen stehen im Weg. Ich möchte meine Energie nicht auf eine Schnittstelle konzentrieren. Ich will mich auf die Arbeit konzentrieren."
– Don Norman, der große alte Mann des UX-Designs
Wie man großartige UIs gestaltet
Lernen Sie die Grundprinzipien des UI-Designs.
Um beeindruckende Benutzeroberflächen zu erstellen, sollten Sie daran denken, dass die Benutzer Menschen sind, die Bedürfnisse haben und deren geistige Fähigkeiten begrenzt sind.
Sie sollten diese Richtlinien befolgen:
- Sorgen Sie dafür, dass Schaltflächen und andere gängige Elemente vorhersehbar funktionieren (einschließlich Reaktionen wie Auf-und Zuziehen), damit die Benutzer sie unbewusst überall verwenden können. Die Form sollte der Funktion folgen.
- Sorgen Sie für eine hohe Erkennbarkeit. Beschriften Sie Symbole klar und weisen Sie auf die Möglichkeiten hin, die sie bieten: z. B. Schatten für Schaltflächen.
- Halten Sie die Schnittstellen einfach (mit Elementen, die nur den Zwecken der Benutzer dienen) und schaffen Sie ein "unsichtbares" Gefühl.
- Achten Sie beim Layout auf das Auge und die Aufmerksamkeit des Benutzers.
- Achten Sie auf Hierarchie und Lesbarkeit:
Verwenden Sie die richtige Ausrichtung. Wählen Sie in der Regel eine Ausrichtung am Rand (statt in der Mitte).
- Lenken Sie die Aufmerksamkeit auf wichtige Merkmale durch:
Farbe, Helligkeit und Kontrast. Vermeiden Sie die übermäßige Verwendung von Farben oder Schaltflächen.
- Minimieren Sie die Anzahl der Aktionen zur Ausführung von Aufgaben, aber konzentrieren Sie sich auf eine Hauptfunktion pro Seite. Leiten Sie die Benutzer durch Angabe der bevorzugten Aktionen. Erleichtern Sie komplexe Aufgaben durch progressive Offenlegung.
- Bringen Sie Bedienelemente in der Nähe von Objekten an, die der Benutzer steuern möchte. Zum Beispiel sollte eine Schaltfläche zum Absenden eines Formulars in der Nähe des Formulars zu finden sein.
- Informieren Sie die Benutzer durch Rückmeldungen über die Reaktionen / Aktionen des Systems.
- Verwenden Sie geeignete UI-Designmuster, um die Benutzer zu führen und die Belastung zu verringern (z. B. vorausgefüllte Formulare). Hüten Sie sich vor der Verwendung von dunklen Mustern (dark patterns), wie z. B. schwer erkennbaren, vorausgefüllten Opt-In / Opt-Out-Kontrollkästchen und dem Einschleusen von Artikeln in den Warenkorb der Benutzer.
- Achten Sie auf die Markenkonsistenz.
- Bieten Sie immer die nächsten Schritte an, die die Nutzer unabhängig von ihrem Kontext auf natürliche Weise ableiten können.
