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

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

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

雰囲気の動(dòng)畫：

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

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

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

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

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

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

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

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

Webビデオの未來(lái)

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

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