動(dòng)態(tài)交互設(shè)計(jì)方法的創(chuàng)新性研究

王珺珂

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

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

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

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

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

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

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

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

2 動(dòng)態(tài)交互的設(shè)計(jì)方法

2.1 捕捉用戶心理變化

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

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

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

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

2.3 增強(qiáng)動(dòng)態(tài)交互的操控感

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

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

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

3 總結(jié)

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

參考文獻(xiàn)

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

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

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

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