Richtlinien für die Auswahl-Taste über einen Link in Web-Formularen

Question

Es scheint, wie Schaltflächen und Links untereinander austauschbar sind in diesen Tagen. Aus Anwendererfahrung Sicht gibt es Richtlinien für die zwischen den beiden wählen? Ist es überhaupt eine Rolle?

Als Faustregel würde ich sagen, dass reine Navigation sollte immer mit einem Link zum Ausdruck gebracht werden und eine Aktion sollte mit einem Knopf zum Ausdruck gebracht werden. Aber es gibt so viele Beispiele und Situationen, die von diesem veer, wie die Google Checkout Versandadressen Seite. Speichern eine Aktion ausführt und verwendet eine Taste. Bearbeiten ist ein Link, um den Benutzer zu einer neuen Seite nimmt. Beide machen Sinn. Allerdings löschen führt eine Aktion mit einem Link.

Also, wenn, wie und warum wählen wir Schaltflächen oder Links?

Beispielszenarien:

Eine Seite mit einem Raster von Nutzern:

• Ein Benutzer hinzufügen Funktion, die Sie auf eine neue Seite nimmt. Link, weil es navigiert.
• A Passwort zurücksetzen Funktion, die auf der gleichen Seite bleibt. Button, weil es eine Aktion.
• Ein Export in csv Funktion, die eine Download-Box öffnet, bleibt aber auf der gleichen Seite. Ich weiß es nicht.
• Ein Pager an der Unterseite des Gitters, die AJAX verwendet das Raster zu aktualisieren. Links auf Grund bestehender Vorrang.

Ein Assistent mit „Weiter“, „Zurück“, „Abbrechen“ und „Finish“ Funktionen. Während Vor und Zurück wahrscheinlich Links sein sollen, Vorrang sagt sie alle Tasten sein soll.

Answer 1

Gute Ressourcen sind: Nielsen (duh) und diese Diskussion

Haupt Richtlinien verwendet werden, dass die Tasten für die Dinge, die Auswirkungen haben (z „Löschen“), während die Links Aktionen sind, die Navigation beeinflussen. Heutzutage ist es ein wenig verschwommen, aber es ist eine gute Idee, dass nicht erstattungs Aktion wie das Löschen eines Datensatzes sollte eine Taste sein, egal was.

Im Allgemeinen ist es noch viel schlimmer ist, indem Sie einen Link anstelle einem Knopf irren, da Benutzer nicht erwarten, dass die Nebenwirkung Aktion stattfinden kann überhaupt nicht.

ich mit allen 5 Ihren Beispielen zustimmen, obwohl CSV-Datei herunterladen sicher entweder sein kann und vor allem davon ab, wie der Rest der Benutzeroberfläche aussieht (zB wenn es ein Teil einer Gruppe von Aktionen wie „Download“ | „Optionen“ | „Lesezeichen“, und die anderen beiden sind Links, dann sollten Sie Ihr natürlich auch eine Links sein

.

Answer 2

Ich denke, die Entscheidung basiert darauf, wie Sie die Seite arbeiten wollen. Zum Beispiel, wenn ein Teil der Navigation unter Verwendung von Ergebnissen aus der Form beinhaltet, dann würden Sie auf eine Schaltfläche verwenden.

Also, wenn Benutzer hinzufügen hat eine Auswahlbox auf, welche Art von Benutzer hinzugefügt wird, wie es bestimmen kann, welcher Benutzer Form hinzufügen zu verwenden, dann eine Taste.

Zurücksetzen des Passworts, da sie auf der gleichen Seite bleibt dann eine Taste könnte Sinn machen.

Ich neige dazu, als nächstes zu tun, zurück, usw. als Links, wie ich Worte oder ein Bild haben kann, aber Ich mag die Hand, die für Links erscheint.

Export csv sollte eine Schaltfläche sein, da Sie nicht überall gehen, nur einen Download zu tun.

Entweder kann funktionieren, aber was wichtig ist, ist nicht nur konsequent, sondern schauen, was ähnliche Anwendungen tun, um zu sehen, wenn Sie versuchen können, einig Industrie-Standard zu folgen.

Wie bereits erwähnt, gibt es Zeiten, ich die Hand will zeigen, da es nicht offensichtlich sein, dass etwas anklickbar ist, aber ich will nicht auf die Schaltfläche Aussehen.

Also, wenn ich ein Wort haben, die zu einer Handlung führen kann, sollte es mit dem Rest des Textes fließen in, aber wenn Sie die Maus über das Sie einen Hinweis bekommen, dass diese angeklickt werden kann, dann wird der Link funktioniert am besten.

Wir wollen nicht immer Schaltflächen wie Buttons aussehen, so ist, dann verbinden Arbeit, aber dies erfordert eine sehr konsistente Schnittstelle.