Ausgleich von Stil und Konsistenz

Hinweis: Dieser Artikel ist ein früher Entwurf für Windows 10 RS2. Die Namen der Funktionen, Terminologie und Funktionalität sind noch nicht endgültig.

Wenn Sie ein Produkt entwerfen, sind Sie der Fürsprecher für den Kunden. Wir alle bemühen uns, das beste Design zu schaffen, das für unsere Absicht geeignet und wahr ist. In diesem Artikel wird das Gleichgewicht zwischen dem Befolgen von Konventionen zur Schaffung einer konsistenten Benutzererfahrung und der Entwicklung einzigartiger Features und Erlebnisse, die Ihre App unterscheiden, untersucht.

Die Bedeutung der Konsistenz

Warum spielt Konsistenz eine Rolle? Konsistenz kann die Verwendung einer App vereinfachen. Ein wichtiger Bestandteil eines guten Designs ist die Erlernbarkeit; ein einheitliches Design über Apps hinweg reduziert die Anzahl der Male, die der Endbenutzer „neu lernen“ muss, wie sie verwendet werden. Sehen Sie sich die realen Beispiele an: Ein Gaspedal ist immer rechts, ein Türknüppel dreht sich immer gegen den Uhrzeigersinn, um zu öffnen, ein Stoppzeichen ist immer rot.

Eine einheitliche App zu erstellen bedeutet jedoch nicht, dass alle Apps identisch aussehen und sich miteinander verhalten. Wenn wir zu realen Beispielen zurückkehren, gibt es eine fast unendliche Anzahl von Stuhldesigns, doch nur sehr wenige von ihnen erfordern ein erneutes Lernen, wie man sitzt. Das liegt daran, dass die wichtigen Elemente – die Sitzoberfläche – konsistent genug sind, damit der Benutzer sie verstehen kann.

Eine der Herausforderungen beim Erstellen eines guten App-Designs besteht darin, zu verstehen, wo es wichtig ist, konsistent zu sein und wo es wichtig ist, einzigartig zu sein.

Das Konsistenzspektrum

Es ist hilfreich, sich die Konsistenz als Spektrum mit zwei entgegengesetzten Enden zu vorstellen:

Vertraute Erfahrungselemente umfassen:

• Etablierte UI-Paradigmen (Verhalten bei Einem Mausklick, Drücken und Halten eines Elements, Symbole, die ähnlich aussehen)
• Elemente Ihrer Marke, die Sie auf Produkte anwenden möchten (Typografie, Farben)

Zu den Unterscheidungsmerkmalen gehören:

• Elemente, die die einzigartige "Seele" der Produkte bilden
• Elemente, die Ihnen dabei helfen, die Erfahrung an den vorgesehenen Formfaktor anzupassen

Erstellen wir ein Designmodell, indem wir dieses Spektrum übernehmen und es auf die wichtigsten Elemente einer App anwenden.

In diesem Modell bieten die Basisebenen eine bewährte Grundlage der Konsistenz, während sich die oberen Ebenen auf Flexibilität und Anpassung konzentrieren.

1. App-Grundlagen bilden die erste Ebene unseres Modells: layoutraster, Farbpalette, Typografiekonventionen und Symbolformatvorlagen. Diese Grundlegenden Features sollten konsistent angewendet werden.

2. Für die zweite Ebene bietet UWP einen Kernsatz allgemeiner Steuerelemente , die die Effizienz mit Flexibilität ausgleichen. Darüber hinaus haben wir Richtlinien erstellt, um eine konsistente Stimme und einen konsistenten Ton zu schaffen, indem wir die gleichen Wörter verwenden, um Personen durch App-Erfahrungen zu beschreiben und zu leiten. Wir haben eine Reihe von Mustern erstellt, die Apps für ihr Design verwenden können, um sicherzustellen, dass unsere Designs auf unterschiedlichen Geräten und Eingaben skaliert werden können.

3. Ebene 3 ist der Ort, an dem Sie die Navigation auf verschiedene Geräte und Kontexte anpassen. Beispielsweise unterscheidet sich die Navigation mit Toucheingabe auf einem Smartphone wahrscheinlich von einem 32-Zoll-Monitor mit Tastatur und Maus oder einer Hololens mit Gesten und 100 Berührungspunkten auf einer 84-Zoll-Oberfläche.

4. Ebene 4 ist der Ort, an dem Sie Ihre Markenpersönlichkeit definieren. Welche Signaturdesignelemente stärken Ihre Marke und unterscheiden sie vom Wettbewerb? Dies ist auch der Ort, an dem Sie Ihre App für verschiedene Endbenutzer anpassen. Ist Ihre App für Spieler, Informationsmitarbeiter, K-12-Schüler oder Lehrkräfte? Was sind einzigartige Anforderungen für diese verschiedenen Kunden und können wir die Designarbeit für sie verbessern? Machen Sie es nicht einfach gleich, und schauen Sie sich weiterhin an, wie Sie mehr Wert für Ihre verschiedenen Kunden schaffen.

Designprinzipien

Um dieses Modell effektiv zu nutzen, benötigen wir eine Reihe von Designprinzipien, die uns helfen, die richtigen Kompromisse zu erzielen. Hier sind unsere Prinzipien für die Konsistenz des Arbeitsdesigns:

Wenn es gleich aussieht, dann lass es sich gleich verhalten

• Wenn der Benutzer ein Textfeld oder das Hamburger-Steuerelement sieht, erwartet er höchstwahrscheinlich, dass es sich auf verschiedenen Geräten auf die gleiche Weise verhält. Wenn Sie einen guten Grund haben, von einem etablierten Verhalten abzuweichen, legen Sie die Erwartungen der Benutzer fest, indem Sie sie auch anders erscheinen lassen.

Wenn ein Element einem vorhandenen Element oder einer bestehenden Konvention sehr ähnlich sieht, ziehen Sie in Betracht, es gleich zu gestalten.

• Sie benötigen ein Symbol "Neues Dokument". Warum sie ein neues Design entwerfen, das nur ein bisschen anders ist, wenn Sie eines verwenden können, das bereits vom Benutzer erkannt wurde.

Usability übertrumpft Konsistenz

• Es ist besser benutzbar als konsistent zu sein. In einigen Fällen müssen Sie möglicherweise neue Steuerelemente oder Verhaltensweisen entwickeln, um die Benutzerfreundlichkeit zu unterstützen. Die Verwendung von Telefon mit einer Hand hat einzigartige Herausforderungen. Das Gleiche gilt für die Arbeit mit einem 80-Zoll-Bildschirm. Ein gutes Design macht den Benutzer zu einem Experten.

Engagement ist wichtig

• Machen Sie es nicht langweilig. Wenn alles flach und die gleiche Farbe mit Quadraten ist, möchten unsere Kunden es abholen und verwenden? Schaffen Sie Freude. Stellen Sie neue Elemente vor, die überraschen, ohne die Lernbarkeit zu unterbrechen.

Verhaltensweisen entwickeln sich

• Dies ist die Herausforderung: Während sich die Industrie weiterentwickelt, werden neue Standards etabliert. Es ist möglich, dass aktuelle Verhaltensweisen verblassen werden, und unsere konsistenten Verhaltensweisen müssen möglicherweise neue Standards annehmen. Sehen Sie sich die Pinch-to-Zoom-Funktion an. Es war eine häufige Erwartung, mit der +/- UI zu vergrößern/verkleineren, aber in der modernen Benutzeroberfläche wird erwartet, dass sie zusammendrückt und zoomt. Sehen Sie sich neue Erfahrungsparadigma an und entwickeln Sie sich weiter.