it-swarm.com.de

Eine Schaltfläche mit Auswahlmöglichkeiten

Ich habe eine Liste von Schaltflächen, die einzeln gedrückt oder nicht gedrückt werden können (z. B. Checkbox-Funktionalität). Einige der Schaltflächen können auch einige Attribute (+ oder -) aufweisen. Es ist jedoch ungewöhnlich, diese Attribute auszuwählen. Am häufigsten werden nur die anfänglichen Schaltflächenwerte verwendet.

Siehe mein angefügtes Bild:

enter image description here Die Idee des Designs ist, dass Benutzer einfach auf die gewünschten Werte klicken können. Dies ist eine ziemlich schnelle Möglichkeit, die Auswahl zu treffen. Wenn der Benutzer das Attribut + oder - hinzufügen möchte (verfügbar auf "b" und "c") - drücken Sie die Taste und nach einiger Verzögerung wird eine Dropdown-Liste mit den Auswahlmöglichkeiten angezeigt.

Der Nachteil davon ist, wie ich es sehe, dass ich versuche, zwei Standard-UI-Elemente zusammenzuführen - eine Schaltfläche und eine Dropdown-Liste. Ist das intuitiv?

Leider habe ich nicht die Zeit, ein Benutzertestszenario zu erstellen, um dies zu testen.

Kann ich dazu ein Feedback bekommen? Können Sie eine bessere Möglichkeit vorschlagen, + oder - zu "b" und "c" hinzuzufügen?

6
Henrik Ekblom

Für die Mausinteraktion können Sie geteilte Schaltflächen anstelle von Menütasten verwenden. In den Schaltflächen "A", "B", ... oben können Sie den gedrückten oder nicht gedrückten Zustand auswählen. Mit den Dropdown-Schaltflächen unten können Sie die Attribute auswählen.

Siehe Microsoft UI-Richtlinien

Beispiel mit geteilten Tasten (nicht gestylt):

Selection with split buttons

Anderer Ansatz: Die Auswahl der Attribute wird angezeigt, wenn sich die Maus über den Tasten "A", "B" befindet.

selection with roll over

6
sysscore

Die Art und Weise, wie Sie es vorgeschlagen haben, ist die Art und Weise, wie OmniGraffle es tut, und ich fand es immer ziemlich intuitiv. Einige Details ihrer Implementierung:

  • Ihre lange Presse ist wirklich kurz; nicht mehr als ein paar hundert Millisekunden vor dem Auslösen des Dropdowns. Es fühlt sich bissig und reaktionsschnell an.
  • Wenn der Benutzer tatsächlich auf den kleinen Pfeil in der unteren rechten Ecke der Schaltfläche klickt, wird das Dropdown-Menü sofort ausgelöst. Es erfordert zwar ein wenig Geschicklichkeit, aber es ist schön, diese Option zur Verfügung zu haben, wenn Sie wissen, was Sie im Menü haben möchten.
  • Wie Sie im Diagramm dargestellt haben, behalten Sie die Auswahl des Benutzers bei, wenn dieser ein Unterelement auswählt. Dies macht es zur Standardauswahl auf der oberen Schaltfläche. Meiner Meinung nach ist dies das richtige Verhalten und genau das tut OmniGraffle auch.
  • Stellen Sie wie oben erwähnt KatDNA sicher, dass Sie für die Verwendung auf dem Desktop (Maus) ausgelegt sind. Die Benutzeroberfläche wäre bei Berührung notwendigerweise etwas anders (obwohl eine lange Berührung in einer gestischen Benutzeroberfläche akzeptabel ist, um auch eine größere Komplexität aufzuzeigen).

OmniGraffle ToolsOmniGraffle Dropdown

3
Daniel Newman

Meine ersten Gedanken dazu:
Ist es durchaus notwendig, die Optionen zuerst auszublenden und erst nach dem Klicken auf die Schaltfläche anzuzeigen? Das kann den Erstnutzer überraschen.

Wenn die Schaltfläche die Plus- und Minuszeichen über und unter dem Symbol [a/b/c/d] enthalten könnte und die Benutzeroberflächenlogik für den Benutzer nicht sichtbar ist, ist sie möglicherweise viel intuitiver. Reduzieren Sie möglicherweise auch die Anzahl der erforderlichen Klicks.

2
Kris