it-swarm.com.de

Mehrere primäre Aktionen

Ich entwerfe ein modales Popup , das aus einem Formular besteht, in dem der Benutzer einen Textbereich mit einem Kommentar und einer Menge füllen kann von Schaltflächen , die die primären und sekundären Aktionen darstellen, die der Benutzer ausführen kann.

Ein häufig verwendetes Muster für dieses Szenario ist die visuelle Unterscheidung zwischen primären und sekundären Aktionen, wie in http://www.lukew.com/ff/entry.asp?571 . Alle Beispiele, die ich gesehen habe, haben jedoch nur eine einzige primäre Aktion und eine einzige sekundäre Aktion, normalerweise Senden/Speichern und Schließen. In meinem speziellen Fall habe ich jedoch mehrere primäre Aktionen ( Genehmigen und Ablehnen ), mit denen ein bestimmter Workflow fortgesetzt werden kann, und eine einzelne sekundäre Aktion ( Schließen ), mit der das modale Popup im Wesentlichen geschlossen wird.

Wie haben Sie dieses Muster für diese Einstellung angepasst? Mein erster Gedanke war, sowohl "Genehmigen" als auch "Ablehnen" in primäre Aktionen und "Schließen" in sekundäre Aktionen umzuwandeln. Eine andere Alternative besteht darin, die Schaltfläche "Abbrechen" in eine primäre Aktion umzuwandeln, wobei die verbleibenden zwei als sekundäre Aktion verbleiben. Auf diese Weise hätten wir immer noch eine einzige primäre Aktion, die die prominenteste Schaltfläche auf der Seite ist, obwohl sie infolgedessen eine ziemlich seltsame "primäre" Aktion hätte.

6
John Silva

Ich würde verschiedene visuelle Indikatoren verwenden und eine sekundäre wie diese:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Wichtig ist, wie oft Benutzer die Aktionen auswählen. Wenn sie 90% der Zeit "akzeptieren", 9% ablehnen und 1% abbrechen, sollte "Akzeptieren" wahrscheinlich größer/leichter zu treffen sein als "Ablehnen". wie oben gezeigt. Wenn das Verhältnis gleichmäßiger ist, würden Sie beide gleich groß halten.

12
Myrddin Emrys

Ich mag Myrddins Vorschlag sehr und denke, dass das Konzept funktioniert. Eine weitere Option, um sich von Rot/Grün zu entfernen (was für einige farbenblinde Benutzer gleich aussehen kann) und ein grünes Häkchensymbol in Verbindung mit "Akzeptieren" und ein rotes x-Symbol in Verbindung mit "Ablehnen" zu verwenden. Wenn die Symbole unterschiedliche Farben haben, ist dies ein guter visueller Hinweis für diejenigen, die sie sehen können, aber die Formen sind auch im Allgemeinen erkennbar, ohne dass die Wörter damit gelesen werden müssen - ein schneller visueller Hinweis, der mir hilft, das Ziel des Modals zu erkennen.

4
Renee Grebe

ich mag auch Myrddins Vorschlag. und obwohl ich nicht glaube, dass die Community das Problem mit 2 primären Schaltflächen/1 sekundären Links definitiv behoben hat (ich weiß, dass meine Organisation dies nicht getan hat), würde ich definitiv nicht empfehlen, primäre und sekundäre Aktionen auszutauschen, um diese Konkretion in Ihr Design zu integrieren. Eine primäre Aktion in einem bestimmten Anwendungsfall ist immer die primäre Aktion. Es unterliegt keinen Designüberlegungen wie Platzierung oder visuelle Behandlung von Schaltflächen.

1
Untermensch