web-dev-qa-db-ja.com

ビデオコントロールをビデオの上部に配置することは許容されますか?

ビデオコントロールをビデオの上部に配置しても問題ありませんか? そうです:

VideoControlsTop
主にNetflixのようなフルスクリーンのビデオストリーミングプラットフォームを検討していますが、このフォーマットにはいくつかの利点があると思います:

  • 字幕は常に表示され、ビデオコントロールが表示されてもジャンプしません。これは、面接状況での名前/説明などのテキストオーバーレイにも適用されます。
  • 私の意見では、これはWebページの自然な流れに従います。ブラウザのツールバーとコントロールが、Webサイトのメニューバーやその他の重要な操作とともに上部に表示されます。

私が今考えることができる唯一の欠点は:

  • モバイルデバイスでは、ユーザーの手が画面を覆い隠す可能性が高くなります。
  • ユーザーが慣れていることではありません。
28
Woodwoerk

マイナス面は大きいですが、あまりメリットは見られません

あなたが言及する利点については:

  • 字幕をぼかすことについてのポイントは私にはかなりマイナーに思えます。通常、ナビゲーションを使用する場合、ユーザーはとにかくビデオコンテンツから注意をそらされます。 更新:一部の人々はコンテンツを不明瞭にすることを拒否しました。ただし、ユーザーがナビゲートするときにすべてのコンテンツを表示する必要がある場合は、ウィンドウのサイズを変更することで解決できるようです。字幕が少し上がってもそれほど問題にはなりません。
  • 上部にナビゲーションがあるWebページの構成は、主に可変長のコンテンツが原因で画面に収まらない可能性があります。ナビゲーションが表示されていることを確認することが重要です。ナビゲーションを上部に置くと、これが簡単になります。ただし、これはビデオには当てはまりません。固定ビューポートであり、常に完全に表示されていないと役に立たないためです。

あなたが両方に言及する欠点は重要に思われます:

  • ますます多くのユーザーがタッチ入力を使用しています-スマートフォンやタブレットだけでなく、一部の新しいラップトップやデスクトップでも同様です。ビデオコントロールにアクセスするために画面を不明瞭にすると、これらすべての人々にとって迷惑になります。
  • 「ユーザーが慣れているのとは違う」というのは大したことです。これは、ユーザーがアプリ/サイトを快適に利用できるようにするための大きな違いになります。利益。
36
user31143

パネルの上部は通常、パネルのコンテンツではなく、パネル自体を制御するために予約されています。

たとえば、あなたの例では、右上に全画面アイコンがあり、一見すると、パネルを完全に閉じる「X」アイコンに驚くほど似ています。

また、コンテキスト外では、それが機能するかどうかを判断することは困難です。モックアップのような単一のウィンドウとしては1つのことですが、コンテンツとブラウザクロームを含むページに埋め込まれると、別の問題になる可能性があります。

だからといって、それが受け入れられないわけではありませんが、テストする必要があります。あなたは人々がそれについてよりもいらいらしていることに気付くかもしれません。

15
JonW

なぜ私はいけないのですか?」ではなく、「なぜ私がいいのですか? "。

現在、事実上の標準はタイムラインを一番下に置くことです。これを変更すると精神的な摩擦が発生するので、基準に従わないことには十分な理由があるはずです。十分な理由がある場合は、はい、多分、多分、上に移動します。ただし、代替ソリューションを最初に検討してください。

なぜそれらを上に移動したいですか?

インターフェースの他の部分と一貫性を保つには?さて、PCの下部にタスクバーがあり、通常、電話の下部にボタンがあります。ブラウザウィンドウにスクロールバーがある場合、それは一番下にあります。したがって、すべての対話機能が一番上にあるわけではありません。

字幕の邪魔にならないようにするには?既に述べたように、コントロールを使用すると、もはや映画自体に集中する必要はありません。多くの場合、画面は少し暗くなります。しかし、両方に注意を払いたいとしましょう。本当の問題は何ですか? (赤い)バーはテキストの邪魔になります。どちら側にも再生ボタンやフルスクリーンボタンはありません。赤い線だけ。

では、その行を画面の下部に移動し、必要に応じてテキストを数ピクセル上に移動するとどうなるでしょうか。ここにモックアップがあります:

enter image description here

7
PixelSnader