Blog
/
Häufige UI-Designfehler und wie man sie vermeidet

Häufige UI-Designfehler und wie man sie vermeidet

Natürlich gibt es beim Entwerfen einer Benutzeroberfläche (UI) so viele Dinge zu beachten, weil es wirklich einfach ist und Spaß macht. Einige der häufigsten UI-Fehler und wie man sie vermeidet.

Schlechte Ikonographie

Symbole sollen eine intuitive Art sein, Informationen zu vermitteln, aber es scheint, dass viele Anwendungen am Ende nur mehrdeutige und ungewohnte Symbole haben. Das könnte die Leute verwirren, die nicht wissen, wofür dieses Symbol steht.

Beispielsweise führt die Verwendung eines abstrakten Symbols im Vergleich zu einer allgemein anerkannten Form (Ersatzzahnradsymbol für die Schaltfläche „Einstellungen“) zu Mehrdeutigkeiten. Vermeiden Sie beispielsweise die Verwendung erklärungsbedürftiger Symbole: Verwenden Sie allgemein erkennbare Symbole und fügen Sie bei Bedarf eine Textbeschriftung hinzu, um das Ganze klarer zu machen.

Schaltflächen-Stile

Benutzer haben Schwierigkeiten zu verstehen, worauf sie klicken können und warum, weil die Schaltflächen inkonsistent gestaltet sind. Wenn zufällige abgerundete Ecken verstreut sind oder wenn Schatten derselben Farbe bedeuten, dass verschiedene Teile, mit denen Sie interagieren, eine Aktion ausführen, folgt Ihre Benutzeroberfläche diesen Mustern nicht.

Auf diese Weise haben Sie eine Liste von Schaltflächenstilen, die Sie für primäre Aktionen (z. B. fette Farbe), sekundäre Aktionen (z. B. subtile Schattierung) und deaktivierte Zustände verwenden können, sodass Sie nie wieder von solchen Designkreuzzügen in Versuchung geführt werden!

Delinquente typografische Skala

Es führt Benutzer zu ihren Inhalten und hilft dem Benutzer dabei, durch Überschriften, Unterüberschriften, Textkörper usw. zu navigieren und zu scannen. Das Fehlen von Hierarchien kann dazu führen, dass viele Textblöcke auf Bildschirmen schwer zu scannen sind. Beispielsweise kann eine sehr ähnliche Größe und Gewichtung dazu führen, dass Textkörper und Kopfzeile gleich aussehen.

Für verschiedene Arten von Textebenen (abgestufte Flesch/FK-Skalierung) bestand die Antwort darin, Schriftgröße, -stärke und -farbe anzupassen. Und stellen Sie sicher, dass die wichtigen Details visuell „schwer“ sind, während die weniger wichtigen Daten leichter sind.

Ausrichtung der Inhalte

Alles, was nicht richtig ausgerichtet ist, führt zu einem unaufgeräumten Erscheinungsbild, was die Benutzer beim Lesen oder Navigieren verwirrt. Das kann an Text oder Bildern liegen, die nicht links, rechts oder mittig ausgerichtet sind.

Wählen Sie eine Strategie aus, bei der die Ecken auf die gleiche Weise abgerundet werden, und zwar in Bezug auf die Markentopologie und die Benutzererwartungen. Wenn Sie alle Elemente Ihrer Benutzeroberfläche mit leichten Rundungen versehen, ist das normalerweise der Ort, an dem Modernität und Wärme aufeinandertreffen.

Abschließend

Diese typischen Fehler beim UI-Design können Ihnen helfen, die Benutzererfahrung zu verbessern, indem sie über eine einfache, nahtlose Oberfläche verfügen.

Static gray noise texture resembling television or radio static interference.Gradient background fading from dark olive green on the left to deep purple on the right.Gradient background transitioning from green on the left to black in the center and purple on the right with faint grid lines.

Benötigen Sie eine Website
oder App?

Unser Team von erfahrenen Designern und Entwicklern kann
bearbeiten und innerhalb von 4 bis 8 Wochen versenden.