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

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

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

雰囲気の動畫：

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

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

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

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

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

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

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

幸いなことに、ストックビデオがますます利用できるようになっています。 ストック畫像ほど一般的ではありませんが、これは変わります。 Pexelsは人気のある無料リソースですが、Adobe Stockは優(yōu)れた品質(zhì)を提供します。 その他のオプションには、Videezy、X Stockビデオ、CoverR（私の個人的なお気に入り?。─蓼欷蓼埂?

Webビデオの未來

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

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