web-dev-qa-db-ja.com

「再生/一時停止」ボタンの代わり

以前の「iTunes」モデル(「フリップフロップ」ボタン。満足のいくものではありません。 こちらの質問を参照してください )再生と一時停止は同じボタン、どの状態に移動できるかを示すアイコンが表示されます(一時停止中に再生、再生中に一時停止)。ユーザーはアクションを状態と間違えたり、その逆を繰り返すことがよくあります。

最近、> / ||とマークされたボタンが表示され、ハイライトされていない状態とハイライトされている2つの状態があります。ユーザーはこれを手に取ることができるようですが、「in」が「go」または「pause」を意味するかどうかはわかりません。それは漠然と不満です。

私は単一の一時停止アイコンについて議論していました:||これは、古いテープデッキのように、使用中に「中」に押されます。しかし、おそらくそれも混乱させるでしょう。

この再生/一時停止のデュアルを提示する別の方法を考えられますか?

12
Alex Feinman

エレガントなソリューションは、ボタンの動作をボタンの外観にスタイルを付けることだと思います。したがって、再生と一時停止はトグルであり、トグルのように見せます。

そして、その間に、タイムラインと同じラインにそれらを配置して、それらがどのように影響するかの関係を示します。

タイムラインの開始時に再生と一時停止を配置することにより、ユーザーにこれらの開始/タイムラインを前に押します。

停止ボタンを最後に配置することで、タイムラインが終了することをユーザーに示し、開始まで後方に押します。

タイムラインプレーヤーも支援できます。遊んでいる間にそれを着色することにより、あなたはそれが押し進められ、時間が経過していることを示します。着色を解除することで、一時停止したことを示します。

これが私のモックアップです: UI Mock Up

4
jonshariat

これがiPodやSpotifyなどのかなり主流のプレーヤーでどれだけ広く使用されているかを見ると、ほとんどのユーザーはこれで問題ありません。また、ほとんどのユーザーはおそらく、バックグラウンドでストリーミングが行われている場合など、状態が何を意味するのかを考えすぎないでしょう。音楽が再生されているか、再生されていないかのどちらかであり、再生/一時停止の切り替えはこれをかなりよく示しています。

2
John-Philip

同じボタンでの再生/一時停止は好きではありませんが、「エコノミー」の観点から利点を理解しています。また、使いやすさの観点からもそれが理にかなっています。

別のシステムを作成しようとすることは最善のアイデアではない可能性があります(新しいものを発明することは良くないとは言いません)。これは、最も認識されている実証済みのシステムであるためです。

iTunesは何かを使用しますさらに悪い(IMO)これは再生/一時停止であり、停止ボタンはありません...

「私の」信頼できるSoundJam MPはこれを使用します:

soundjam

A 再生停止および一時停止。それは非常に明確であり、素晴らしい働きをします。

考慮すべきもう1つのことは、キーボードショートカットです。これは私にとって最も重要です。正直に言うと、過去数か月間これらのボタンをどれも押していなかったため、キーボードショートカットを使用し、バトラー(Mac)経由で再生を制御しています。ショートカットも...これは、ボタンシステムを単純化することがそれほど悪い考えではない場合、つまり、あまり使用されないため(?)

1
jackJoe

再生/一時停止の記号(三角形の右の頂点に垂直線が融合した矢印)は、電子機器で使用される半導体デバイスのダイオードの記号でもあると思います。ダイオードがどのように機能するかを調べたら、再生/一時停止のシンボルのデザインに満足できると思います。

0

実装する機能の量に大きく依存します。

明確さと機能上の理由から、3つのボタンを保持することをお勧めします。

プレイ

  • 停止または再生中の場合:選択した曲を最初から開始します
  • 一時停止した場合:現在の位置から選択した曲の再生を再開します

一時停止

  • 再生中の場合:曲を一時停止します
  • 一時停止した場合:再生を再開します
  • 停止した場合:何もしない/無効にする

停止

  • 再生中または一時停止中の場合:再生を停止し、曲の位置をクリアします
  • 停止した場合:何もしない/無効にする

これは、古いWinAmpが次のように動作する方法です。 Play/Pause/Stop in Winamp

0
Chaoskatze

@jonshariatに触発されて、私は 私のサイトのタイマー 用にこれと同じバージョンを作成しました:

enter image description here

また、spotifyの場合と同様に、スペースバーがタイマーを停止/開始するように機能しています。

0
icc97