2021-5-24 濤濤
無論是在生活場景、工作場景還是學(xué)習(xí)場景中，視頻播放的普及度都已經(jīng)非常之高，為我們的多元化場景帶來便利。視頻功能在產(chǎn)品中的體現(xiàn)也已經(jīng)成為基礎(chǔ)功能，在設(shè)計層面的不斷優(yōu)化對于產(chǎn)品設(shè)計師來說至關(guān)重要。
本文特意結(jié)合目前比較熱門的產(chǎn)品，為大家梳理了涉及到視頻功能的產(chǎn)品在設(shè)計上面的解決方案。希望這些優(yōu)秀的設(shè)計思考可以帶給產(chǎn)品設(shè)計師更多的靈感，不斷探索和發(fā)現(xiàn)優(yōu)秀的設(shè)計解決方案。
影視類產(chǎn)品在不斷優(yōu)化用戶體驗的時候，為了滿足用戶在一些特殊場景下的使用體驗，推出了后臺播放的附加功能。比如用戶在步行中、騎行中，或者處于不便于觀看視頻的場景中，可以采用后臺播放。視頻將會以音頻的形式后臺播放，讓用戶從視聽體驗轉(zhuǎn)為音頻體驗，也是一種變相的解決方案。
思考：考慮到用戶的多場景需求，而不只是底層的需求。
很多用戶在睡覺前都會習(xí)慣刷一下視頻，有時候經(jīng)常會忘記關(guān)閉視頻就入睡了，第二天起來發(fā)現(xiàn)手機沒電啦！定時關(guān)閉功能的出現(xiàn)解決了用戶這一痛點，可以根據(jù)自己入睡的大致時間評估，設(shè)置定時關(guān)閉的時間段。人性化的功能設(shè)置在細(xì)微之處考慮到了用戶痛點，圖標(biāo)設(shè)計也是結(jié)合場景化表現(xiàn)，提高用戶對于產(chǎn)品的操作體驗。
思考：幫助用戶培養(yǎng)習(xí)慣和解決用戶可能會出現(xiàn)的失誤，以情感化的方式拉近與用戶之間的親和力。
為了考慮到特殊人群的使用體驗，讓視頻播放的效果符合不同用戶的視覺感知，色覺障礙優(yōu)化的功能設(shè)置人性化的呈現(xiàn)了解決方案。該功能針對色覺障礙用戶的臨床表現(xiàn)，優(yōu)化視頻色彩來提高畫面辨識度。
思考：考慮到特殊人群的使用體驗，才能把產(chǎn)品的體驗延伸到更多的場景。
隨著短視頻的盛行，利用空余時間刷視頻成為用戶消磨時間的方式之一。對于視頻上傳用戶來說，根據(jù)視頻拍攝的題材會選擇適合的比例，有些題材適合橫屏比例。
抖音作為短視頻平臺積累了龐大的用戶量，視頻的種類和播放比例也是豐富多樣。為了滿足用戶的播放需求，設(shè)計了“全屏觀看”的切換按鈕，方便用戶觀看寬屏視頻的需求。觀看體驗的升級帶給用戶人性化的體驗，也方便更多比例視頻的完美呈現(xiàn)。
思考：為用戶提供匹配當(dāng)前內(nèi)容的方式，而不要局限在內(nèi)容創(chuàng)造本身的匹配度上。
在刷短視頻的時候，刷到自己感興趣的內(nèi)容想要繼續(xù)看完續(xù)集，以往的做法是進入作者主頁挨個尋找，視頻多了找起來很慢，用戶體驗很差。短視頻平臺提供了“剛剛看過”的快速定位操作，點擊之后會直接定位到剛剛看過的視頻位置，方便用戶觀看續(xù)集。人性化的功能設(shè)置節(jié)省了用戶的操作成本，方便一些持續(xù)更新的視頻內(nèi)容更好的進行觀看體驗。
思考：節(jié)省用戶的時間就是提高自己的認(rèn)可度，培養(yǎng)用戶的依賴度。
在觀看一些兒歌、短片視頻合集的時候，右側(cè)的視頻目錄區(qū)采用名稱和視頻截圖預(yù)覽呈現(xiàn)，直觀的預(yù)覽效果增加點擊觀看的欲望。小朋友在刷兒歌視頻的時候，降低了學(xué)習(xí)成本，切換視頻也更加便利。
思考：降低用戶的理解成本，才能獲得用戶的青睞。
情感化的設(shè)計可以拉進與用戶之間的親和力，體現(xiàn)產(chǎn)品人性化的一面。在特定的節(jié)假日或者特殊時間內(nèi)，為了增強氛圍，視頻播放暫停的設(shè)計上面設(shè)計師也投入了很多小心思。比如在跨年期間，雙擊屏幕暫停時會出現(xiàn)綻放的煙花效果和 2021 年的絢麗文字，氛圍的營造帶動了跨年的氛圍，帶給用戶更加溫馨的感官體驗。
思考：提高用戶體驗的設(shè)計，就存在于細(xì)微之處的變化中。
有時候我們沒有明確的觀影目標(biāo)，打開一個視頻后還想繼續(xù)尋找更好的影片，又怕當(dāng)前影片有看點。“畫中畫”功能解決了這個痛點，觀看視頻時點擊“畫中畫”當(dāng)前播放視頻縮小窗口顯示在側(cè)邊，用戶還可以繼續(xù)瀏覽新的內(nèi)容，篩選更多可能性。
思考：在用戶沒有明確目標(biāo)的時候，帶給用戶多種選擇性。
將影片投到電視觀看是家庭觀影的最佳選擇，讓觀影體驗不局限于方寸之間的設(shè)備上，還能與家人朋友一起觀看影片。如果家里有小孩子需要看動畫片之類的，除了投屏電視給他們觀看以外，自己還能繼續(xù)在 App 上觀看別的影片，雙向選擇提高了用戶的多場景需求體驗。
思考：特殊場景下不僅需要滿足用戶的需求，也要考慮用戶可能會出現(xiàn)的周邊困境。
各種手勢的研究是產(chǎn)品設(shè)計師探索的方向，在刷短視頻的時候，向左滑動除了進入作者主頁以外，也有產(chǎn)品選擇曝光作者更多視頻作品。更多視頻的曝光不僅方便用戶觀看續(xù)集，還能通過更多視頻的觀看建立對作者的好感度，讓用戶充分的判斷是否需要關(guān)注作者。該交互形式給用戶提供了更多的判斷權(quán)，也提高了作者更多視頻作品的曝光度。
思考：通過交互形式的改變給用戶帶來便利，也給作者帶來曝光度，平臺也提高了使用體驗，這是最穩(wěn)固的體驗三角形。
在視頻播放中的手勢交互為用戶的操作提供了便利，短視頻中的單擊暫停/播放、雙擊點贊、長按浮層、左右滑動也有對應(yīng)的內(nèi)容變化。目前運用比較多的是單手操作的手勢，同樣的手勢在不同的產(chǎn)品中也激活不一樣的功能操作，比如影視 App 中通常是雙擊暫停/播放。作為產(chǎn)品設(shè)計師我們在交互設(shè)計的時候，手勢的變化在視頻功能中的運用可以深入探索。
思考：手勢交互的運用可以在原本的基礎(chǔ)上實現(xiàn)更多可能性。
在很多自媒體上大家經(jīng)常會看到很多影視片段的 GIF 動畫，不僅增加了趣味性，也間接的傳播了視頻內(nèi)容。很多視頻類產(chǎn)品為了給用戶提供自動生成短視頻和 GIF 動畫的便利，提供了一鍵生成的操作，不僅可以選擇內(nèi)容區(qū)間，還可以自由控制時間。便利的操作降低了用戶的學(xué)習(xí)成本，還增加了用戶分享的趣味性。
思考：幫助用戶降低在外部平臺上分享內(nèi)容的制作成本，也是提高自身內(nèi)容被分享的概率。
截圖屬于手機系統(tǒng)自帶的功能，通過交互路徑操作或者設(shè)備按鍵快捷操作完成。而視頻播放器自帶的快照功能更便利，一鍵操作隨時定格畫面，還能快捷分享或者制作表情，非常的便利。
思考：只有把操作的時間和難度降低到臨界值，才能讓用戶逐漸形成依賴。
在觀看影片的時候，針對一些故事情節(jié)比較長的影片，我們可以選擇觀看指定角色的片段，或者選擇倍速播放等來實現(xiàn)個性化的觀影選擇。忙碌的生活讓我們少了一些觀影耐心，這也是短視頻備受喜歡的因素之一，片段的播放需求滿足了這部分用戶的需求。
思考：個性化的功能服務(wù)可以培養(yǎng)用戶對產(chǎn)品的忠誠度，這是形成種子用戶的關(guān)鍵。
由于移動端設(shè)備的大小限制，如何在有限的屏幕內(nèi)進行延展設(shè)計，是產(chǎn)品設(shè)計師探索的方向。分屏設(shè)計是在保持當(dāng)前視頻播放的前提下將屏幕劃分為更多模塊，不影響內(nèi)容進展的情況下進行更多功能操作。
比如愛奇藝觀看視頻時的夸夸功能操作，在操作功能的同時不影響用戶的觀影體驗，增加用戶觀影時的互動性。
思考：有限空間內(nèi)的更多可能性設(shè)計，是設(shè)計師不斷探索的過程，盡顯方寸之間的設(shè)計能力。
還有更多關(guān)于視頻功能在 UI 場景中的運用案例，這里僅拋磚引玉的列舉了部分設(shè)計分析，更多分析我們下期繼續(xù)。
針對單一功能的體驗總結(jié)，是分析和積累同一功能不同設(shè)計解決方案的形式，輔助增加設(shè)計需求中的效率發(fā)揮。產(chǎn)品體驗日記總結(jié)的不同維度帶來不同的深度思考，希望這個維度的總結(jié)起到拋磚引玉的作用，帶給大家更多的思考方向和總結(jié)思路。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：優(yōu)設(shè) 作者：黑馬青年
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.sdgs6788.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://m.sdgs6788.com