Die Kunst der Einfachheit im UI-Design meistern

Ganz gleich, ob sie eine grafische oder textbasierte Benutzeroberfläche entwerfen, UI-Designer sind immer auf der Suche nach einem besseren Endprodukt. Diese Suche führt sie meistens zu einer grundlegenden, aber weitreichenden Frage: Wie kann ich mein Design einfacher gestalten?

Einfaches Design scheint ein unkomplizierter Prozess zu sein, aber fragen Sie einen beliebigen Entwickler oder Designer, und er wird Ihnen sagen, dass dies leichter gesagt als getan ist. Wie können Sie Ihr UI- oder GUI-Design am besten vereinfachen? Folgen Sie unserem Leitfaden, um eine Vorstellung davon zu bekommen, was Sie tun sollten und was nicht, um einen besseren Erfolg zu erzielen.

Wie man ein schlechtes Design macht

Manchmal Verständnis der gegenteiliges Ergebnis Ihres Ziels kann Ihnen helfen, besser zu verstehen, wie Sie es erreichen können. Fallbeispiel: Nehmen wir das Beispiel Kühlschrank X.

Die heutigen Appliances auf Verbraucherebene werden normalerweise mit einer UI-Konsole zum Programmieren oder Konfigurieren geliefert. So sind die Entwickler der Benutzeroberfläche für Kühlschrank X an ihr Design herangegangen:

•  Komplexe, vielschichtige MenüsDie Designer hier hielten ihre Optionen hoch organisiert in mehrschichtigen Menüs, die ihrem Team alles klar umrissen. Zu das Designteam, erleichterten die mehrschichtigen Menüs das Auffinden und den Zugriff auf jede einzelne Funktion, die sie zum Testen benötigten. Aber wie sieht dieses Menüsystem aus Sicht des Endbenutzers aus? Für alltägliche Benutzer machen komplizierte, mehrstufige Menüs die Benutzeroberfläche verwirrend und frustrierend, um Funktionen zu finden und dann bevorzugte Funktionen festzulegen.
• Branchenspezifische Terminologie und AbkürzungenFür einen Kühlschrankdesigner ist es absolut sinnvoll, einen Begriff wie „Temperature Control System“ zu „TCS“ abzukürzen, aber ist es für einen Endbenutzer, der mit der Kühlschrankterminologie nicht vertraut ist, genauso sinnvoll? Für sie ist es nichts weiter als eine verwirrende Reihe von Akronymen ohne klare Erklärung.
• Leicht verwechselte Befehle und OptionenMehrdeutige oder sich wiederholende Befehle sehen in ihrem spezifischen Kontext wahrscheinlich gut aus – für einen Designer oder Programmierer – aber wenn ähnliche Befehle in einer Benutzeroberfläche vorhanden sind, sind sie es wahrscheinlich hoch verwirrend für einen Endbenutzer. Wenn beispielsweise der Begriff „Temperatur ändern“ unter zwei separaten Menüs für den Kühl- und den Gefrierbereich von Kühlschrank X vergraben ist, können Benutzer die beiden möglicherweise nicht voneinander unterscheiden – und am Ende stehen gefrorener Ketchup und geschmolzene Eiscreme.

Aus Herstellersicht könnte man vielleicht argumentieren, dass dieses Design für die UI-Programmierer hilfreich war. Immerhin hat der Ansatz die Entwicklung für das Team etwas einfacher und schneller gemacht.

Der kritische Punkt bei jedem Design ist jedoch, den Endbenutzer zu erkennen (egal wer das ist). Werden die Programmierer und Designer von Refrigerator X die einzigen Endbenutzer für ihr Produkt sein? Natürlich nicht – und da haben sie einen gewaltigen Fehler gemacht.

Die Quintessenz hier ist, das „Wer“ hinter Ihrem Design zu respektieren. Und in fast allen Fällen bedeutet das, dass einfacher besser ist.

3 Designprinzipien für eine bessere UI/GUI

Befolgen Sie diese 3 Grundprinzipien während Ihres UI-Designs und Ihrer Implementierung, um die besten Ergebnisse zu erzielen.

1. Kenne deine Zuhörer.Einfachheit beginnt und endet bei Ihren Endbenutzern. Schauen Sie sich das oben besprochene Beispiel für ein schlechtes Menüdesign an. Ihre Endbenutzer finden ein mehrschichtiges Menüsystem nicht bequem oder einfacher zu verstehen und zu verwenden. Stattdessen macht dieses komplizierte Menü das Ändern einer Kühlschrankeinstellung zu einem großen Aufwand. Wenn Sie Ihr Publikum kennen, können Sie besser verstehen, wie Sie Ihr Design vereinfachen können. Behalten Sie diese Fragen im Hinterkopf, wenn Sie Ihre Benutzeroberfläche reduzieren:

   Wie werden Personen auf dieses Gerät/diese Ausrüstung zugreifen oder es verwenden?
   Wo werden die Geräte installiert oder verwendet?
   Was sind die am häufigsten geänderten oder aufgerufenen Optionen?

   Fragen wie diese helfen Ihnen, sich in den Köpfen der Geräte- oder Gerätebesitzer zurechtzufinden. Infolgedessen können sie Ihnen das Wissen vermitteln, das Sie benötigen, um Ihr UI-Design zu vereinfachen.

2. Hören Sie auf Ihre Benutzer.Um Ihr Publikum und seine Bedürfnisse besser zu verstehen, müssen Sie zunächst aktiv zuhören, was es sagt. Designer können ein Menüdesign möglicherweise nicht so sehen wie ein typischer Endbenutzer. Wer könnte besser nach Funktionen und Benutzerfreundlichkeit fragen als die Benutzer selbst. Das Einholen von echtem Benutzerfeedback kann Entwicklern und Designern viel mehr Einblick in das geben, was das Beste für ihre Benutzeroberflächen ist. Stellen Sie sicher, dass Sie diesen Aspekt in die Entwicklung einbeziehen, um der Benutzerfreundlichkeit noch bessere Gesamtergebnisse zu verleihen.

3. Testen, testen, testen auf Usability (nicht nur Funktionalität).Offensichtlich verbringen Programmierer viel Zeit damit, die Gesamtfunktionalität ihrer Benutzeroberfläche zu testen. Wir alle wissen, dass Programmierfehler oder -probleme ein großes Problem für Geräte, Haushaltsgeräte und andere Ausrüstungen sind. Das Prinzip von Einfachheit des Designs beruht jedoch nicht nur auf der Funktionalität. Es beruht auch auf der Benutzerfreundlichkeit. Wenn Sie Grafikcode für Ihre Benutzeroberfläche generieren und während der Entwicklung auf Testhardware ausführen, haben Sie die Möglichkeit, BEIDES zu testen, bevor das Produkt auf die endgültige Hardware geht. Dies spart letztendlich Zeit und Geld und erhöht die Benutzerfreundlichkeit Ihres Endprodukts. Es ist eine Win-Win-Win-Situation!

Auf ein einfaches, effektives UI-Design hinarbeiten

Ironischerweise müssen UI-Entwickler arbeiten Schwerer um ihre Benutzeroberflächen zu erstellen einfacher. Es ist keine einfache Aufgabe, alle notwendigen Komponenten eines Geräts in einer benutzerfreundlichen und komfortablen Oberfläche zu integrieren. Arbeiten Sie jedoch im Interesse Ihrer Kunden und Endbenutzer auf den heiligen Gral des vereinfachten Designs hin.

Indem man sieht, was nicht zu tun und Ihrem Publikum zuzuhören, werden Sie Ihren Weg zu einfacheren und zugänglicheren Benutzeroberflächen finden. Verlieren Sie diese Prinzipien nie aus den Augen, um sicherzustellen, dass Sie während Ihrer gesamten Entwicklung auf dem richtigen Weg bleiben.