短視頻應(yīng)用如何做好沉浸式體驗設(shè)計？

在視頻畫面尺寸、手機屏幕分辨率極多的復(fù)雜情況下，如何通過布局、內(nèi)容、視窗擠壓、智能滿屏等形式，進一步提升視頻看播沉浸式體驗?zāi)兀?/p>

沉浸式體驗是讓人專注在當前的目標，全身心投入并感到愉悅和滿足，從而忽略時間的流逝。應(yīng)用到界面上則是更強調(diào)聚焦內(nèi)容，減少不必要的打擾。本次研究與實踐針對視頻場景中視頻所呈現(xiàn)的畫面，通過精細化的設(shè)計，在多樣化的手機屏幕中呈現(xiàn)時，能夠帶給用戶更為沉浸的視頻觀看體驗。

視頻播放器中視頻畫面當然是最主要的內(nèi)容，以此作為突破點進行思考：

大化畫面視野：通過改變視頻畫面本身的大小，減少頁面“留白”，讓用戶更聚焦視頻畫面，觀看視頻時更專注。

最佳視線觀看位置：將不同高度的視頻按照頁面結(jié)構(gòu)去布局視頻畫面，通過畫面避讓狀態(tài)欄、頂?shù)?nbsp;bar 結(jié)構(gòu)的方式，使畫面更加整潔，減少元素混亂帶來的干擾，同時整體位置偏上展示，視線落點更加舒適。

觀看體驗連續(xù)性：視頻瀏覽過程中，非必要不打斷視頻瀏覽，在進行如查看評論、臨時退出播放器等行為時，保證視頻播放的連貫性，方便用戶多操作。

大化視頻畫面視野

隨著時代的發(fā)展，為提升消費者對手機的操作體驗，智能手機逐漸多元化，手機屏幕尺寸迭代更快、更加豐富多樣。手機作為視頻很重要的生產(chǎn)端，手機屏幕尺寸的多樣化影響到產(chǎn)出視頻尺寸的多樣化，同時用戶可通過視頻編輯工具任意編輯視頻尺寸，最終生產(chǎn)的視頻尺寸比例自由度非常高。據(jù)不完全統(tǒng)計視頻平臺中視頻尺寸達 22 萬多種，用戶使用機型近 300 種，在視頻尺寸多樣性及視頻展現(xiàn)媒介多樣性的現(xiàn)狀下，需要兼容性更強的裁剪及展現(xiàn)規(guī)則才能帶給用戶更好的觀看體驗。我們要做的就是將不可控的視頻資源和不可控的瀏覽視頻設(shè)備設(shè)計為可控的視覺展示效果，并大化視頻畫面。減少環(huán)境干擾，給用戶帶來沉浸式感官體驗。

智能滿屏

通過裁剪方式放大畫面視野之外，還通過讓用戶自主交互操作再次放大畫面視野，調(diào)整到自己喜歡的觀看視頻的方式。相較于上方默認裁剪放大，滿屏方式更加激進極致，畫面放大更多。開啟方式除了通過面板功能按鈕外，增加便捷交互開啟手勢，用戶可雙指放大快速開啟。

由于滿屏是用戶主動操作放大行為，可以接受文字內(nèi)容被裁剪，但也需要有節(jié)制的放大，避免帶來畫面裁剪過多視覺體驗不佳的問題。為了保證 95%以上資源撐滿全屏，達到放大畫面視野極致體驗。同時大畫面裁剪面積不超過一定比例（根據(jù)自身業(yè)務(wù)視頻資源判斷），將視頻資源細分為 3 類進行不同效果處理：

可繼續(xù)放大至滿屏的視頻，則進行滿屏展現(xiàn)。

不可繼續(xù)放大的視頻，如果繼續(xù)放大會導(dǎo)致裁剪畫面過多影響觀看完整度與觀看體驗，則保持上方提到的裁剪規(guī)則，不做另外處理。

橫版視頻統(tǒng)一放大至固定尺寸，可根據(jù)自身業(yè)務(wù)資源進行放大尺寸的定義。

觀看體驗連續(xù)性

在視頻場景觀看評論時會彈起半屏面板，遮擋住視頻內(nèi)容，導(dǎo)致用戶無法在瀏覽評論的同時觀看視頻內(nèi)容。我們通過視窗上移動擠壓功能，在瀏覽面板內(nèi)容時不對視頻內(nèi)容打斷，弱化面板內(nèi)容給用戶帶來的影響。

視窗高度固定，畫面寬高比越小畫面內(nèi)容越小，觀看體驗不友好，所以豎版視頻對壓縮后的顯示尺寸進行干預(yù)，定義最小視頻畫面展示比例，盡量擴大畫面視野，保證觀看視頻的舒適度。

在不打斷用戶視頻瀏覽的基礎(chǔ)上還建設(shè)了懸浮小窗交互體驗，旨在為用戶提供完善優(yōu)質(zhì)的視頻消費體驗。用戶進行其它操作時仍保留視頻后臺播放，同時也能在屏幕角落觀看到縮略圖大小的視頻播放窗口，可以從任何頁面中觀看視頻，我們同時也保留了部分視頻基礎(chǔ)操作。觀看體驗連續(xù)性讓用戶對視頻有絕對的主控感，提升用戶使用體驗的滿意度。

沉浸式體驗設(shè)計是幫助用戶減少畫面干擾，讓用戶專注于當前的視頻瀏覽，忽略時間的流逝進入心流狀態(tài)。我們通過放大畫面視野，增強畫面沖擊力的方式減少干擾，并解決在視頻畫面尺寸、手機屏幕分辨率極多的復(fù)雜情況下，保證畫面效果的穩(wěn)定和可控，并且不會受阻于未來手機機型的擴充發(fā)展，普適性極強。同時通過視窗擠壓、懸浮小窗的交互體驗專注于當前的視頻瀏覽不被打斷，進一步提升視頻看播沉浸式體驗。后續(xù)我們將不斷探索視頻場景沉浸度提升方式，為用戶帶來更加舒適的觀看使用體驗。

分享文章：短視頻應(yīng)用如何做好沉浸式體驗設(shè)計？
文章地址：http://www.muchs.cn/news7/313057.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、搜索引擎優(yōu)化、靜態(tài)網(wǎng)站、網(wǎng)頁設(shè)計公司、App設(shè)計、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)