web-dev-qa-db-ja.com

メディアを再生するための再生ボタンと一時停止ボタンの分離

トグルする単一のボタンから再生一時停止アクションをトリガーすることは悪い考えであることをどこかで読んだことを覚えているようです

このイディオムはうまく機能しているようです(たとえば、スペースを押してvlcでビデオを再生または一時停止します)

同じボタンでこれらの両方の操作を行うことに対する反対論は(もしあれば)何ですか?

17
Willbill

このようなトグルボタンの問題は、2つの機能の融合に帰着します。

  • 行動を起こすためのアフォーダンス。
  • 現在の状態を表示します。

ボタンの主な目的はアクションを実行することであるため、ユーザーが押すことでアクションを実行できるように、ボタンは押せるように見える必要があります。状態の表示にも使用すると、混乱を招く可能性があります。

ボタンが一時停止を示している場合、それはその状態が一時停止しているのか、それともそのアクションが一時停止しているのですか?再生/一時停止のケースでは、慣例により一時停止が表示されているように見えます(iTunesのように)。しかし、Slacker.comはその逆です(そして、私はiTunesをもっと使うので私を混乱させます)。

この混乱は、条約がそれほど強くない状況ではさらに悪化します。

ほとんどの場合、2つの相互に排他的なボタンを使用して、現在のボタンを強調表示し(機能1 /機能2のトグルではなくオン/オフのトグル)、2つのボタンを近接とスタイルで視覚的に関連付けます。不動産が原動力であり、強力な慣習が確立できる場合は例外を設けます。

(ところで、私は最近、古いリールトゥリールテープに一時停止ボタンと停止ボタンの両方があることの起源をたどった記事を読みました、そしてその停止は今日完全に不要です。 。他の誰かが持っていますか?)

14
Jim Jarrett

トグルボタンの問題は modes に関係しています。

ユーザーインターフェイスの設計では、モードはコンピュータープログラムまたは物理マシンインターフェイス内の個別の設定であり、同じユーザー入力で他の設定とは異なる結果が認識されます。最もよく知られているモーダルインターフェイスコンポーネントは、おそらく標準のコンピューターキーボードのCaps LockキーとInsertキーです。どちらも、ユーザーの入力を押した後に別のモードに切り替え、再度押した後は通常のモードに戻します。

これはWikipediaからのものであり、そこで読むのをやめると、再生/一時停止ボタンの組み合わせは悪い考えのように聞こえます。 モードは有害であると見なされる前に聞いたことがあるでしょう

ただし、この記事では、Jef Raskinの The Humane Interface からモードの正確な定義を引用しています。

「ヒューマンマシンインターフェースは、(1)インターフェースの現在の状態がユーザーの注意の軌跡ではなく、(2)インターフェースがジェスチャーに対するいくつかの異なる応答のうちの1つを実行する場合、特定のジェスチャーに関してモーダルです。システムの現在の状態。」 (42ページ)

したがって、「インターフェースの現在の状態がユーザーの注意の軌跡ではない」場合にのみ、再生/一時停止ボタンはモーダルになります。 注目の軌跡は、あなたが考えていることを意味します。

メディアプレーヤーを使用している場合、何かが再生されている(または再生されていない)ことに注意が集中します。したがって、再生/一時停止ボタンはモーダルではなく、正常に動作します。

15

一部のユーザーは、リンクやボタンをクリックするなどのアクションを実行するときにシングルクリックとダブルクリックを間違えます。

再生/一時停止ボタンをダブルクリックしても、何も起こりません。

5
badp

両方を同じボタンに含めるのは理にかなっていると思います。映画が再生されていないときに一時停止する必要はありません。また、一時停止または停止されていないときに再生する必要もありません。

3
LoganGoesPlaces

彼らが同じボタンにいるとき、私は嫌いです。私はいくつかのデバイスを使用していますが、それらのデバイスが再生を開始したことを適切に示さない場合があります。そのため、ボタンを押していないのか、それともまだ何も起きていないのか、わかりません。ボタンをもう一度押すと、

  • 一時停止または
  • 本当の始まり

「iPodが長い、聞こえないイントロでmp3を再生している」のような場合、何が起こっているのかを常に知ることはできません。デバイスによっては、トラブルシューティングが非常に困難な場合があります。あまりにも多くのハードウェア/ソフトウェアはバグがあるように見えるので、コマンドを確実に実行するために何度も押すことができるボタンがあればいいでしょう。

オンラインで考慮すべきもう1つの要素は、ビデオが自動的に再生を開始するかどうか、およびそのパフォーマンス(ロードして再生するのに時間がかかる場合)が再生ボタンを探す場所(自動再生の場合)ですが、ロードするのを待つ間、一時停止ボタンが表示されます。最初の数秒は、ユーザーがビデオプレーヤーの動作のメンタルモデルを作成するために重要であり、再生ボタンが表示されないことはイライラすることがあります。

各アクションには独自のボタンが必要です。

単一の(トグル)再生ボタンでうまくいきます。動画が再生されている場合は、点灯して「アクティブ」と表示され、再生されていない場合は、プレーヤーの他のボタンと同様にオフの状態で表示される必要があります。 。メッセージの一貫性を保ちます。 Playで、オンまたはオフの2つの状態があります。

3
MonkeyMan

それは、UIのベースになっているデバイスと、ターゲットユーザーが何を期待しているかによって異なります。

Joukeが言及しているように、ほとんどのポータブルミュージックプレーヤーは、スペースを節約するために再生/一時停止ボタンを組み合わせているので、UIでそれらを組み合わせるのは理にかなっています。ただし、ターゲットを使用してボタンを分離する場合は、UIでボタンを分離する方が理にかなっています。

2
ChrisF

同じボタンで好きです。音楽がすでに再生されている場合は何もしないので、別個の再生ボタンを持つことは、スペースの無駄のように見えます。

ボタンを組み合わせることに反対する議論の1つは、1つのボタンが2つの反対のことを行うため、人々が混乱する可能性があるということです。しかし、最近ではほとんどの音楽プレーヤーが1つのボタンに機能を組み合わせているため、これは問題にならないと思います。人々はすでに組み合わされたボタンに慣れている可能性が最も高く、ボタンが分離されていると混乱する可能性が高くなります。

1

次の条件で、常に単一の「再生/一時停止」ボタンを使用すると言います。

  • ボタンはonly使用可能なアクションを表示する必要があります。したがって、プレーヤーが「再生」状態の場合、一時停止ボタンが表示されているはずです。プレーヤーが一時停止している場合は、再生ボタンが表示されているはずです。これにより、ボタンがクリックされた場合にどうなるかがユーザーに明らかになります。 (iTunesを考えてください)

その条件が満たされない場合は、2つのボタンを分離する必要があります。各アクションが何をするかをユーザーに明確にする必要があります。

1
wnathanlee

@Jim Joel SpolskyのDev Daysによる講演は、これと同じかもしれません: http://joelonsoftware.com/items/2010/08/19.html 、必要性の欠如について議論しましたリールツーリールのない停止ボタン。

この質問に対する理論的な回答は、アフォーダンスに関するほとんどすべての重要なポイントをカバーしているので、より実用的な回答を提供します。

  1. あなたの聴衆の経験について考えてください。ソフトウェアベースまたはハードウェアベースのデジタルミュージックプレーヤーを使用したことがあれば、再生/一時停止ボタンは1つだけです。
  2. 特定の対象者が不明な場合:

    ほんのわずかな量の経験的事実(たとえば、2人のユーザーを観察する)でも、正しいUI設計の決定を行う確率が大幅に向上します。 (Nielsenの「Guesses vs. Data」記事から)

私の経験では、ユーザーが実際に使用可能であると考えるものに何らかの影響を与えることについて、私が意見を述べるのはまれです。慣習、ユーザーのメンタルモデル、およびテストは、ここであなたの友達です。

1
jasonrr

多くの場合、UI設計は類推についてです。私の意見では、ユーザーは、たとえば、光スイッチ。

スイッチのオン/オフに慣れているユーザー向けに設計していますか?良さのために、ボタンを1つ押してください。これらのコントロールは本当にどこにでもあります:ライトスイッチ、車のエンジン、ボールペンなど...

誤って機能を起動させたくない場合にのみ、機能を分離してください。

1
xtofl

再生ボタンと一時停止ボタンを組み合わせると、技術的には再生ボタンを削除することになります。

再生ボタンは、通常、トラックの最初から再生を開始することになっています。一時停止ボタンは、再生を一時停止することも、現在の位置から再生を再開することもできます。再生/一時停止ボタンの組み合わせは、一時停止ボタンと同じように機能します。

0
Simon White