姚瓊 李戈

摘要：交互視頻打破了傳統(tǒng)視頻單一的交互方式，將視頻劇情和用戶互動相融合。本文提出交互視頻中動效的設計方法，從而豐富并提升交互視頻的用戶體驗。分析了動效設計的設計原則和技巧以及動效設計在交互視頻中的運用與價值，并提出了交互視頻現(xiàn)有的問題。動效設計的功能性、物理性、情感性這3個設計策略能提升交互視頻的用戶體驗，賦予整個產品活力。動效設計能夠讓交互視頻更自然、流暢，同時也能讓交互視頻與用戶的交互到達“潤物細無聲”的境界。

關鍵詞：交互視頻 動效設計 用戶體驗 情感化設計 交互影視劇 交互影像游戲

中圖分類號：J04 文獻標識碼：A文章編號：1003-0069（2023）13-0136-03

Abstract：Interactive video breaks the traditional single interaction method of video and integrates video plots with user interaction. This paper proposed the design method of motion design in interactive video so as to enrich and improve the user experience of interactive video.This paper analyzed the design principles and techniques of motion design and the application and value of motion design in interactive video. In addition，this paper also put forward the existing problems of interactive video. The functional，physical，affective design strategies of motion design can improve the user experience of interactive video and engender vitality to the whole product. Motion design can make interactive video more natural and smooth，and at the same time make the interaction between interactive video and user reach the realm of "smooth and silent".

Keywords：Interactive video Motion design User experience Emotional design Interactive TV series Interactive video game

引言

隨著媒體融合和傳播技術的發(fā)展，用戶獲取信息途徑的變化以及審美的提升，在人機交互的流暢性和沉浸式上提出了更高的要求，信息傳遞已經從圖形文字轉向動畫視頻形式。然而以往的傳統(tǒng)視頻單一的輸出模式已經無法滿足用戶的需求，用戶不僅要觀看視頻，也希望成為參與者，能代入其中親歷故事。由此交互視頻（Interactive Video，簡稱“IV”）應運而生。交互視頻的結構打破了傳統(tǒng)視頻單向線性的設置，用戶可以代入其中成為主角，參與劇中的環(huán)境，并決定劇情走向，促使用戶可以開啟“上帝視角”解鎖多種結局，極大地增強了用戶的參與感和沉浸感。在未來的發(fā)展過程中，交互視頻將會為人們日常生活、工作及學習提供便利。

由于交互視頻敘事以分叉式結構呈現(xiàn)出來，故事情節(jié)猶如樹狀分支，因此在交互視頻中，通過設計符合視頻劇情的動效設計，不僅能夠為用戶厘清故事的邏輯和脈絡，提供便捷的瀏覽路徑以提高用戶的時間成本，使其擁有流暢的用戶體驗感，賦予整個產品活力。

一、動效設計的類型與作用

動效設計的英文是Motion Design，是運動圖形設計（Motion Graphic Design）的簡稱，也稱為動態(tài)設計。運動圖形設計遵循平面設計和視聽語言的雙重標準，通過視頻或動畫來創(chuàng)作成動態(tài)影像的藝術形式[1]。通過給元素添加動畫效果，如：位移、隱藏漸現(xiàn)、光圈、縮放等來引導用戶，讓交互反饋更強有生命力。隨著互聯(lián)網發(fā)展趨于成熟，動效設計在數字產品的應用已經變成標配，動效設計可以說無處不在，從早期在PC端中出現(xiàn)，逐漸發(fā)展到移動端以及如今的交互視頻中，動效已經成為用戶界面（user interface，UI）中最常見的設計元素[2]。在手持移動端，由于界面內容較為豐富，用戶手勢操作復雜，動效設計主要承擔著幫助用戶理解頁面層級，產品架構邏輯的任務；而在PC端的游戲中，動效往往追求炫酷逼真的特效，能夠讓用戶獲得沉浸式的體驗和真切及時的動作反饋。

動效設計作為連接用戶和產品之間的橋梁，對于用戶體驗是十分重要的，它改變了傳統(tǒng)靜態(tài)界面中生硬的交互方式，拉近了用戶與產品之間的距離。動效賦能產品的價值和靜態(tài)界面的貢獻是分不開的，兩者是相輔相成的。而不同種類的動效樣式也是相互作用，相互支持，一個產品中的動效由多種類型相疊加才能給用戶帶來更流暢的體驗。

（一）交互層次的動效設計

優(yōu)秀的動效設計能夠明確界面元素之間的層級、空間關系，傳遞給用戶界面的內容，引起用戶的注意力，同時提供給用戶操作后的視覺反饋，為下一步交互行為做準備，這是動效的功能性作用。將界面之間、界面內各個元素通過特定的動作相銜接過渡，幫助用戶理解界面間的變化和層級關系，在界面切換的時候給用戶一個心理預期，告訴用戶元素的變化，從而第一時間能夠吸引用戶的視覺，引導用戶的視覺流向，幫助用戶更好地理解產品。這類動效能夠指引用戶進行下一步操作，自然而然地聚焦用戶視線，降低其余要素的視覺干擾，并且在用戶進行某些操作行為之后告知用戶狀態(tài)，通過變化視覺元素的形式來傳達。交互層次的動效又可稱為功能性動效，能夠提升用戶對界面的感知，使其更全面流暢地使用產品。

（二）視覺層次的動效設計

視覺設計可以通過元素的色調、形狀，界面整體的構圖、排版來還原物理世界的真實感。在我們日常生活中，物體的運動都是遵循相應的物理定律，而人對于界面元素的理解，都是基于對客觀世界的固有認知，因此無論是界面元素的運動速率還是元素的材質屬性，都應當從特定的現(xiàn)實條件出發(fā)，界面的動效設計應當具有緊密邏輯的關聯(lián)性，是符合真實、自然的動效，才能營造氛圍，帶來沉浸式體驗。視覺層次的動效會考慮元素運動的速率、元素的形變和色變都能符合常理，使得用戶無意識對應物理規(guī)律。比如懸疑題材中模擬血跡的元素設計以及科幻題材中高科技玻璃質感的元素設計。這類動效又可稱為物理性動效，能夠讓用戶自然而然地理解元素所代表的含義，減少用戶認知成本，增強代入感和操作感，即使是第一次使用產品，也能讓用戶輕松的體驗產品，沉浸其中。

（三）情感層次的動效設計

情感化的動效設計一般是在滿足基本的交互功能和視覺效果的動效設計的前提下，加入一些有趣的動畫，增進用戶與產品之間互動的友好、愉悅程度，滿足用戶的情感體驗。在滿足動效的可用性下，這類具有情感化的動效能夠給用戶帶來驚喜。在以用戶為中心的設計被提出來以后，情感化設計也開始被強調，產品團隊逐漸重視用戶和產品之間的情感共鳴，消除現(xiàn)有狀況和用戶期望之間存在的差距，以提供更好的體驗[3]。隨著互聯(lián)網的快速發(fā)展，數字產品中有較多應用趣味性的動效，無論是移動端還是網頁端都非常注重產品的情感化設計。情感理論學者Carroll Izard提出“情感是注意力和感知力的驅動”。人們對事物的認知賦予的情感符號越接近的條件下，可以激發(fā)人類的某種情感，也可以獲得更好的情感體驗[4]?，F(xiàn)在較為常見的情感化動效設計，主要是突出視覺重點和核心理念，利用動效講故事，是界面的靜態(tài)元素延伸，利用動態(tài)設計讓界面散發(fā)情感，同時突顯個性化。

二、交互視頻的現(xiàn)狀及問題

與傳統(tǒng)視頻相比，交互視頻的制作需要考慮更多方面，如劇情內容是否適合互動、互動的時間、互動的方式、技術是否可以實現(xiàn)等。技術限制問題是學術界公認存在的較大阻礙，由于交互視頻極大程度依附于平臺技術，不同平臺支持的互動技術也不同，因此限制了交互視頻的平臺使用。除技術上所存在的問題之外，交互視頻目前還在內容、交互方面存在較多問題。

（一）內容缺乏邏輯性，流暢度欠佳。

交互視頻的劇情內容表達上具有較高要求，而現(xiàn)在較多的交互視頻忽視了內容的邏輯性，視頻內容的主線和支線缺乏關聯(lián)性，一些多線性結局的存在毫無意義，影響了劇情之間的流暢度。即使在視頻中進行了分支的選擇，后續(xù)故事情節(jié)也不會受影響，可以說不存在關聯(lián)性。對于用戶來說，視頻內容節(jié)點交互頻率的高低會直接影響用戶的體驗，一些強迫用戶進行交互的行為，會讓劇情和互動存在嚴重割裂。如B站許多以個人形式創(chuàng)作的交互視頻，常見的互動功能主要表現(xiàn)為點擊會話，即觀眾在預設的劇情節(jié)點選擇不同選項，觸發(fā)相應劇情。這種方式雖然給予用戶一定的自主選擇權，但其植入過程十分生硬，破壞了整體劇集的流暢感，違背了互動初衷[5]。

（二）交互效果單一，用戶體驗不佳。

目前的交互視頻交互形式機械，用戶和視頻之間的互動效果單一，對于用戶操作后的反饋缺乏設計，影響了用戶對于產品的操縱感，交互效果應該豐富、新穎才能更好地推動交互視頻劇情的發(fā)展。許多的操作節(jié)點只是為了“點擊”而出現(xiàn)，卻缺少了給用戶的反饋結果，忽略了用戶體驗的意義。不僅如此，目前互動電影的角色扮演非常單一。比如電影《黑鏡：潘達斯奈基》中，觀眾只能扮演男主角史蒂芬。這就造成了觀眾重復觀影的動力不足，互動的維度呈現(xiàn)出扁平化的樣態(tài)[6]。

（三）交互動效同質化嚴重，缺乏個性化，趣味性欠佳。

交互視頻有多種類型，比如交互影視劇、交互短視頻、交互影像游戲等，不同的類型業(yè)務側重點也是不同的，一個交互視頻的動效必然是貼合產品本身的屬性。但是現(xiàn)在無論是哪種類型的交互視頻，其動效設計都非常接近，并沒有根據本身業(yè)務特定的動效需求去執(zhí)行，以至于產品的動效設計毫無新穎，給用戶帶來的沉浸感微乎其微，甚至嚴重造成了用戶的使用流暢?？梢哉f目前的交互視頻更多的只是完成了基本的功能性和視覺性，但是缺乏趣味性，未能和用戶產生情感共鳴。近年來“游戲影視化”與“敘事游戲化”成為學術界的焦點議題，隨著“影游互動”的理論發(fā)展和實踐探索[7]，涌現(xiàn)出了《夜班》《底特律：變人》《隱形守護者》等互動敘事游戲，這些交互視頻的個性化、情感化表現(xiàn)方式，能夠給交互視頻提供活力和生命力。但是優(yōu)秀的交互視頻較少，在動效運用這一方面還是缺乏具有鮮明特色的產品。

三、動效設計在交互視頻中的設計策略

在交互視頻中，為了讓敘事更多樣，用戶更能參與，通過運用動效設計讓產品呈現(xiàn)更多樣和豐富的用戶體驗。為了讓動效設計更好地發(fā)揮作用，可以從三個層面進行探索：功能層面的設計、物理層面的設計、情感層面的設計。

（一）功能層面的設計主要從產品的功能和交互出發(fā)，通過設計符合用戶預期和給用戶帶來良好交互體驗的動效來提升產品的可用性。功能性的動效解決了產品界面功能上的問題，能夠讓用戶更容易理解產品，也能幫助設計師更好地表達產品語義。

1.注重邏輯合理，傳達合理有效的信息

動效最基本的作用是過渡狀態(tài)，主要通過特定的動作來表明界面中元素之間的某些關系，如包含關系、前后關系和位置關系，這些都屬于界面邏輯關系的連接。當界面發(fā)生響應時，動效的存在能夠解釋界面之間元素的關系，幫助用戶理解狀態(tài)的改變，從而提升產品的易用性。比如，在交互式電影游戲中給用戶展現(xiàn)劇情發(fā)展組織樹時，可以通過動態(tài)過程解釋劇情之間遞進關系：一個新劇情解鎖之后，可以設計動效將上一個劇情和本次解鎖的劇情相連接。雖然沒有這個動態(tài)過程，兩者之間的關系也可以被看到，但是通過這種動態(tài)過程是對“劇情解鎖”的最佳隱喻，因此這個動效設計是必不可缺的。

2.及時給予反饋，增強用戶的操縱感

用戶在使用產品的時候是十分期望獲得交互響應的，這能夠讓用戶覺得一切都盡在掌握，因此可以通過設計引導類的動效給用戶幫助或功能操作使用的提示等讓用戶明白和理解當前的狀態(tài)和預期操作。比如，在《底特律：變人》中常常會出現(xiàn)掃描的圖標動效來引導用戶進行線索尋找，通過掃描動畫來引出結果信息的顯示。另外，也可以設計反饋類動效告知用戶狀態(tài)，通過變化的元素來告知用戶操作后的反饋，最常見的有鼠標經過、點擊某一元素的色變、形變。界面的靜態(tài)元素是無法承擔交互操作的，只有通過用戶操作的界面的時間點上產生變化，才能準確地給用戶傳達操作結果。在用戶沒有反饋的界面會被認為無法響應，用戶便會認為該應用出現(xiàn)了問題，從而影響體驗。因此，在一些相對安靜的界面中，可以加入一些動態(tài)循環(huán)動畫，避免用戶認為畫面處于無響應狀態(tài)。比如在交互式電影游戲中的主界面設計，可以加入動態(tài)畫面，一旦用戶長時間沒有進行操作，也依然能感受到游戲還在運行。用戶在進行游戲操作時的每一步都是有目的的，它的每一步都會導致一個結果，為了讓用戶了解自己操作的每一步所產生的結果，界面要隨時與用戶保持互動并反饋[8]，及時有效的交互反饋是形成優(yōu)秀用戶體驗的重要元素之一[9]。

（二）物理層面的動效，主要是遵從人體感官的設計，在這個層面的設計主要是為了符合用戶的認知，同時也要符合產品的整體風格。動效是整個產品的用戶體驗的一部分，設計出發(fā)點是為了好用和易于理解，最終效果應當有助于提升界面的沉浸感。

1.遵循物理規(guī)律，提升產品沉浸體驗

這類動效相對于基本的功能性動效，最為主要的是以靜態(tài)視覺效果為基礎的延伸，動態(tài)元素的動作和節(jié)奏要吻合產品的視覺風格，此外從視覺、聽覺、觸覺出發(fā)，遵循現(xiàn)實世界的物理規(guī)律進行設計。當用戶進入到交互視頻的劇情中，用戶會很自覺地將自己代入到視頻的劇情情境之中，這是來自用戶對現(xiàn)實認知的一種映射。這種情境由視頻劇情的世界觀和價值觀、視頻界面元素等綜合要素營造的。在交互視頻中，創(chuàng)造一個虛擬的情境，需要通過動效設計來構建一種邏輯，界面中的所有元素，在用戶操作的過程中發(fā)生的所有動態(tài)行為，就是在創(chuàng)造一個環(huán)境。元素的出現(xiàn)順序、時間間隔、持續(xù)時間等都會影響動效的最終效果。比如卡通類型的交互視頻，用戶多以兒童為主，可以用到彈動的動效，彈動的動作更能表現(xiàn)生動活潑；在科技風格的交互視頻，較多閃動、切變的動效，這些動態(tài)設計也是人們對高科技類事物特有的印象；在現(xiàn)代的交互視頻中，多出現(xiàn)輕快、時尚的動效，因為這類動效所傳遞的是簡約、快節(jié)奏的特點。除此之外，在交互游戲影像中的天氣場景下的動效，可以結合雨天、晴天等天氣狀態(tài)模擬設計，在動效設計中加入擬物化的設計，也是還原現(xiàn)實世界中的情景。人類的美學是基于我們生活的真實世界，如果以力學、動力學、光學原理為設計依據，那么設計一個優(yōu)秀的產品會變得簡單。

（三）情感層面的設計，是在滿足功能性和物理性的基礎上來提升用戶的情感需求，無論是理性情感還是感性情感，都是能夠增加產品愉悅，喚起和用戶的情感共鳴，從而提升親切感，增加用戶留存。此外，還可以通過個性化設計，加強人性關懷，讓用戶感到自己的獨特之處，從而提升用戶體驗。

1.滿足目標用戶的情感需求，喚起情感共鳴

動效設計的更深層次是能夠強化用戶的共情心理。因為人類不僅有理性思維，還有感性思維，通過對界面動態(tài)元素強烈的表達，讓用戶獲得情感體驗，和用戶建立聯(lián)系。通過動態(tài)元素的形式，將用戶的一些熟悉的經歷在產品中進行還原或者進行敘述表達，來喚醒用戶腦海中的記憶，從而使產品中的動效和用戶的生活相融合。可以在交互視頻的首頁、空白頁、進度條、加載頁、彈窗出現(xiàn)、按鈕狀態(tài)等界面中加入情感化設計，讓用戶在使用產品時產生情緒。比如，在交互視頻中一個結局完結時的彈窗提示，可以說需要豐富的動效去增強表現(xiàn)，可以設計一個動態(tài)的故事主角的小人物做一些動作的動效來告訴用戶此時結局完結的提示，給用戶具有趣味性的反饋，這樣的設計利用劇情人物的形象來告訴用戶反饋內容，將用戶和產品聯(lián)系起來。另外，還可以通過場景的還原設計，來烘托氛圍，產生情感融合，比如在一些特定節(jié)日時，在頁面中加入與節(jié)日相關的設計元素，通過動態(tài)的表達來引起用戶的共鳴。對交互視頻界面適當的趣味設計與視覺刺激會給產品界面以及產品本身增色不少，但情感化設計不要過于強硬，不應使情感化信息侵占過多界面區(qū)域，擾亂用戶正常使用產品的信息接受[10]。動效設計有自己的規(guī)律，不應對所有元素都進行個性鮮明的設計，用點綴的方式即可，起到畫龍點睛的作用。

2.強化個性設計，關懷用戶體驗

基于用戶個性化需求的差異性和發(fā)展變化的特征，設計師需要在滿足人們共性需求和當前需求的同時，為其個性化需求的滿足提供解決方法，給用戶在使用過程中預留一定的設計空間，讓用戶在空間中思考，允許其根據不同的使用情境重組設計。這不僅可以讓用戶在實際使用過程中慢慢認識和明確自身需求，還能有助于激發(fā)用戶意識到自身的潛意識需要[11]。隨著互聯(lián)網的發(fā)展和數據挖掘能力的提升，我們對用戶的理解變得愈加深刻，設計視角逐漸從群體轉向關注個體，將動效設計和個性化形式結合起來，在設計時對角色內容、用戶標識、用戶個人偏好進行更加有針對性的設計，為用戶定制體驗，個性化元素能夠和用戶建立交流，從而吸引用戶。比如可以在動效設計中加入用戶的基本信息：用戶名、頭像、個性簽名等，將這一系列的設計元素和產品動效相結合，讓用戶感到自己是獨特的，從而具有更加關懷、愉悅的體驗。動效設計也是需要具有包容性和友好性，用戶對產品的情感體驗是提升產品競爭力的關鍵[12]，這也增加了產品的附加值。

結語

動效設計作為交互視頻提升用戶體驗的主要方式之一，能幫助交互視頻營造更深入的情境，提升用戶的沉浸感。如今，二維的動效設計在數字產品中已經較為常見，而加入三維的立體元素，能讓平淡的頁面更加生動，讓用戶在虛擬世界感受現(xiàn)實世界的真實。隨著技術的發(fā)展，動態(tài)AR在視頻運用上越來越廣泛，人臉識別跟隨動效這類真實場景也集成到設計中。交互視頻與VR的結合，動效在VR虛擬世界以虛擬三維的形式呈現(xiàn)，使得用戶處于三維感知的環(huán)境中，以更加自然的三維交互方式進行。傳統(tǒng)的交互由于設備屏幕的限制，用戶只能感知屏幕之中的世界，未來交互視頻與VR的結合，能讓用戶在沉浸感上得到了前所未有的體驗。

基金項目：2019年度浙江省文物保護科技項目《基于泛交互的西湖文化數字體驗產品開發(fā)與設計》。

參考文獻

[1]楊旺功.論動效設計在用戶界面設計中的應用與維度分析[J].藝術與設計（理論），2016，2（05）：47-49.

[2]徐千堯，徐迎慶.智能手機動效設計研究[J].計算機輔助設計與圖形學學報，2020，32（07）：1095-1100.

[3]韓然，楊華，路放.用戶體驗設計在移動互聯(lián)時代下的應用研究[J].設計，2015（08）：116-118.

[4]曹仿桔，吳瓊.文化遺產數字化中的信息與交互設計I—以中I國傳統(tǒng)I村落數I字博物I館為例[J].設計，2021，34（22）：107-109.

[5]倪泰樂，陳應雙，吳金龍.從觀眾到玩家：論互動視頻的演化路徑[J].傳媒，2021（07）：56-58.

[6]李晗，孫婷.“競賽”與“再現(xiàn)”——媒介進化論視角下的互動電影研究[J].北京電影學院學報，2020（03）：32-38.

[7]趙瑜.敘事與沉浸：Bilibili“互動短視頻”的交互類型與用戶體驗[J].西南民族大學學報（人文社會科學版），2021，42（02）：129-134.

[8]杜桂丹.手機游戲中人機界面交互設計的優(yōu)化方向研究[J].包裝工程，2018，39（04）：245-250.

[9]高玉嬌，覃京燕，王曉慧.手機游戲行業(yè)官方網站設計方法探討[J].包裝工程，2015，36（24）：48-51+56.

[10]陳越紅，王爍堯.UI設計中的視覺心理認知與情感化設計分析[J].藝術設計研究，2021（02）：74-79.

[11]魯美杰，謝軍.基于用戶個性化需求的設計方法研究[J].藝術與設計（理論），2013，2（04）：29-30.

[12]高小汶，胡偉峰.基于情感體驗的移動應用動效設計研究[J].設計，2022，35（04）：100-102.