web-dev-qa-db-ja.com

「停止」、「再生」、「戻る」、「進む」ボタンの標準的な順序はありますか?

私が作成しているアプリに、ステレオタイプのDVDアイコンが付いたStopPlayBack、およびForwardボタンがあります。

これらを注文するための基準はありますか?

8
Jonathan Mee

<< | >/|| | >> | O

戻る-再生/一時停止-進む-停止

UXの観点からは、このように見ています。停止ボタンを押し続ける必要があります。最初からやり直すには簡単な方法です。同時に、メディアの再生が誤って停止しないように、再生/一時停止ボタンから少し離れている必要があります。

カラーコード DVDプレーヤーで使用されていたものと同じです。

戻る-再生/一時停止-進む-停止
黒-緑-黒-赤

(これは通常のことなので、ユーザーはそれをメンタルモデルとして関連付けることさえできます) または UIに適したものはすべて、各ボタンを明確に区別します。これは確かに役立ちます。

3
Vinay

ビデオをタイムラインと考えると、西洋文化の場合、直感的な順序は次のようになります。

<< | > | >>

インターフェースで時間を表すことと、一般的な左から右へのパラダイムが西洋文化のテクノロジーへの影響をどのように表すかに関する方向性の詳細については、私の その他の回答 のいずれかを参照してください。

戻る

タイムラインのコンテキスト内で、タイムラインを左に移動すると、巻き戻しに対応します。

開始/停止

開始/停止は、タイムラインの「現在の」ポイントを制御します。これにより、ラインの過去と未来のポイントの間に置かれます。通常、ビデオの開始と停止/一時停止は同じボタン(トグル)で処理されるため、常に複数のボタンとして表示されるとは限りません。

進む

そして最後に、早送りはタイムライン上の現在のポイントを右に移動するので、そのボタンは最後になります。

5
Charles Wesley

はい。通常は次のとおりです。

|Back|Stop|Play/Pause|Forward|

これらは、まるでビデオを水平にスクロールしているかのように、タイムラインにほぼ対応しています。

1
user1

私のビデオカセットレコーダーは非常に良い方法でこれを解決しました。 PDF読者(物理的なドキュメントでは3)) フィリップスVR 668ユーザーマニュアル の5ページで、デバイスの右側に「種類再生状態を制御するためのボタンが付いたホイール」。

一番上の奇妙なシンボルはPause関数です。シャトル(さまざまな速度レベルでテープを転送/巻き戻しするための外輪)がオンになることを明確にするために、標準の2つの垂直バーアイコンとは異なるものにしたと思います。

これは単なる補足でした。再びポイントに戻ります。彼らはのように編成されています

          Pause
Rewind    PLAY    Forward
          Stop

そして私はそれが好きです。このアプローチの問題は、3つの行と3つの列に4つの空のスペースが必要であり、スペースが問題かどうかわかりません。

リモコンでは、ボタンの使い方が異なります。 PDFリーダー(物理的なドキュメントに2つ)の4ページ目に、再生ボタンが似ているところの写真があります。

Rewind     PLAY     Forward
Index      Pause    Stop

そして、私はVCR自体のインターフェースほど好きではありません。

インデックスボタンの機能は、マニュアルのPDFリーダー(物理的なドキュメントでは16))の18ページに記載されていますが、あなたの場合に役立つ目的はないと思います。

一時停止ボタン(静止/ジョグオンとして説明)には、特に興味深い機能があります。アクティブにすると、ジョグ(非常に正確に転送/巻き戻しするための内側のホイール)がユーザーに受け入れられることを示すために、緑色のバックライトが点灯します。それにアクション。

結論:私自身の答えから、顕著なパターンがあります:

  • 再生ボタンは、他よりも目立つようにして、常に強調表示されています。ビデオデッキとリモートの両方で、それは他のボタンよりも大きいです。

  • 論理的に直感的なものである巻き戻し/再生/進むの左から右の順序があります。

  • 一時停止ボタンは、水平方向の中央にあり、垂直方向に再生ボタンと整列しています。

  • 停止ボタンは最後の位置にあります。

1
sergiol