UI-Design Best Practices und häufige Fehler

Hören Sie sich die Audioversion dieses Artikels an

Obwohl der Titel UI-Designer eine Abkehr vom traditionellen Grafikdesigner suggeriert, ist UI-Design immer noch Teil der historischen Tradition der Disziplin des visuellen Designs.

Mit jeder Bewegung oder jedem Medium hat die Disziplin neue Grafiksprachen, Layouts und Designprozesse eingeführt. Zwischen den Generationen hat der Designer den Übergang von der Druckmaschine zu Xerox oder von Papier zu Pixel überbrückt. Über diese Generationen hinweg hat das Grafikdesign die Verantwortung übernommen, die Bildsprache jeder Epoche darzustellen.

Welche Art von grafischer Welt können wir erwarten, wenn das UI-Design aus den Kinderschuhen herauskommt? Ausgehend von der aktuellen Entwicklung sieht die Zukunft düster aus. Ein Großteil des heutigen UI-Designs ist standardisiert und wiederholbar geworden. Designdiskussionen im Internet konzentrieren sich darauf, Regeln zu lernen, damit Designs sicher funktionieren, anstatt an die Grenzen zu gehen oder sich neue Dinge auszudenken.

Die Tendenz von UI-Designern, auf Muster und Trends zurückzugreifen, hat nicht nur eine langweilige visuelle Umgebung geschaffen, sondern auch den Wert des Designers verringert, da Prozesse immer formelhafter werden.

Während wir Best Practices für die Benutzeroberfläche und häufige Fehler überprüfen, ist das dringendste Anliegen nicht die technischen Fähigkeiten, sondern die Vermeidung eines Ansturms sich wiederholender und optisch langweiliger Designs.

Die fünf häufigsten UI-Designfehler sind:

1. UI-Designer sind regelbesessen geworden.
2. Das Raster schränkt den kreativen Prozess von UI-Designern ein.
3. Das UI-Design wurde mit Mustern standardisiert.
4. Schriftarten werden tragisch missverstanden.
5. Kontrast ist kein Design-Allheilmittel.

Häufiger Fehler Nr. 1: UI-Designer sind regelbesessen geworden

Die Welt des Grafikdesigns hat sich immer an Regeln und Standards gehalten. Innerhalb der Designdisziplinen fallen häufige Fehler eng mit einer Standardregel zusammen, die gebrochen wurde. Aus dieser Perspektive erscheinen Gestaltungsregeln als vertrauenswürdige Leitfäden.

In jeder Designdisziplin sind jedoch neue Bewegungen und kreative Innovationen aus dem bewussten Brechen von Regeln entstanden. Dies ist möglich, weil das Design bedingt ist und den Ermessensspielraum des Designers erfordert. Design ist kein Prozess mit endlichen Antworten. Daher sollten Designregeln eher als Richtlinien denn als kalte, harte Fakten betrachtet werden. Der erfahrene Designer kennt und respektiert das Regelwerk gerade genug, um aus der Schublade ausbrechen zu können.

Die Art und Weise, wie Design online diskutiert wird, dreht sich oft um Listen mit Geboten und Verboten. Meistern Sie die 10 einfachen Schritte zum perfekten Design! Leider erfordert Design ein viel robusteres Verständnis von Prinzipien und Tendenzen. Der Weg zu gutem Design führt nicht über das systematische Abarbeiten von Checklisten.

Interessanterweise können keine kreativen Durchbrüche erzielt werden, wenn Designer aufhören, Regeln zu brechen. Wenn UI-Designer nur die Fähigkeit entwickeln, Richtlinien zu befolgen, anstatt ihre Entscheidungsfähigkeit zu verbessern, können sie schnell irrelevant werden. Wie sonst könnten wir argumentieren, dass unsere Arbeit einen größeren Mehrwert bietet als Standardvorlagen?

Seien Sie vorsichtig bei den „Top 10“-Designregeln

Das Problem mit Designregeln in der heutigen Welt des UI-Designs ist ihre Fülle. Wenn Designer Probleme lösen müssen, können sie sich einfach die bestehende UI-Community und ihre Lösungspakete ansehen. Die Fülle dieser Leitfäden und Regeln untergräbt jedoch ihre Glaubwürdigkeit.

Eine Google-Suche nach „Top UI Design Mistakes“ liefert eine halbe Million Ergebnisse. Wie stehen die Chancen, dass die meisten dieser Autoren, wenn überhaupt, einander zustimmen? Wie groß ist die Wahrscheinlichkeit, dass jeder angebotene Designtipp genau mit den Designproblemen eines Lesers übereinstimmt?

Häufig werden in Online-Bildungsartikeln eher akute Probleme als die leitenden Gestaltungsprinzipien hinter einem Problem behandelt. Das Ergebnis ist, dass neue Designer nie lernen, warum Design so funktioniert, wie es funktioniert. Stattdessen werden sie abhängig von dem, was vorher war. Ist es nicht besorgniserregend, dass so wenige dieser Artikel Designexperimente oder Spiele anregen?

Designer sollten auf ein Toolkit mit Leitprinzipien zurückgreifen und nicht auf ein Buch mit vorgegebenen Regeln und Designvorlagen. „Drücken Sie x für Parallax-Scrolling und y für Karussells. Bevor Sie sich entscheiden, lesen Sie den neuesten Blogbeitrag, in dem das Navigationstool im Trend liegt.“ Langweilig-!

Tipps und „Top 10“-Listen folgen vorhersehbaren Trends

Trends sind wie Junk Food für Designer. Wenn Sie ihnen folgen, entstehen billige Lösungen, die sich anfänglich amortisieren, aber auf lange Sicht wenig Wert haben. Trendfolgende Designer verabreden sich schnell. Die Belohnung dafür, dem Designweg eines anderen zu folgen? Ein nagendes Gefühl beruflicher Leere.

Es ist wahr, dass es harte Arbeit ist, daran zu arbeiten, eigene Stile und Systeme zu erfinden, aber es ist die Mühe absolut wert. Die täglichen Gewinne und Durchbrüche gehören ganz Ihnen. Das Kopieren hat etwas, das die Seele des Designers nie zu ernähren scheint.

Häufiger Fehler Nr. 2: Das Grid schränkt den kreativen Prozess von UI-Designern ein

Trotz meiner Kritik an Regeln, hier ist eine: Es ist für einen UI-Designer unmöglich, ohne ein Raster zu arbeiten. Web- und Mobilschnittstellen basieren grundsätzlich auf einer Pixel-für-Pixel-Organisation – daran führt kein Weg vorbei.

Dies bedeutet jedoch nicht, dass UI-Designer nur nach rasterzentrierten Darstellungen streben sollten. Ebenso gibt es keinen Grund, alle designbezogenen Entscheidungen auf einem Raster zu basieren.

Vermeiden Sie es, das Raster als trendiges Werkzeug zu verwenden

Im Allgemeinen führt das Entwerfen als Reaktion auf Trends zu einem schlechten Design. Im besten Fall führen Trends zu zufriedenstellenden Ergebnissen, aber die Gesamtwirkung wird mit ziemlicher Sicherheit nicht überzeugend sein. Trendig zu sein bedeutet, gewöhnlich zu sein.

Wenn Sie ein Raster in einem Design verwenden, sollten Sie daher verstehen, was das Raster als Werkzeug zu bieten hat und was es vermitteln könnte. Gitter stellen im Allgemeinen Neutralität dar, da alles innerhalb der Beschränkungen eines Gitters gleich erscheint.

Grids ermöglichen auch ein unvoreingenommenes Navigationserlebnis. Benutzer können von Artikel zu Artikel springen, ohne dass die kuratorische Hand des Designers eingreift. Mit anderen Navigationsstrukturen kann der Designer möglicherweise Inhalt gruppieren und gewünschte Sequenzen absichtlicher festlegen.

Verwenden Sie das Grid nicht standardmäßig als Workflow

Dylan Fracareta, Fakultät an der Rhode Island School of Design (RISD) und Direktor des PIN-UP Magazine, weist darauf hin, dass „die meisten Leute mit einem 12-Spalten-Raster beginnen … weil man davon 3 und 4 bekommen kann.“ Die Gefahr besteht darin, dass Designer ihre Arbeit sofort vorgeben.

Um dies zu verhindern, verwendet Fracareta das Verschieben-Werkzeug nur mit festgelegten Mengen, anstatt Dinge physisch gegen eine Rasterlinie zu platzieren. Dies hat den doppelten Effekt, Ordnung zu schaffen und das Potenzial für unerwartete Ergebnisse zu eröffnen.

Entwerfen für den Browser bedeutete früher, dass wir Code eingeben und abwarten mussten, was passiert. Heutzutage ähnelt Webdesign dem traditionellen Layoutdesign, bei dem der Prozess „eher dem Anpassen von zwei Blättern Transparentpapier“ gleicht. Wie können wir als Designer von diesem Prozess profitieren?

Obwohl Grids einschränkend sein können, sind sie eine unserer traditionellsten Organisationsformen. Das Raster ist intuitiv. Das Raster ist neutral und bescheiden. Grids ermöglichen es Inhalten, für sich selbst zu sprechen und Benutzern die einfache Navigation auf einer Benutzeroberfläche. Trotz meiner Warnungen vor der Restriktivität von Gittern ermöglichen unterschiedliche Arrays unterschiedliche Grade an Führung oder Freiheit.

Häufiger Fehler Nr. 3: Das UI-Design wurde mit Mustern standardisiert

Das Konzept standardisierter Designelemente geht dem UI-Design voraus. Architektonische Details werden seit Jahrhunderten wiederholt und auf ähnliche Gestaltungsbedingungen angewendet. Diese Praxis ist sinnvoll für Gebäudeteile, die von Menschen selten wahrgenommen werden.

Als die Architekten jedoch gemeinsame Elemente wie Möbelabmessungen und Handlaufhöhen standardisierten, begannen die Menschen, Desinteresse an den daraus resultierenden beigefarbenen physischen Umgebungen zu zeigen.

Darüber hinaus erwiesen sich standardisierte Abmessungen als unwirksam. Basierend auf statistischen Durchschnittswerten konnten sie große Teile der Bevölkerung oft nicht bedienen. Wiederholbare Details haben ihre Berechtigung, sollten aber nicht unkritisch verwendet werden.

Designer sollten Muster nicht als Produkte verwenden

Viele UI-Designer betrachten Muster als etwas Größeres als ein einfaches zeitsparendes Werkzeug. Sie sehen sie als Standardlösungen für komplizierte Konstruktionsprobleme. Muster sollen wiederkehrende Aufgaben und Artefakte standardisieren, um die Arbeit des Designers zu erleichtern. Leider sind bestimmte Muster wie Karussells, Paginierung und F-Muster zur gesamten Struktur vieler unserer Schnittstellen geworden.

Ist die Verwendung von Mustern vertretbar?

Designer sagen sich, dass das F-Muster das Ergebnis der Art ist, wie Menschen im Internet lesen. Espen Brunborg weist darauf hin, dass die Leute vielleicht aufgrund unserer Überbeanspruchung des F-Musters so lesen. „Welchen Sinn haben Webdesigner, wenn sie nur dem Rezept folgen?“ fragt Brunborg.

Häufiger Fehler Nr. 4: Schriftarten werden auf tragische Weise missverstanden

Viele „Schnelltipps“-Designlisten schlagen feste und schnelle Regeln für Schriften vor. Jede Regel wird religiös gerufen: „Nur eine Schriftfamilie! Monospaced Fonts sind tot! Vermeiden Sie unbedingt dünne Schriften!“ Das ist nichts weiter als heiße Luft.

Die einzigen legitimen Regeln für Typ, Text und Schriftarten konzentrieren sich auf die Durchsetzung der Lesbarkeit und die Vermittlung einer angemessenen Bedeutung. Solange der Text lesbar ist, können verschiedene Schriftarten verwendet werden. Der UI-Designer muss die Verantwortung dafür übernehmen, den Verlauf, die Verwendung und die Designabsichten für jede in einer Schnittstelle implementierte Schriftart zu kennen.

Die Lesbarkeit von Schriften ist oberstes Gebot

Schriften vermitteln Bedeutung und beeinflussen die Lesbarkeit. Bei all der Diskussion um Regeln für die Lesbarkeit auf Geräten vergessen Designer, dass Schrift dazu dient, einem Textkörper eine ästhetische Sensibilität zu verleihen. Lesbarkeit ist entscheidend – das ist nicht zu bestreiten – aber es sollte wirklich ein offensichtliches Ziel sein. Warum brauchen wir sonst etwas anderes als Helvetica oder Highway Gothic?

Es ist wichtig, sich daran zu erinnern, dass Schriftarten nicht nur für unterschiedliche Lesbarkeitskontexte entwickelt wurden. Sie sind auch unerlässlich, um Bedeutung zu vermitteln und Textkörpern nuancierte Stimmungen zu verleihen.

Dünne Schriftarten um jeden Preis zu vermeiden, ist unklug

Jetzt, wo der Trend vorbei ist, plädiert eine verbreitete Designkritik dafür, dünne Schriften ganz zu vermeiden. Aber brauchen wir mehr Regulierung? Sollte das Ziel nicht ein tieferes Verständnis der Gestaltungsprinzipien sein, die Schriften unterstützen?

Einige Designer sind davon überzeugt, dass dünne Schriftarten zwischen Geräten nicht lesbar oder nicht vertrauenswürdig sind. Legitime Punkte. Dies stellt jedoch eine Bedingung in der aktuellen Diskussion um UI-Design dar, in der Schriften nur als technische Auswahl in Bezug auf die Lesbarkeit verstanden werden. Wenn die Lesbarkeit das einzige Designproblem ist, warum sollte man dünne Schriften nicht ganz verbannen?

Ein ganzheitlicherer Ansatz beginnt damit, zu verstehen, warum eine dünne Schrift vorteilhaft sein könnte und in welchem ​​Kontext. Fetter, dicker Text ist tatsächlich viel schwieriger zu lesen als dünnerer Text. Da fette Schriftarten jedoch mehr visuelles Gewicht haben, eignen sie sich besser für Überschriften oder Inhalte mit wenig Text.

Dünne Schriftarten verwenden oft Serifen, wodurch sie sich für Fließtext eignen. Wieso das? Serifenzeichen fließen zusammen, wenn sie in schneller Folge betrachtet werden, was sie für längere Lesezeiten angenehmer macht.

Außerdem werden oft dünne Schriften gewählt, weil sie Eleganz vermitteln. Wenn ein Designer beauftragt wird, eine Benutzeroberfläche für einen Kunden zu erstellen, dessen Auftrag die visuelle Raffinesse ist, wäre es schwierig, eine schwerere Schriftart für diese Aufgabe zu finden.

Schriftarten erfordern Variationen, um eine Hierarchie zu etablieren

Ein häufiger Fehler beim UI-Design besteht darin, keine angemessene Variation zwischen den Schriftarten bereitzustellen. Das Ändern von Schriftarten ist ein gutes Navigationswerkzeug, das dabei hilft, eine visuelle Hierarchie innerhalb einer Benutzeroberfläche aufzubauen. Im Allgemeinen sind die größten Elemente (oder die fettesten Schriftarten) am wichtigsten und haben das größte visuelle Gewicht. Visuelle Signifikanz hilft Benutzern, Inhaltsüberschriften und häufig verwendete Funktionen zu identifizieren.

Zu viel Variation untergräbt die Hierarchie

Das Problem dabei, jede Schriftart einzigartig zu machen, insbesondere wenn eine Benutzeroberfläche viele Schriftarten enthält, besteht darin, dass nichts wirklich auffällt. Wenn jede Schriftart anders ist, wird es für Benutzer schwierig, wichtige Inhalte zu erkennen oder eine visuelle Ordnung herzustellen.

Häufiger Fehler Nr. 5: Kontrast ist kein Design-Allheilmittel

Ein roter Faden, der auf vielen „Top-Fehler“-Listen auftaucht, ermutigt UI-Designer, kontrastarme Oberflächen zu vermeiden. Es stimmt, dass kontrastarme Designs in vielen Fällen unleserlich und unwirksam sind. Meine Sorge ist jedoch, ähnlich wie bei meinen Punkten zu dünnen Schriften, dass die Verwendung absoluter Sprache zu einer homogenen, kontrastreichen Designkultur führt.

Die Standardeinstellung für hohen Kontrast ist fahrlässig

Kontrastreiche Bilder sind unbestreitbar anregend und aufregend. Es gibt jedoch noch viel mehr Zustände innerhalb des menschlichen emotionalen Bereichs, die es wert sind, vermittelt zu werden. Visuell stimulierend zu sein, kann auch visuell sicher sein.

Nehmen Sie zum Beispiel die gesamte Industrie des zeitgenössischen Science-Fiction-Films. Es scheint, als ob jede Produktion auf schwarze und neonblaue Visuals zurückgegriffen hat, um die Zuschauer in Aufregung zu versetzen. Wäre es nicht effektiver, Erzählungen mit kontrastreichen und kontrastarmen Bildern zu verweben, die ein breiteres Spektrum an emotionalen Reaktionen hervorrufen?

Funktional, wenn jedes Element in einer Schnittstelle in starkem Kontrast zu einem anderen steht, dann sticht nichts hervor. Dies macht den potenziellen Wert des Kontrasts als hierarchisches Werkzeug zunichte. Um ein stagnierendes, trendiges Design zu vermeiden, ist es wichtig, verschiedene Designbewegungen als Werkzeuge und nicht als Regeln zu betrachten.

Fazit

Gestaltungsregeln sind bestenfalls Leitfäden. Sie geben Entscheidungssicherheit und warnen Designer vor den Gefahren unbedachter Entscheidungen.

Umgekehrt sind Gestaltungsregeln keine Gesetze. Sie sind nicht unzerbrechlich und sie verdienen sicherlich nicht unsere unangefochtene Kapitulation. Tatsächlich können Designregeln, wenn sie rücksichtslos befolgt werden, zu ernsthaften Krücken werden, die unsere Fähigkeit schwächen, Probleme kreativ zu lösen.

Designer sind keine Wissenschaftler. Wir sind nicht verpflichtet, jede ästhetische Entscheidung, die wir treffen, empirisch zu belegen. Es ist wahr, dass unser Beruf von Prozessen und bewussten Urteilen geprägt ist, aber es gibt Raum für Instinkt und Einfallsreichtum. Tatsächlich hängt unsere Fähigkeit, unseren Kunden dabei zu helfen, sich in einer überladenen Welt trendiger Inhalte abzuheben, von unserer Bereitschaft ab, sich neue Möglichkeiten vorzustellen.

Wir müssen experimentieren. Wir müssen spielen.

Designregeln existieren, um für visuelle Vorteile genutzt zu werden. Sie können verbogen oder sogar gebrochen sein, aber man darf ihnen niemals blind folgen.