Regeln. Sie halten unsere Designs sauber, konsistent, ausgerichtet und fokussiert. Die Grundprinzipien, auf denen gutes Design beruht, sind für die Ausbildung eines Designers absolut unerlässlich.
Das Tolle an Designregeln ist jedoch, dass sie gebrochen werden können und sollten, vorausgesetzt, Sie wissen, was Sie tun. Lesen Sie weiter, um Beispiele zu sehen, wie Sie Konstruktionsprinzipien effektiv brechen können, um ein Projekt zu verbessern.
Kennen Sie die Regeln, bevor Sie sie brechen
Wie in vielen anderen Berufen und Branchen stellt die Welt der Web-Profis grundlegende Anforderungen, an die alle Mitglieder der Community ein solides Verständnis haben sollten. Wir neigen dazu, diese Grundlagen als zu bezeichnen die Prinzipien des Designs und jedes Design, das sein Salz wert ist, wird in diesen Grundsätzen eine gewisse Eignung aufweisen.
Einige Designer erwerben ihre Kenntnisse über Gestaltungsprinzipien durch formale Schulungen oder Schulungen, während andere das gleiche Kompetenzniveau durch Übung und allgemeines Verständnis erreichen. Keine der Methoden ist richtig oder falsch, aber wenn Sie in irgendeiner Funktion ein hochrangiger Designer sind, üben Sie solide Prinzipien des Designs aus, ob Sie es wissen oder nicht.
Das Webdesign hat viele Aspekte, und die Kontrolle über diese Grundlagen ist nicht die einzige Voraussetzung für den Erfolg auf diesem Gebiet. Ohne sie gehen wir jedoch sicherlich den harten Weg zum Erfolg. Wie bei jedem guten Regelwerk sind die Prinzipien des Webdesigns jedoch gelegentlich besser, wenn sie vollständig gebogen oder gebrochen werden.
Was sind gute Gestaltungsprinzipien?
Was sind nun die Prinzipien des Designs? Nun, dies ist ein Thema, das ziemlich ausführlich behandelt wurde, und jede Recherche (Google-Suche) wird zeigen, dass es keine richtige Antwort gibt.
Verschiedene Agenturen, Unternehmen und Fachleute können Listen ihrer persönlichen Gestaltungsprinzipien erstellen. Während viele dieser einzelnen Sätze von Prinzipien Abweichungen enthalten können, gibt es eine erhebliche und erkennbare Überschneidung. Jeremy Keith hat uns den Gefallen getan, eine großartige Sammlung von Gestaltungsprinzipien zusammenzustellen, durch die wir stöbern können.
Ein kurzer Blick auf diese Ressourcen wird ein gewisses Maß an Konsistenz zwischen den verschiedenen Perspektiven aufzeigen. Zu einem vernünftigen Satz dieser Prinzipien gehören Punkte zum richtigen Abstand oder zur Verwendung von Leerräumen, zur Konzentration auf die Benutzer, zur Durchsetzung der Konsistenz, zur Vereinfachung des Entwurfs, zur Ermöglichung der Konstruktion und zur Vermeidung von Redundanzen. All dies sind gute Dinge. Sie wurden als entscheidend für den Entwurfsprozess definiert, da sie effektive Werkzeuge für den Aufbau eines erfolgreichen Produkts oder einer erfolgreichen Online-Dienstleistung sind.
Wenn ein solides Set an Gestaltungsprinzipien für unsere Designer-Toolbox so wichtig ist, warum sollte ich dann vorschlagen, dass das Brechen dieser Prinzipien eine gute Idee ist? Nun, aus ein paar Gründen.
Erstens ist das Erforschen außerhalb der Grenzen von gutem Design eine großartige Übung, um die Grenzen von richtig und falsch zu erforschen, was zu einem besseren Verständnis dessen führt, was eine Entscheidung besser macht als die andere. Aber der Grund, warum wir wirklich interessiert sind, ist, dass es Anwendungsfälle gibt, um die Regeln zu brechen, die die Benutzererfahrung verbessern.
Verstoß gegen die Regeln für den Vorteil
Ich denke, es ist wichtig zu erwähnen, dass ich noch nie einen Fall gefunden habe, in dem das Erstellen einer Website gegen alle Prinzipien von gutem Design eine aus der Ferne gute Idee ist. Der Zweck dieses Artikels und der darin enthaltenen Beispiele soll veranschaulichen, wie das Umschalten eines oder zweier Standardprinzipien zu einem Vorteil für Ihre Benutzer führen kann. Wenn Sie genau wissen, wo Sie die Linie überschreiten möchten und wie Sie davon abhängen, hängt das Projekt von Ihnen ab. Ich hoffe jedoch, dass einige Beispiele den Ball ins Rollen bringen und Ihnen helfen werden, darüber nachzudenken, wie dies für Sie hilfreich sein kann.
Doppelklicken Sie auf Popups
Beginnen wir diese Party mit einem kleinen Design-Fauxpas, mit dem wir uns alle gut auskennen sollten. Ich spreche von der Augenrolle, die "Sind Sie sicher?" " Pop-up-Nachricht. Wir sehen dieses Muster in allen möglichen Kontexten, von Websites über Spiele bis hin zu allen Arten von Software-Schnittstellen. Wir stoßen so oft darauf, dass ich anfange zu erwarten, dass meine Haustür mich fragt, ob ich sicher bin, dass ich sie wirklich schließen möchte.
Ich werfe dir hier einen Softball. Wir wissen, dass dieses Entwurfsmuster existiert, um uns davon abzuhalten, versehentlich die Datei zu schließen, die wir vergessen haben, dass wir Änderungen vorgenommen haben oder vielleicht nicht gespeichert haben. Selbst wenn wir zu 99% auf „Nein“ klicken, könnte 1% eine Erinnerung daran sein, eine Datei zu speichern, an der Sie stundenlang gearbeitet haben, oder eine Entscheidung über einen Unfall zu vermeiden. Wir haben uns an dieses Verhalten gewöhnt, so dass es schwierig sein könnte, es als eine Übung zu betrachten, um die Prinzipien des Designs zu brechen von Benutzern.
Wenn ein Popup-Fenster auf dem Bildschirm angezeigt wird, nachdem ein Benutzer eine Aktion ausgeführt hat, handelt es sich um ein redundantes System, das zusätzliche Klicks generiert und verhindert, dass der Benutzer eine Aufgabe auf die schnellste und einfachste Weise erledigt. In der Tat verstoßen alle diese Dinge direkt gegen die guten Gestaltungsprinzipien, aber das Muster bleibt und bleibt wirksam. Bis sich die Menschen, die unsere Designs verwenden, als fehlerfrei erweisen, bleibt es eine gute Idee, die Regeln auf diese Weise zu brechen.
Nicht so einfach
Wie wäre es mit etwas weniger klarem und allgemeinem als dem ersten Beispiel? Lassen Sie uns in die Einfachheit eintauchen. Der Mangel an Designdokumenten weist auf Einfachheit als Kernbestandteil eines guten Designs und als Hauptaufgabe für einen Designer hin. In der Tat verbringen wir viel Zeit und Mühe, um herauszufinden, wie man komplexe Verhaltensweisen aufnimmt und so gestaltet, dass Besucher sie auf einfache Weise konsumieren können. Es gibt viele Beispiele für Einfachheit beim Handeln, aber das Finden effektiver Beispiele für die Umkehrung der Einfachheitsregel ist keine große Herausforderung.
Sie müssen nicht an einigen Ihrer Lieblings-Apps oder Websites vorbeischauen, um ein hohes Maß an Komplexität als Designstrategie zu erkennen. Was macht Komplexität zu einem bestimmten Design? Nun, unsere beiden Beispiele haben einige Gemeinsamkeiten und einige Unterschiede.
Erstens versuchen beide Entwürfe, dem Benutzer so viele Informationen wie möglich zur Verfügung zu stellen. Zweitens ist es in beiden Fällen so, dass die Erfahrung keinen vordefinierten Fokus hat. Anstatt dem Benutzer primären oder sekundären Inhalt bereitzustellen, wird alles in gleichmäßiger Größe dargestellt, und der Benutzer kann die Informationen scannen und den Inhalt eingeben, der natürlich das meiste Interesse auf sich zieht.
Für Sites wie Pinterest- oder Twitter-Feed-Anwendungen funktioniert das ziemlich gut, da manuelle Interaktionen entfernt werden. Anstatt auf die Schaltflächen zu klicken, um die Informationen auf eine begrenzte Anzahl von Arten zu filtern, kann der Benutzer sich darauf verlassen, dass sein eigenes Gehirn die Informationen auswählt, die zu diesem Zeitpunkt für ihn am wichtigsten sind. Dadurch kann die Erfahrung unendlich persönlich und selbstgesteuert sein.
Wenn der Schuh passt
Nun, was ist mit Fitt's Law? Sicherlich brechen ein Gesetz führt immer zu einem negativen Ergebnis! Das Gesetz von Fitt argumentiert, dass die Verringerung des Abstands zwischen Aktionen als Teil unseres Designs die Benutzerfreundlichkeit verbessert. Aber ist es so schwer, sich ein Szenario vorzustellen, in dem zwei verschiedene Aktionen, die für unseren Benutzer gleichermaßen wahrscheinlich sind, zu zwei völlig unterschiedlichen Verhaltensweisen führen würden?
Nehmen Sie zum Beispiel die Erfahrung des Check-Outs in Ihrem bevorzugten Online-Shop. Wenn wir einen Artikel in den Warenkorb legen oder auf einen Checkout-Button klicken, werden wir oft zu einem Bildschirm geführt, der die gewünschten Artikel überprüft und uns verschiedene Optionen gibt, anhand derer wir auswählen können, wie wir weiter vorgehen möchten. Einige beliebte Optionen umfassen den Einkauf, den Einkaufsbummel fortsetzen oder Ihre Auswahl löschen oder bearbeiten. Alle diese Aktionen beziehen sich auf das Verhalten Ihres Einkaufs, sodass es sinnvoll ist, dass sie einen gemeinsamen Bereich füllen.
Dolce und Gabbanas Kassenprozess folgt dem Gesetz von Fitt. Unsere Benutzer möchten vielleicht zum Einkaufen zurückkehren oder mit ihrer Bestellung fortfahren und die Optionen zusammenstellen, da sie sicherstellen, dass beide Entscheidungen gleich schnell getroffen werden können. Das Problem bei diesem Muster ist ähnlich wie bei unserem ersten Beispiel. Wenn der Benutzer einmal von hundert auf die falsche Schaltfläche klickt, hat dies mehr Zeit gekostet und mehr Frustration verursacht als mit den 99 schnellen und richtigen Klicks.
Auf dem Godiva-Checkout-Bildschirm sehen wir die Schaltflächen klarer definiert. Es dauert etwas länger, bis Sie zu einem Punkt gelangen, je nachdem, wo sich Ihre Maus (oder Ihr Finger) befindet, aber genau das ist der Punkt. Es gibt Zeiten, in denen wir unsere Benutzer aus dieser Denkweise herausbringen wollen, die wir so hart erarbeiten. Gelegentlich müssen sie über ihre Entscheidung nachdenken, und der Vorgang des Findens und Aufsuchens der Schaltfläche, die Sie anklicken möchten, zwingt den Benutzer, genau zu erkennen, was die Schaltfläche tun soll.
Moderation ist der Schlüssel
Vielleicht war der Abschluss mit einer Website, die sich mit Schokolade beschäftigte, mehr als ein Zufall. Der Schlüssel für ein effektives Arbeiten außerhalb der Richtlinien eines guten Designs liegt in der Verwendung von Mäßigung. Es mag zwar sinnvoll sein, einige Tasten zu trennen, es macht jedoch keinen Sinn, eine davon auszublenden, in der die Benutzer ein wenig nachdenken müssen. In ähnlicher Weise werden Sie höchstwahrscheinlich feststellen, dass dieser Ansatz, Regeln zu brechen, in den meisten Situationen falsch ist.
Nur in unserem Streben nach einem tiefen Verständnis von Design suchen wir nach Szenarien, die in der Minderheit leben. Wenn Sie mit Ihren fachlichen Kenntnissen und Gestaltungsprinzipien vertraut sind, ist dies eine großartige Übung. Auf der anderen Seite, wenn Sie am Anfang eines Designers stehen, kann dieses Spiel des Teufelsanwaltes ein wunderbares Lernwerkzeug sein.
In jedem Fall ist es in unserem besten Interesse, Gestaltungsprinzipien als Regeln und nicht als Dogmen zu verstehen. Wenn der Inhalt das Design bestimmt und der Benutzer an erster Stelle steht, sollten wir nicht zulassen, dass Regeln das beste Design liefern. Hatten Sie die Gelegenheit, einige Konstruktionsprinzipien zur Verbesserung eines Projekts zu brechen? Wenn ja, was waren die Ergebnisse?