web-dev-qa-db-ja.com

マルチステートボタンのベストプラクティスは?

テキスト値が状態を表すボタンを持つ(Android)アプリを作成しています。

  • 「開始」->押すとサーバーへの接続が開始されます
  • 「開始中」->ボタンが押されたことを視覚的に示し、サーバーの応答を待機しています
  • 「停止」->押すとサーバーに接続し、アクションの終了を要求します
  • "Stopping"->ボタンが押されたことを視覚的に示し、サーバーの応答を待機しています。

メガネを使わずにびくびくしているときは、「停止」と「開始」のテキストが似すぎており、ユーザーは現在の状態をより正確に示す必要があることに気づきました。

質問

  1. (ローカライズされた)テキストを画像に置き換える方が良いですか?もしそうなら、合理的な国際シンボルは何ですか?
  2. または画像をテキストに追加しますか(例:左側)?
  3. 状態に基づいて背景色を置き換える場合、適切な色は何ですか? (例:信号機のコンセプト)

私は この質問 を調べましたが、これは同様のトピックに触れています。

PS:アプリはさまざまな携帯電話で動作する必要があり、操作は簡単でなければなりません。トレーニング、小さなフォント、細かい色合いはありません。電話が明るい日光の下で振動するマウンテンバイクのハンドルバーに取り付けられているときに読むことができる明確な太字の記号のみ:)

私は、押し下げられたボタンの画像の古いパラダイム('90 ??.

ありがとう

1
noam cohen

機能を異なるボタンに分けます。次に、アクティブなものを一目で確認できます。おまけとして、UIに色やアイコンを追加する必要はありません。

開始用の1つのボタンと停止用の1つのボタン。その後、ステータスメッセージをボタンの近くに移動できます。

enter image description here

1
Ken Mohnkern

通常、これらの特定のアクションを表す背景色を使用することをお勧めします。シンプルに保つ-開始は緑、停止は赤。あなたが言ったように、サーバーの応答を待つ必要があるので、これを視覚的に伝えることは役に立ちます。ここで行ったのは、この状態でボタンをフェードアウトし、進行状況バーを追加して読み込み中を示すことです。以下の例をご覧ください。

Start, Starting, Stop & Stopping button states

必要に応じて、いくつかの記号を追加することを検討してください。たとえば、色覚異常のユーザーとのコミュニケーションをより明確にするためです。

1
saldarii