動態交互設計方法的創新性研究

王珺珂

摘 要：目前，智能終端發展日新月異，界面設計在靜態視覺元素上花樣迭出，相比之下動態交互設計就顯得略遜一籌了。其實動態交互不僅可以使界面擁有更加完美的的用戶體驗，同時也會使其在競爭行業中與眾不同。在具體進行動態交互設計的過程中，設計師們要注重捕捉用戶的心理變化、把生活常態引進動態交互設計，同時也要增強動態交互設計的操控性和趣味性。掌握了具有創新性的動態交互設計方法，才能設計出使用戶怦然心動的精彩動效。

關鍵詞：動態交互；交互設計；移動應用；設計方法

1 動態交互在界面中的作用

在靜態界面中，我們時常關注的是色彩、布局、形狀等等的UI元素，而動態交互是在其基礎上進行流動演示，它彌補了靜止頁面和靜止狀態之間的空隙，使其銜接的更加流暢和自然，也使一個產品更具生命活力。

另外，動態交互的另一個作用就是引導我們如何快速正確使用APP。在接觸陌生的軟件時，動態設計可以提示用戶如何正確的進行下一步操作，發現更多的隱藏功能。其中最為我們所熟知的就是IOS系統的解鎖鍵了（圖1所示），它就是利用顏色漸變的動態交互設計提示用戶解除鎖屏應該從左向右滑動。

動態交互從本質上來講其實為人機交互的過程，所以它的反饋信息是必不可少的。用戶在運行APP時，都希望能夠及時獲得操作是否正確的信息反饋，以便于決定是否進行下一步操作，而高效的動態交互設計可以使用戶快速得到APP的反饋，從而降低用戶的困惑。最常見的例子就是當我們給手機連接充電成功時，會得到聲音或者震動的反饋。

提升用戶體驗——這也是動態交互設計最重要的作用。在目前市場上普遍適用的移動終端中，動態交互設計是界面設計的最高領域，恰到好處的動效不僅可以使應用更加新穎和前衛，還可以獲得用戶的認同感，增加用戶粘性。不得不說，動態設計是連接用戶和產品的一條情感紐帶。

毋容置疑，動態交互設計是移動終端在交互設計上一個流行趨勢，Dan Saffer是美國舊金山的產品咨詢公司Kicker SttJdio的負責人， 是交互設計領域的思想先行者和國際性演講人。他曾經這樣是這樣評價動態交互設計的：動態交互盡管微小且短暫讓人不易察覺，但是其作用已經深入人心， 有時讓你怦然心動，有時讓你為豁然開朗。優秀的產品往往注重細節， 如細微的動態交互，這些都會讓你的產品更加精彩。

2 動態交互的設計方法

2.1 捕捉用戶心理變化

捕捉用戶的心里變化換句話說就是我們經常提到的情感化設計，把它運用到動態交互設計中來，可以更好的改善用戶體驗。一方面，用戶在使用移動終端進行操作時，會產生很多情感上的細微變化，例如：當APP讓用戶輸入銀行密碼時，用戶會對APP產生信任危機；當APP下載失敗或成功時，用戶會感到生氣或高興。故而，我們在進行動態設計前，要充分分析用戶在使用APP每一個細節點上的情感變化，然后再相對應的產生情感變化的界面區域，設計出盡可能消除負面情感或增加喜悅感的動態交互。當然我們在設計之前，要充分調研和觀察用戶使用APP的整個過程，這樣才能達到事半功倍的效果。

圖二和圖三這個例子就很好的詮釋了如何利用動態交互來改善用戶體驗，提高用戶的信任感：圖一貓頭鷹的眼睛是俯視下方的，但是當用戶要輸入密碼時，貓頭鷹就會把眼睛捂住如圖二所示，這無形之中就給予用戶了安全感。

2.2 把生活常態引進動態交互

我們都知道優秀的文學作品都有很強的“代入感”，我認為在動態交互設計中，也需要這樣的“代入感”。 意思就是可以將生活中的日常小細節帶入到動態交互中去。如果用戶在虛擬交互對象中找到了現實世界中熟悉的事情，那么就會倍感親切，盡可能多的消除交互障礙。這樣不僅使產品更加“平易近人”，也使用戶更加感到真實。例如網易云音樂中的音樂播放界面：當音樂暫停時，留聲機的唱頭會離開唱片，當音樂播放時，留聲機的唱頭又會回到唱片上（圖四圖五）。這個動態交互就很好的把現實生活帶入了界面設計中。

2.3 增強動態交互的操控感

在上文中我們提到，交互就是在使用一個產品整體過程中與其產生互動的行為，重點就在于用戶操作界面時的這一環節，當用戶接觸虛擬產品時，移動終端界面會發生變化給予用戶反饋，而這個反饋形式就是我想說的“操控感”。隨著交互領域的發展，觸屏按壓技術在界面上可以產生很多意想不到的效果，極大提高了動態交互的科技感。而且良好的操控感也可以加強反饋效果，提高用戶停留時間，增加用戶使用頻率。例如圖六這個例子，用戶在點擊時icon會有明顯的凸起，這樣的效果不僅強調了反饋信息，操控感也很強烈。

2.4 利用趣味性動態交互減少不可避免的不適感

目前市場上的每一款移動終端都會存在著或多或少的缺點，有些是前端設計造成的，也有些是后期開發造成的，這是無法避免的。所以我們可以利用一些具有趣味性的動態交互來盡可能低的減少用戶的不適感。所謂不適感，就是當你觀看視頻前進行加載時，過長的加載時間一定會使你感到不耐煩，甚至關閉視頻。而這時，如果在加載界面添加有趣生動的動態交互，會使用戶的煩躁情緒大大降低，從而留住用戶。例如圖七所示，這是一個視頻加載示意圖，設計師用動態交互的擬人手法生動的表現了視頻加載的過程，在加載緩慢時，司機還下車牽引加載進程，顯得十分生動有趣。 圖七

3 總結

如果說動態交互是未來交互設計的摩天大樓，而搭建這座摩天大樓的無疑是動態交互設計的創新性設計方法。作為一名設計師，在日常的設計工作中，我們要集思廣益，勤于思考如何用不同的方式來體現人機交互，給予人們全新的視覺體驗。同時也要有原則的總結設計經驗，并時常為其灌入新鮮血液，真正做到從用戶的角度出發去設計產品，這樣才能為移動終端的視覺體驗多樣性找到新的發展契機。

參考文獻

[2]盛振. 手機移動應用動效的情感化設計研究[J]. 現代裝飾（理論），2016，02：151.

[3]高玉嬌，覃京燕，陶晉. 手機APP交互設計中動態色彩的視知覺研究[J]. 包裝工程，2016，08：134-137.

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

[6]吳儉濤，李蒙曉，王之苑. 移動應用界面中動效設計的運用與探究[J]. 藝術與設計（理論），2015，09：40-42.