web-dev-qa-db-ja.com

タブレット/電話のバックグラウンドビデオ?それとも静止画?

私が理解しているように、ユーザーが不要なデータを使用するのを防ぐために、ビデオはタブレットや携帯電話では自動再生されません。同時に、ビデオをウィンドウ全体の背景で使用する傾向があります。モバイルサイトで何をすればよいのでしょうか。

  1. ビデオを削除して画像に置き換えますか?
  2. 静止画像をロードして、ユーザーにビデオを再生するオプションを提供しますか?
  3. ビデオを(一時停止して)ロードし、ユーザーにビデオを再生するオプションを提供しますか?
  4. たぶん、アニメーション画像を使用しますか?

バックグラウンドビデオはWebサイトの主な焦点ではないことに注意してください。したがって、これらのビデオは、使いやすさよりも美学に関するものです。

3
gdaniel

私は内部のJakob Nielsenをチャネリングし、ユーザーの信頼を乱用しないでください。要求していない画像(この場合はビデオ)をダウンロードするように強制しないでください。平均的なユーザーはまだ28.8モデムまたは最大56.6(3Gまたは最大4G LTEにする)を使用しており、これはユーザーのコンテンツへのアクセスを妨害するだけです。ユーザーがそれを望むなら、彼はそれをダウンロードすることができます。

本当に重要だと思うなら、非同期にロードしてください。私は時々(電車を待っている)3Gサービスをほとんど利用できず、バックグラウンドビデオをダウンロードしたくない場所にいます。

1
Mayo

ビデオのコンテンツがユーザーにとって重要ではなく、主に「アンビエンス」に使用される場合は、画像に置き換えます。ユーザーにビデオを再生するオプションを提供することは、ユーザーにやるべきことの不必要な選択を追加するように思えます。

アニメーション画像は実際にはビデオと同じデータ使用量ですが、アニメーションの各フレームをダウンロードする必要があるため、データ量は少なくなりますが、品質は低下します。

0
skwokz

私は最近この問題を実験しており、最高のビデオ代替品となる画像は見つかりませんでした。画面の領域が非常に少ないため、背景画像が邪魔になることがあります。次に、Webページの一部の間に画像を配置し(1ページャーでした)、サイトにいくつかの画像を残すために、ある種のパラレックス効果を使用しました。

ビデオの背景について話すとき、本当に重要なことが1つあります。モバイルファーストを構築し、必要な場合にのみデザインに追加(LOAD)します。メイヨーがすでに述べたように:

要求していない画像(この場合はビデオ)をダウンロードするように強制しないでください。

0
Pascal

ユーザーが状況に応じて、モバイルインターネットアクセスに基づいて切り替えることができるように、おそらく2つのオプションを提供できると思います。動画/画像が利用できないランディングページのライトバージョンを作成し、必要なコンテンツのみを表示します。また、デスクトップWebで提供されているのと同じデザインを複製する標準としての他のバージョン。

また、デバイスのインターネット接続を検出するインテリジェントなアルゴリズムを記述し、ユーザーが使用できるバージョンをユーザーに提案することもできます。この手法はGoogleによって使用されています。これがうまくいくことを願っています。

Typeform は、この問題を処理する方法の実用的な実例を提供します。これは、3番目のポイントとほぼ一致しています。

ビデオを(一時停止して)ロードし、ユーザーにビデオを再生するオプションを提供しますか?

デスクトップデバイスでは、ビデオが自動的に再生されます。 iPadまたはAndroid電話(私がテストした唯一の追加デバイス))では、ビデオの静止画が大きな再生ボタンがオーバーレイされて表示されます。効果は、ビデオをプライマリとして提示することですページ上で対話が可能です。彼らは巧妙に非常に逮捕的な画像を使用しています(執筆時点では、犬が画面をなめているのです)。これは、再生ボタンのクリックをたっぷり発生させるのに十分な興味を引き起こしていると思います。ビデオ自体がフルスクリーンで開きます(つまり、バックグラウンドで実行されていません)。

ユーザーにビデオを再生するオプションを提供することは良いアプローチだと思いますが、他のポスターが述べているように、最終的な決定はユーザーにとってのビデオの重要性に主に基づいているべきです。 Typeformはかなり説得力があり、製品の機能をうまく捉えています。つまり、ユーザーとビジネスの両方に注目する価値があります。これを New Relic と比較してください。デスクトップの背景ビデオは間違いなく「雰囲気」のためだけのものです。モバイルでは、背景が空白で、明確で実用的なメッセージが表示されます。この動画は、ユーザーエクスペリエンスをモバイルに含めることを正当化するのに十分ではありません。コンテンツ戦略の観点からは、限られた数のチャネルにのみ付加価値をもたらすコンテンツを生成する理由を尋ねることができますが、これはおそらくUXディスカッションでは少しずれたトピックです。

0
Willl

バックグラウンドビデオに再生/一時停止コントロールを与えることは、良い習慣ではありません。静止画像を読み込み、ユーザーに動画を再生するオプションを提供する#2を使用することをお勧めします。ほとんどのユーザーは、リクエストしていない動画のモバイルデータを使いたくないと思うことに注意する必要があります。

0

美学が何よりも重要な場合は、オプション1を使用します。

  • ユーザーが要求しない限り、貴重なモバイル帯域幅を消費しません。
  • ビデオは単なる背景のキラキラであり、重要な情報を提供しないか、またはマーケティングの目標到達プロセスを完了するためにそれを表示する必要がないため、デスクトップバージョンと一致します。
  • .jpgまたは.pngは、アニメーション化された.gifよりもサイズの最適化が大幅に簡単です。
0
chocobanana