王珺珂

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

關(guān)鍵詞：動態(tài)交互；交互設(shè)計；移動應(yīng)用；設(shè)計方法

1 動態(tài)交互在界面中的作用

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

另外，動態(tài)交互的另一個作用就是引導(dǎo)我們?nèi)绾慰焖僬_使用APP。在接觸陌生的軟件時，動態(tài)設(shè)計可以提示用戶如何正確的進(jìn)行下一步操作，發(fā)現(xiàn)更多的隱藏功能。其中最為我們所熟知的就是IOS系統(tǒng)的解鎖鍵了（圖1所示），它就是利用顏色漸變的動態(tài)交互設(shè)計提示用戶解除鎖屏應(yīng)該從左向右滑動。

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

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

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

2 動態(tài)交互的設(shè)計方法

2.1 捕捉用戶心理變化

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

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

2.2 把生活常態(tài)引進(jìn)動態(tài)交互

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

2.3 增強動態(tài)交互的操控感

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

2.4 利用趣味性動態(tài)交互減少不可避免的不適感

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

3 總結(jié)

如果說動態(tài)交互是未來交互設(shè)計的摩天大樓，而搭建這座摩天大樓的無疑是動態(tài)交互設(shè)計的創(chuàng)新性設(shè)計方法。作為一名設(shè)計師，在日常的設(shè)計工作中，我們要集思廣益，勤于思考如何用不同的方式來體現(xiàn)人機交互，給予人們?nèi)碌囊曈X體驗。同時也要有原則的總結(jié)設(shè)計經(jīng)驗，并時常為其灌入新鮮血液，真正做到從用戶的角度出發(fā)去設(shè)計產(chǎn)品，這樣才能為移動終端的視覺體驗多樣性找到新的發(fā)展契機。

參考文獻(xiàn)

[2]盛振. 手機移動應(yīng)用動效的情感化設(shè)計研究[J]. 現(xiàn)代裝飾（理論），2016，02：151.

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

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

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