ビデオを使用するときに素晴らしいUXを提供する方法

Webビデオ：2016年のデザイントレンドはここにあります。 不可能と見なされると、ビデオは旅行サイト、革新的なスタートアップ、豪華なeコマースの定番です。その力は感情を呼び起こすことにありますが、まだ写真が達成するのに苦労していることがあります。 Airbnbの魅惑的なビデオヘッダーを考えてください - 彼らは「家から離れた家」の感覚を完全に伝えています。

ただし、ビデオの大きなファイルサイズと画面の優位性が慎重に検討する必要があります。 障害のあるユーザーを含むすべてのユーザーがビデオ豊富なWebサイトをアクセスできるようにする方法を探りましょう。 ビデオサイズと配置の最適化

ビデオは、インパクトが高いが、潜在的に危険なWeb要素です。 重要な決定はそのサイズであり、それはその目的に完全に依存します。

雰囲気の動画：

これらは、伝統的なヒーローヘッダー画像に取って代わり、ムードを微妙に設定します。 多くの場合、画面を埋めますが、より速い負荷のために低解像度です。 目的の感情的反応を作成する限り、ぼやけたまたは抽象的なビジュアルは許容されます。

たとえば、高級旅行サイトは、牧歌的な島のシーンを紹介する雰囲気のビデオを使用して、冒険とリラクゼーションの感覚を呼び起こすかもしれません。

説明動画：これらの短いビデオは、通常はフルスクリーンではありませんが、高い変換率の長い歴史があります。 カードベースのデザインなどの最新のトレンドにより、より小さく、邪魔にならないビデオ統合が可能です。

Facebookのオートプレイ（対話しない限り音もありません）は、非侵襲的なビデオ機能の素晴らしい例です。 テキストの代替品と組み合わせると、このアプローチはより幅広い視聴者に対応しています。

Autoplayは、ユーザーに運動障害に役立ちますが、ビデオサイズが小さくなると、視覚的なALTテキストとして機能するテキストの要約が可能になります。 ビデオは圧倒的である必要はありません。より単純なニーズを持つ人を疎外することなく、ユーザーエクスペリエンスを向上させることができます。 サウンドとパフォーマンスへのアドレス指定

私と同じように、聴覚障害者は、予想外のビデオサウンドによってしばしば阻止されます。 Auto-Muteは非常に重要ですが、字幕とテキストの代替品も同様に重要です。 ただし、ユーザーが不足していることを避けるために、字幕がはっきりと見えていることを確認してください。

ビデオの高い帯域幅コストは重要な要素です。 インターネット速度が高速でのみ、ビデオが実行可能なWebメディアになります。 ターゲットオーディエンスを考慮してください。それが大規模で高帯域幅市場でない場合、ビデオは最良の選択ではないかもしれません。 世界の大部分にはまだ信頼できるインターネットアクセスがありません。高品質のビデオ映像の調達

幸いなことに、ストックビデオがますます利用できるようになっています。 ストック画像ほど一般的ではありませんが、これは変わります。 Pexelsは人気のある無料リソースですが、Adobe Stockは優れた品質を提供します。 その他のオプションには、Videezy、X Stockビデオ、CoverR（私の個人的なお気に入り！）が含まれます。

Webビデオの未来

Webデザインのトレンドが進化するにつれて、ビデオの役割も進化します。 新しいトレンドは新しいコンポーネントをもたらし、革新的なビデオ実装につながります。 Webビデオの未来は明るく、次のことを楽しみにしています！ 以下のコメントであなたのアイデアを共有してください！

以上がビデオを使用するときに素晴らしいUXを提供する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。