ストップウォッチが組み込まれたアプリケーションがあります。ストップウォッチが実行中の場合は一時停止ボタンが表示され、停止中の場合は再生ボタンが表示されます。現在、ストップウォッチ自体とボタンは中間色になっています。
再生/一時停止ボタンの色が、ユーザーがストップウォッチをより効果的に使用するのに役立つとしたらすばらしいでしょう。
背景は技術的な理由から中立である必要があるため、ボタンの色を変更することだけがデザインオプションです。私は 再生ボタンと一時停止ボタンの分離についての議論 を読みましたが、それは完全に理にかなっていますが、やはり技術的な理由により、2つのボタンを使用できません。つまり、灰色の背景にある1つのボタンです。
一時停止ボタンが付いた実行中のストップウォッチは緑または赤のどちらですか?
緑の停止ボタンは、ストップウォッチが作動していることを示す優れたインジケータですが、何かを停止するために緑のボタンを押すのは奇妙です。赤い停止ボタンは、これがSTOPボタンであることを示す優れたインジケータですが、実行中のストップウォッチには常に赤いボタンが表示されます。
ChrisFの答えは非常に正しいです。色だけが表示ではないことを確認してください。あなたがすでにそれを世話していると仮定します:
選択が緑と赤の間で厳密な場合は、赤を選択します。
ボタンはインジケーターではなくアクションです。インジケーターの場合、緑色(「大丈夫」または実行中であることを示す)にする必要があるかもしれませんが、アクションを処理する場合、赤色は「停止」を意味します(「一時停止」は「停止」の一種です)。
さらに、ストップウォッチが作動していることをさらに示す必要はありません。実際の数値が変化していることがわかります。
ところで-ボタンが1つしかない場合、「一時停止」を押した後、ボタンは「何」になりますか?もう一度押すと再開または停止しますか?
ユーザーベースの大部分が赤/緑の色覚異常であることを覚えておいてください。したがって、色を赤から緑に変更するボタンを用意しても、ユーザーの役に立ちません。
アイコンを変更した方が良いでしょう。標準を使用します>
開始、||
は一時停止、[]
(正方形)そのオプションが必要な場合は停止します。
つまり、停止するとボタンに>
は、「クリックして開始」を意味します。ボタンを実行すると、||
は「クリックして一時停止」を意味します。
mightが機能する1つのオプションは、時計の実行中にボタンに色を付け、そうでない場合はニュートラルにすることです。代わりに>と||を表示し、時計が動いているときに点灯するLEDが埋め込まれた物理的なボタンのように見せることができます。ストップウォッチが「オン」のときにボタンが押し込まれたように見せることができる場合のボーナスポイント。
赤色のライトを使用して状態(クロックが実行中)またはアクション(クロックを停止)のいずれかを示すことを望んでいました- 2つの関数のコンファレンス プレイ/一時停止でジムジャレットが言及した質問とダン・バラクはこちら。しかし、私の家の電化製品と電子機器の簡単な調査によると、赤は「オン」を示すために決して使用されていません。 (1つの注目すべき例外:オーブン。)ほとんどが青色のライトを使用し、一部は緑色を使用します。一部の人は実際に赤を使用してオフを示します(ただし、暗闇の中で私を見つけてください)。
したがって、これは特に良い考えではないと思います。 (Danの答えのほうが好きです。)しかし、とにかく投稿します。時々、うまくいかないアイデアからはうまくいかないアイデアから多くのことを学ぶことができるからです。
色はオプションではないと思います。 UIの色とは異なる色を使用すると、注意散漫になります。ユーザーの注意を情報(時間)に集中させ、コマンドコントロールには別の位置を使用することをお勧めします。たとえば、[開始/続行]ボタンがワークスペースの中央にあり、一時停止が下部にあることを知っています(1)。次に、いくつかのタスクに費やした時間がわかります。タイマーを停止したい場合は、下部に停止ボタンがあります(2)。次に、タイマーが非アクティブ(タイムラベルが非アクティブ)であることがわかり、続行ボタンが開始ボタンと同じ場所にあります(3)。
さらに、 "ダブル"クリック(実行の遅延などが原因で発生する可能性があります)を回避するために、複数の排他的アクションコントロールをさまざまな場所に配置することをお勧めします。
再生と一時停止のアイコンは、タイマーを実行するよりもビデオとオーディオに関連しているようです。
「開始」というテキストのボタンは理解しやすいでしょう。このスタートボタンを押すと、ユーザーが一時停止して停止するためのアクションが必要になります(ストップウォッチの場合)。
色分け私は、開始には緑、一時停止には灰色、停止には赤をお勧めします。モノクロの色合いを適用して、コントラストがそれほど大きくならないようにすることができます。
最初の問題から一歩戻って、一部のユーザーがあなたのボタンを現在の状態のインジケーターとして表示することを考えましたか?
私のMP3プレーヤーでは、画面に再生(>
)実際に再生しているときに一時停止します(||
)一時停止したとき。私のVHSビデオレコーダー、DVDプレーヤー、セットトップボックスもすべてこれを行います。
あなたが遭遇しているのは、「トグル」コントロールのよく知られている問題です- 恥のユーザーインターフェースホール は、これについていくつかの良い解説がありました。基本的に、ユーザーがボタンを利用可能な状態として解釈するか、現在の状態として解釈するかを予測することはできません。
次のことをお勧めします。
ストップウォッチの下に2つのボタンを表示し、再生して一時停止します:>
||
ストップウォッチが作動しているとき:
ストップウォッチが停止したとき
停止、一時停止、再生ボタンを備えたデバイスからトグルに移行したのは素晴らしいことではありませんか?
カラーは他のタスクから離れて焦点を描画するので、ストップウォッチの目的が少数のユーザーだけがそれを使用すること、またはそれがたまにしか使用しないことである場合、私は色の邪魔をしないようにします。
タイムエントリアプリで停止を示す赤を確認しました。テーブルに複数のタイマーがリストされている場合がありますが、一度に実行できるのは1つだけです。赤い停止ボタンが付いたアクティブタイマーを使用すると、ユーザーはリストでそのタイマーを見つけやすくなります。
時間ごとの請求では、タイマーで「停止」を押すのは危険です;)