webentwicklung-frage-antwort-db.com.de

Entwurfsmuster für Auffindbarkeit

Was sind einige bewährte Entwurfsmuster für die Auffindbarkeit in UI/UX, bei denen Informationen oder Funktionen nicht unbedingt auf den ersten Blick offenkundig sind, sondern mithilfe der Benutzeroberfläche durch fortschreitende Offenlegung erkennbar sind? Wie kann man signalisieren, dass eine Schnittstelle erkennbare Elemente hat?

32
Virtuosi Media

Der gesamte folgende verlinkte Artikel ist interessant, aber der folgende Abschnitt ist relevant und ich denke, es lohnt sich, ihn in den Kontext dieser Frage aufzunehmen, auch wenn er keine tatsächlichen Muster bereitstellt.

Aus Scott Berkuns Der Mythos der Entdeckbarkeit (2003)

Wie macht man eigentlich etwas auffindbar?

Als Designer haben Sie eine Handvoll Ressourcen, um Dinge hervorzuheben und auf sie aufmerksam zu machen:

  • Immobilien : Sie erhalten eine bestimmte Anzahl von Pixeln, die Sie verwenden können, wie Sie möchten. Größere Ziele werden wahrscheinlich zuerst lokalisiert und sind leichter wieder zu finden. Große Ziele sind einfachere Ziele.
  • Reihenfolge : Sie können Dinge in bestimmten Reihenfolgen von links nach rechts und von oben nach unten platzieren, die je nach Bedarf Muster bilden können, denen Menschen folgen können ihre Sprache (einige sind von links nach rechts, andere von rechts nach links usw.).
  • Form : Sie können Farbe, Schriftart, Form, Schatten, Komposition und andere Grafikdesignkonstruktionen verwenden, um die vorhandenen Immobilien besser zu nutzen.
  • Erwartung & Fluss : Abhängig davon, wie Sie das oben Gesagte verwenden, können Sie Dinge in Formen oder Muster bringen, die den Menschen auf irgendeine Weise vertraut sind. Die offensichtlichsten Beispiele sind gedruckte Zeitungen und die Verwendung von Spalten, Zeilenumbrüchen und Überschriften. Dies kann erreicht werden, indem ein anderes Design von einer anderen Website oder von etwas in der realen Welt emuliert wird.
  • Konsistenz : Wenn Sie den Bildschirm auf konsistente Weise verwenden, können Sie den Benutzern beibringen, an bestimmten Stellen nach bestimmten Arten von Befehlen zu suchen. Wenn Sie vorhersehbar sind, können Sie einige zusätzliche Erkennbarkeitspunkte erzielen. Dies kann häufig durch die Verwendung verfügbarer Konventionen und den Versuch unterstützt werden, das Wissen Ihrer Benutzer zu nutzen.

Jede Metapher oder jedes Paradigma, mit dem Sie vertraut sind (GUI, Windows, Mac, Amazon.com usw.), verwendet Immobilien, Reihenfolge und Form, um die Ergebnisse zu erzielen, die sie erzielen. Gute Systeme bieten einige grundlegende Konstruktionen, um Elemente auffindbar zu machen, die leicht wiederverwendet werden können.

20
Roger Attrill

Eine Idee ist, die Funktionalität, die Sie entdecken möchten, an das vorhandene Benutzerverhalten anzupassen . (Ich habe nur ein Beispiel im Sinn, kann dies also noch nicht als "Muster" bezeichnen.)

Das Beispiel dieser Methode ist das Erkennen, dass Benutzer in Twitter- oder RSS-iPhone/iPad-Apps reflexartig versuchen, nach mehr zu scrollen, insbesondere wenn der Twitter/RSS-Stream dazu neigt, sich regelmäßig von selbst zu aktualisieren und oben mehr hinzuzufügen. Beachten Sie, dass das Verhalten, auch wenn es keine ungelesenen Aktualisierungen "über dem Falz" gibt, und anstatt es ein Nullereignis zu sein, eine manuelle Aktualisierung daran bindet. Und jetzt müssen Sie "zum Aktualisieren nach unten ziehen". Auffindbar.

Ich habe ein anderes reflexives Benutzerverhalten von meiner Seite bemerkt, nämlich das Drücken von Strg-S oder Cmd-S in einem geöffneten Dokument, wenn ich nach dem Tippen oder Bearbeiten pausiere. Ich ertappe mich sogar dabei, wie ich eine Minute später Strg-S drücke, wenn ich nur durch das Dokument gescrollt, hier oder da ein bisschen gelesen oder sogar den verdammten Anruf angenommen habe. Das heißt, es müssen keine Änderungen gespeichert werden, und dennoch drücke ich Strg-S. Es ist eine Gewohnheit. Nun ... wenn eine Software-App damit etwas Intelligentes machen würde, wäre das großartig.


Ok, ich habe einige aktuellere dokumentierte Muster in der Yahoo Pattern Library gefunden. Nur nennen sie sie nicht "Entdeckbarkeitsmuster".

Einladungsentwurfsmuster

Designer muss den Benutzer darauf hinweisen, dass eine interaktive Funktion vorhanden ist

Cursoreinladung - Designer muss den Benutzer darauf hinweisen, dass mit einem Objekt interagiert werden kann.

Einladung zum Ablegen - Der Designer muss während eines Drag & Drop-Vorgangs gültige Drop-Sites für Kandidaten angeben.

Hover Invitation - Designer muss den Benutzer darüber informieren, was passieren wird, wenn die Maus auf das schwebende Objekt geklickt wird.

Einladung zum QuickInfo - Der Designer muss den Benutzer darüber informieren, was passieren wird, wenn er mit der Maus auf das schwebende Objekt klickt.


Und ich habe gerade eine andere Designlösung beobachtet, die zur Entdeckung führte, als ich diese Antwort schrieb: Wenn Sie auf das kleine Hilfesymbol klicken und das Hilfemenü öffnen, werden Sie ziemlich zufrieden sein, wenn Sie auf eines der Hilfethemen dort klicken (z. B. Styling/Überschrift) Möglicherweise werden einige der Symbole direkt über dem Bildschirm ein- oder zweimal angezeigt, während das Hilfethema angezeigt wird.

Jetzt wusste ich, was einige oder die meisten dieser Symbole waren, aber ich wusste nicht, dass eines davon für blockquote war. Als ich das Hilfethema für "Blockquotes" öffnete, wurde das Symbol/Schaltfläche abprallt.

OK, wenn wir noch einige Beispiele für die Entwurfslösung für animierte Objekte finden können, können wir das auch als Muster bezeichnen. (Das Yahoo Drop Invitation Muster könnte ein Untermuster davon sein).

15
Erics

Neue Benutzer werden mit zu vielen Optionen oder Funktionen überfordert sein, während erfahrene Benutzer wahrscheinlich viel mehr wollen, als sie bereits haben. Die Lösung hierfür ist progressive Offenbarung oder Schatzsuche, wenn Sie es vorziehen.

Wenn ein neuer Benutzer mit der Anwendung beginnt, geben Sie ihm nur die Grundlagen, dass er Dinge erledigen muss - verstecken Sie alles andere. Auf diese Weise können sie innerhalb kurzer Zeit von null auf effektiv umsteigen und sich in der Anwendung leicht sicherer fühlen.

Nachdem sie ein gewisses Maß an Nutzung erreicht haben (wir verwenden dafür Punkte), als Belohnung enthüllen Sie eine andere Funktion und markieren Sie sie als neu oder kürzlich freigeschaltet. Dies versetzt sie in eine Position, in der sie die Anwendung außer dieser einen Funktion gut kennen. Es ist einfach, noch etwas zu lernen, und es ist großartig für die Erfahrung, wenn es auch etwas Nützliches für sie ist.

Zeigen Sie auf diese Weise weiterhin Funktionen auf, und Ihre Kunden werden sich beim fortschreitenden Lernen nie mit der Anwendung überfordert fühlen.

Ein weiterer zusätzlicher Bonus ist, dass die Leute, sobald sie erkennen, dass dies der Mechanismus ist, wahrscheinlich die Anwendung erkunden und dadurch lernen, nur um neue Funktionen freizuschalten - der Gamification-Effekt.

Bearbeiten : Für komplizierte Anwendungen mit unterschiedlichem Verwendungszweck (wie Word) können Sie Punkte und Funktionen visuell anzeigen oder sogar Funktionen anzeigen und Hinweise zum Entsperren geben.

9
JohnGB

DUH! Verwenden Sie natürlich Clippy. Was Sie tun müssen, ist eine Art interaktiven animierten Charakter zu programmieren, der auftaucht, wenn der Benutzer versucht, etwas in Ihrem Programm zu tun, und andere Dinge vorschlägt, die er möglicherweise tun möchte. Es ist sehr wichtig, dass Word genau das Richtige tut. Beginnen Sie jeden solchen Tipp mit "Ich habe bemerkt, dass Sie ... sind" und fügen Sie dann Ihre erkennbare Funktion hinzu.

Animation ist wichtig, da sich Benutzer sonst möglicherweise auf das konzentrieren, was sie tun, und nicht von Ihrem Dicoverabilibuddy abgelenkt werden. Besser einfach modal machen, um auf der sicheren Seite zu sein.

Eine noch bessere Option ist es, tägliche Tipps zu zeigen. Der Benutzer öffnet Ihre Anwendung und versucht, etwas Arbeit zu erledigen, BAM! Sie sprengen ihn mit etwas Wissen über Funktionen, von denen er noch nicht weiß, dass er sie verwenden möchte. Ich könnte vorschlagen, dass Sie stündliche Tipps einholen, da die Tageszeitungen zu Tode gebracht wurden. Dadurch werden Ihre Funktionen rund um die Uhr besser erkennbar.

3
Assaf Lavie