it-swarm-eu.dev

Welches ist eine gute Farbe für eine Pause-Taste?

Wir haben eine Anwendung mit einer eingebauten Stoppuhr. Wenn die Stoppuhr läuft, wird die Pause-Taste angezeigt, und wenn sie gestoppt ist, wird die Wiedergabetaste angezeigt. Derzeit sind die Stoppuhr selbst sowie der Knopf in neutralen Farben.

Es wäre großartig, wenn die Farbe der Wiedergabe-/Pause-Taste dem Benutzer helfen könnte, die Stoppuhr effektiver zu verwenden.

Der Hintergrund muss aus technischen Gründen neutral bleiben. Die einzige Gestaltungsmöglichkeit besteht darin, den Knopf einzufärben. Ich habe die Diskussion über die Trennung der Wiedergabe- und Pause-Taste gelesen und es ist vollkommen sinnvoll, aber auch hier hindern mich technische Gründe daran, zwei Tasten zu haben. Also, eine Schaltfläche auf grauem Hintergrund ist es.

Sollte die laufende Stoppuhr mit der Pause-Taste grün oder rot sein?

Eine grüne Stopptaste wäre ein guter Indikator dafür, dass die Stoppuhr läuft, aber es wäre seltsam, eine grüne Taste zu drücken, um etwas zu stoppen. Ein roter Stoppknopf wäre ein guter Indikator dafür, dass dies ein STOP-Knopf ist, aber dann würde die laufende Stoppuhr immer den roten Knopf anzeigen, was irgendwie seltsam ist.

17
Sandra

Die Antwort von ChrisF ist sehr richtig - stellen Sie sicher, dass die Farben nicht die einzige Anzeige sind! Angenommen, Sie kümmern sich bereits darum:

Wenn die Wahl zwischen grün und rot streng ist, wählen Sie rot.

Die Schaltfläche ist eine Aktion, kein Indikator. Wenn es ein Indikator wäre, hätten Sie es vielleicht grün haben wollen (um anzuzeigen, dass es "okay" ist oder läuft), aber wenn Sie sich mit Aktionen befassen - rot bedeutet "Stopp" (und "Pause" ist eine Art "Stopp").

Außerdem - Sie brauchen keinen weiteren Hinweis darauf, dass die Stoppuhr läuft - sehen Sie, wie sich die tatsächlichen Zahlen ändern!

Übrigens - wenn Sie nur eine Taste haben, nachdem Sie "Pause" gedrückt haben, was wird die Taste "?" Wird das erneute Drücken fortgesetzt oder gestoppt?

9
Dan Barak

Bitte denken Sie daran, dass ein erheblicher Teil Ihrer Benutzer rot/grün farbenblind ist. Eine Schaltfläche, die die Farbe von rot nach grün ändert, hilft ihnen also nicht.

Es wäre besser, das Symbol zu ändern. Ich würde den Standard > Für den Start, || Für die Pause und [] (Quadrat) für den Stopp verwenden, wenn Sie diese Option benötigen.

Dies würde bedeuten, dass die Schaltfläche beim Stoppen > Zeigt, was "Klicken zum Starten" bedeutet. Beim Ausführen der Schaltfläche wird || Angezeigt, was "Klicken zum Anhalten" bedeutet.

8
ChrisF

Eine Option, die funktionieren könnte, besteht darin, die Schaltfläche bei laufender Uhr farbig und neutral zu machen, wenn dies nicht der Fall ist. Anstatt> und || anzuzeigen, können Sie es wie eine physische Taste mit einer eingebetteten LED aussehen lassen, die bei laufender Uhr aufleuchtet. Bonuspunkte, wenn Sie den Knopf so aussehen lassen können, als wäre er gedrückt, wenn die Stoppuhr eingeschaltet ist.

Picture of a toaster oven with a button that has a blue light and remains depressed when on

Ich hatte gehofft, Sie könnten ein rotes Licht verwenden, um entweder den Zustand (die Uhr läuft) oder die Aktion (die Uhr anhalten) anzuzeigen - um das von Jim Jarrett im Spiel/in der Pause erwähnte Zusammenführen zweier Funktionen zu umgehen Frage und Dan Barak hier. Laut einer kurzen Übersicht über die Geräte und die Elektronik in meinem Haus wird Rot jedoch nie verwendet, um "Ein" anzuzeigen. (Mit einer bemerkenswerten Ausnahme: dem Ofen.) Die meisten verwenden blaue Lichter, einige verwenden grün. Einige verwenden tatsächlich Rot, um aus anzuzeigen (aber finden Sie mich im Dunkeln) .

Daher halte ich dies nicht für eine besonders gute Idee. (Ich mag Dans Antwort besser.) Aber ich werde sie trotzdem posten, weil wir manchmal so viel aus Ideen lernen können, die nicht funktionieren wie die, die es tun.

6

Ich denke, Farbe ist keine Option. Wenn Sie Farben verwenden, die sich von Ihren UI-Farben unterscheiden, ist dies eine Ablenkung. Ich empfehle, die Aufmerksamkeit des Benutzers auf INFORMATION (Zeit) zu konzentrieren und die unterschiedliche Position für Befehlssteuerungen zu verwenden. Ich weiß zum Beispiel, dass sich die Schaltfläche Start/Weiter in der Mitte des Arbeitsbereichs befindet und die Pause unten (1). Dann sehe ich Zeit, die ich für eine Aufgabe aufgewendet habe. Wenn ich meinen Timer stoppen möchte, finde ich meine Stopptaste unten (2). Dann sehe ich, dass mein Timer inaktiv ist (Zeitbeschriftung ist inaktiv) und ich finde die Schaltfläche Weiter an derselben Stelle wie die Startschaltfläche (3).

stopwatch in action

Um Doppelklicks zu vermeiden (die durch Ausführungsverzögerungen usw. verursacht werden können ...), ist es außerdem eine gute Angewohnheit, mehrere exklusive Aktionssteuerelemente an den verschiedenen Stellen zu platzieren.

3
igor

Die Symbolik für Wiedergabe und Pause scheint eher mit Video und Audio zu tun zu haben als mit einem Timer.

Eine Schaltfläche mit dem Text "Start" wäre leicht zu verstehen. Wenn Sie diese Starttaste drücken, müssen Sie Aktionen ausführen, damit der Benutzer anhalten und anhalten kann - wenn es sich um eine Stoppuhr handeln soll.

Farblich würde ich Grün für den Start, Grau für die Pause und Rot für den Stopp vorschlagen - ein monochromer Farbton könnte angewendet werden, um sicherzustellen, dass der Kontrast nicht zu groß ist.

Haben Sie einen Schritt zurück vom ursprünglichen Problem gemacht und gedacht, dass einige Benutzer Ihre Schaltfläche als Indikator für den aktuellen Status ? sehen

Auf meinem MP3-Player zeigt der Bildschirm die Wiedergabe an (>) wenn es tatsächlich abgespielt wird, und pausiere (||) wenn es angehalten ist. Mein VHS-Videorecorder, mein DVD-Player und meine Set-Top-Box tun dies ebenfalls.

Was Sie antreffen, ist ein bekanntes Problem mit "Umschalt" -Steuerelementen - die Benutzeroberfläche der Schande hat früher einige gute Kommentare dazu abgegeben. Im Wesentlichen können Sie nicht vorhersagen, ob Benutzer die Schaltfläche als verfügbarer Status oder aktueller Status interpretieren werden.

Ich würde folgendes vorschlagen:

Zeigen Sie zwei Tasten unter Ihrer Stoppuhr an, spielen Sie und halten Sie an: >||

Wenn die Stoppuhr läuft:

  • Deaktivieren Sie das Spiel und entfernen Sie die Farbe
  • Aktivieren Sie Pause und färben Sie es gelb/orange

Wenn die Stoppuhr gestoppt ist

  • Aktivieren Sie das Spiel und färben Sie es grün
  • Deaktivieren Sie die Pause und entfernen Sie die Farbe
2
Bevan

Ist es nicht großartig, wie wir von Geräten mit Stopp-, Pause- und Wiedergabetasten zu einem Umschalter übergegangen sind?

Farbe lenkt den Fokus von anderen Aufgaben ab. Wenn die Stoppuhr also nur von wenigen Benutzern verwendet werden soll oder nur gelegentlich verwendet wird, würde ich vermeiden, die Farbe abzulenken.

1
JeromeR

Ich habe Rot für Stopp in einer Zeiterfassungs-App gesehen. In einer Tabelle können mehrere Timer aufgeführt sein, es kann jedoch jeweils nur einer ausgeführt werden. Der aktive Timer mit einer roten Stopptaste hilft dem Benutzer, ihn in der Liste zu finden.

Ich denke, bei der stündlichen Abrechnung ist es gefährlich, auf dem Timer auf "Stopp" zu klicken;)

0
JeffO