使用視頻時如何提供出色的UX

網絡視頻：2016年的設計趨勢將留在這裡。 一旦被認為是不可能的，視頻現在是旅行網站，創新初創公司和豪華電子商務的主食。它的力量在於喚起情感，仍然攝影經常努力實現。 想想Airbnb迷人的視頻標題 - 它們完美地傳達了“外出家”的感覺。

但是，視頻的較大文件大小和屏幕優勢需要仔細考慮。 讓我們探索使所有用戶（包括殘疾人）訪問視頻豐富的網站的方法。

>

優化視頻尺寸和位置

視頻是一種高影響力，但潛在風險的網絡元素。 關鍵決定是它的大小，這完全取決於其目的。

>

氛圍視頻：

>這些替換傳統英雄標頭圖像，巧妙地設定了心情。 它們經常填充屏幕，但分辨率較低，以更快地加載。 只要它們創造了所需的情感響應，就可以接受模糊或抽象的視覺效果。 >

例如，一個豪華的旅行網站可能會使用氛圍視頻展示田園詩般的島場景來喚起冒險和放鬆的感覺。 >

解釋器視頻：

這些較短的視頻（通常不是全屏）的轉換率很長。 基於卡的設計等現代趨勢允許較小，侵入性較小的視頻集成。

>

> Facebook的自動播放（除非與之互動）是非侵入性視頻功能的一個很好的例子。 與文本替代方案相結合，這種方法迎合了更廣泛的受眾。 >

自動播放使電機障礙的用戶受益，而較小的視頻尺寸允許文本摘要，充當視覺替代文本。 視頻不必壓倒性；它可以增強用戶體驗而不會疏遠那些有更簡單需求的人。 >

解決聲音和性能

像我一樣，聾啞用戶經常被意想不到的視頻聲音所阻止。 自動穆特至關重要，但是字幕和文本替代方案同樣重要。 但是，請確保清晰可見字幕，以避免用戶缺少它們。

> 視頻的高帶寬成本是一個重要因素。 僅使用更快的互聯網速度才成為可行的網絡媒體。 考慮您的目標受眾：如果不是一個大型，高帶寬的市場，則視頻可能不是最佳選擇。 世界上很大一部分仍然缺乏可靠的Internet訪問。

>採購高質量的視頻錄像

>幸運的是，庫存視頻越來越多。 雖然不像庫存圖像那樣普遍，但這會改變。 Pexels是一種流行的免費資源，但是Adobe Stock提供了卓越的質量。 其他選項包括Videezy，X Stock Video和Coverr（我個人最喜歡！）。

網絡視頻的未來

隨著網頁設計趨勢的發展，視頻的角色也會發展。 新趨勢帶來了新的組件，從而實現了創新的視頻實現。 網絡視頻的未來是光明的，我很高興看到下一步！ 在下面的評論中分享您的想法！

>

以上是使用視頻時如何提供出色的UX的詳細內容。更多資訊請關注PHP中文網其他相關文章！