web-dev-qa-db-de.com

Benutzeroberfläche mit mehreren Optionen im Vergleich zur Benutzeroberfläche mit einer Option

Auf dem Dashboard, das wir erstellen, haben wir zwei Optionen, die Benutzer auswählen können:

Mehrere Optionen (Kontrollkästchen) enter image description here

und einzelne Optionen (Optionsfeldverhalten)

(enter image description here

während das Aussehen der Komponenten ähnlich ist, sind ihre Verwendungszwecke unterschiedlich.

In Usability-Tests verwendeten Benutzer diese Komponenten ohne Schwierigkeiten oder nachdem sie die Funktionen verwendet und verstanden hatten, hatten sie keine Probleme, sie in den anderen Teilen des Produkts zu verwenden.

Meine Designerkollegen argumentierten jedoch, dass die Komponenten anders aussehen sollten und die Benutzer auf den ersten Blick verstehen müssen, ob es sich um ein Kontrollkästchen oder ein Optionsfeld handelt.

Mein Ziel war es, die Konsistenz zu erhalten und die kognitive Belastung zu senken.

Irgendwelche Gedanken oder Eingaben?

Bearbeiten 1: Die Benutzeroberfläche wurde aktualisiert. Vielen Dank an @ 200_success für das Feedback

33
Deniz Erdal

Es hängt davon ab, ob. Wie oft sehen Ihre Benutzer dieses Formular/diesen Abschnitt/diese Einstellungen?

Häufig verwendete Anwendungen für lange Sitzungen geben Benutzern die Möglichkeit, sich daran zu erinnern, wie Steuerelemente funktionieren, insbesondere häufig verwendete.

Ein Teil davon hat mit Anwendungshaltung zu tun.

Eine souveräne Anwendung ist ein Programm, das die Aufmerksamkeit des Benutzers für lange Zeiträume monopolisiert.

Google Docs und Microsoft Word sind hervorragende Beispiele für Sovereign Posture-Anwendungen : Benutzer verbringen lange Zeit mit der Bearbeitung von Dokumenten.

Die Zielbenutzer sind in der Regel Zwischenprodukte, die bei längerer Verwendung wiederholt auf diese Steuerelemente stoßen.

Bestimmte Kontrollen, die gleich aussehen, sich aber anders verhalten, bereiten nach wiederholter längerer Exposition keine allzu großen Schwierigkeiten.

Die meisten von uns haben sich an die Symbolleiste gewöhnt, wie in einem anderen Beitrag erwähnt:

(enter image description here Ein weiteres Beispiel ist OmniFocus, die Task-Management-Anwendung.

Das Inspektorfenster zeigt Details zu wiederholten und geplanten Ereignissen an. Es gibt einen Multiselect-Schalter, der anzeigt, an welchen Wochentagen ein Ereignis enthalten sein soll. Es hat den gleichen Effekt wie Kontrollkästchen:

(enter image description here

Das mentale Modell für Ereignisse ist zunächst klarer, was wahrscheinlich bei der Verwendung dieser Steuerelemente hilfreich ist:

Veranstaltungen haben:

  • Startdaten
  • Enddaten
  • Frequenzen
  • Wiederholung

Zum Beispiel ist mir klar, dass ich Sonntag, Montag und Mittwoch in die Karate-Klasse gehen kann. Ich kann nach Bedarf mehrere Tage auswählen.

Einmalige Formulare, selten aufgerufene "Einstellungs" -Seiten und selten anzutreffende Benutzeroberflächen können ohne eindeutige Beschriftungen und/oder Steuerelemente eine Herausforderung darstellen.

Ihr größerer Kontext ist mir nicht klar, aber eine eindeutige Kennzeichnung ist entscheidend für Benutzer, die zum ersten Mal oder selten auf Ihr Formular stoßen:

(enter image description here

Es scheint, als wären Sie an einem guten Ort, wie durch Benutzertests bestätigt wurde. Denken Sie daran, dass Sie in einigen Kontexten für ewige "Erstbesucher" konzipiert sind, die sich in unbekanntes Gebiet wagen.

33
Mike M

Sie müssen für diese Komponenten keine unterschiedlichen Darstellungen vornehmen.

Ihr Fall ähnelt bekannten Umschaltern in einer Symbolleiste von Textverarbeitungsprogrammen wie Word. Diese Umschaltflächen für die Schriftarteinstellungen wirken wie Kontrollkästchen:

(enter image description here

Die Ausrichtungssteuerelemente von Word wirken wie Optionsfelder:

(enter image description here

Beachten Sie, dass sie identisch aussehen und keine Verwirrung oder Schwierigkeiten verursachen, da wir in unserem mentalen Modell (Sicht des Benutzers, wie das System funktionieren sollte) verstehen, dass ein Text gleichzeitig fett, unterstrichen und kursiv sein kann, sodass wir dies jeweils erwarten Umschalter sollten sich wie Kontrollkästchen verhalten. Und wir verstehen, dass Text nicht gleichzeitig rechts und links ausgerichtet werden kann. Daher ist es für uns keine Überraschung, dass Ausrichtungssteuerelemente wie Optionsfelder wirken. Wir wissen das und brauchen keine zusätzlichen Erinnerungen daran.

Sie haben geschrieben, dass Benutzer diese Komponenten in Usability-Tests ohne Schwierigkeiten verwendet haben. Ich denke, das bedeutet, dass das Verhalten der Komponenten dem mentalen Modell des Benutzers entspricht, d. H. Benutzer verstehen und erwarten, dass sie mehrere Altersgruppen und nur eine Ansicht (Listen oder Miniaturansichten) auswählen können.

Ich habe das Beispiel von Word's Toggles aus A. Coopers "About Face 3. Die Grundlagen des Interaktionsdesigns" genommen. Er schrieb darüber als Beispiel für eine grafischere und platzsparendere Herangehensweise an das Kontrollkästchen oder die Optionsfelder (siehe Kapitel 21: Steuerelemente, Kontrollkästchen (S. 443) und Optionsfelder (S. 446)). Und auch Cooper hat nicht gesagt, dass diese beiden Arten von Schaltern unterschiedlich aussehen müssen.

52
Lana

Ich denke, Ihre Designerkollegen haben Recht.

Wenn ich mir jetzt die Optionen anschaue, habe ich eine einfache Vorstellung davon, wie ich mit ihnen interagieren kann und wofür sie verwendet werden.

(enter image description here

(enter image description here

Die Verwendung der Quadrate für Kontrollkästchen und Kreise für Optionsfelder ist sehr alt, häufig und für die meisten Benutzer erkennbar. In diesem Fall ist Ihr Problem also einfach.

6
Asqan

Die meisten normalen Benutzer kennen den Unterschied zwischen einem Optionsfeld und einem Kontrollkästchen nicht. Sie werden höchstens manchmal verärgert, wenn Sie nicht mehrere Optionsfelder aktivieren können, wenn dies sinnvoll wäre.

Der Verzicht auf einen visuellen Unterschied verwirrt keinen einzelnen Benutzer - er wird feststellen, dass in einigen Fällen die Auswahl einer Sache die andere Auswahl entfernt und in anderen Fällen nicht. Und es ist ihnen egal, besonders wenn es Sinn macht.

Wenn Sie möchten, dass sie einen Unterschied haben, wie wäre es dann mit runden Ecken für die Radiobuttons (möglicherweise sogar zwischen Optionen) und abgewinkelten Ecken mit den Kontrollkästchen? Das Design bleibt einfach und Leute, die sich auskennen, können den Unterschied sofort erkennen.

1
Carl Dombrowski