微交互是用戶體驗(yàn)設(shè)計(jì)的“魔法粉末”，能以極小的代價(jià)顯著提升產(chǎn)品的愉悅感、易用性和專業(yè)度。功用差不多的情況下，如何讓用戶一見(jiàn)傾心？微交互是決議用戶形象的要害之一，今天這篇好文列舉了運(yùn)用微交互的注意點(diǎn)，以及五個(gè)常見(jiàn)的運(yùn)用場(chǎng)景，全是干貨，來(lái)收！

好的產(chǎn)品往往做好了兩點(diǎn)：功用和細(xì)節(jié)規(guī)劃。

功用吸引用戶運(yùn)用你的產(chǎn)品，細(xì)節(jié)規(guī)劃將你的用戶留下。優(yōu)異的細(xì)節(jié)規(guī)劃能夠使你的產(chǎn)品在許多競(jìng)品中脫穎而出，優(yōu)異的微交互規(guī)劃往往能夠讓用戶在初度運(yùn)用產(chǎn)品時(shí)就能夠留下深刻的形象。作為一個(gè)交互規(guī)劃師，在規(guī)劃微交互計(jì)劃的時(shí)分不僅要考慮視覺(jué)上的沖擊力，還要想辦法賦予其信息傳遞的功用。

什么是微交互？

微交互是產(chǎn)品中存在的某一個(gè)時(shí)刻，它完結(jié)了某一個(gè)小的使命。Dan Saffer在他的書中（Microinteractions）第一次描述了微交互的概念，這些小細(xì)節(jié)專注于服務(wù)這些必要的功用：

1. 溝通回饋或許動(dòng)作的成果回饋

2. 完結(jié)某個(gè)獨(dú)自的使命

3. 增強(qiáng)直接操作的感覺(jué)

4. 協(xié)助用戶在視覺(jué)上展現(xiàn)操作的成果，以及防止錯(cuò)誤

一些顯著的微交互例子包括：

當(dāng)你將iPhone設(shè)置成靜音時(shí)隨同出現(xiàn)的的震動(dòng)提示、屏幕上的靜音icon。

界面動(dòng)畫提示是否能夠點(diǎn)擊（當(dāng)鼠標(biāo)移到按鈕上方時(shí)按鈕的色彩改變）。

為什么運(yùn)用微交互？

微交互是在對(duì)用戶一些天然的需求/欲望的認(rèn)知和反應(yīng)。用戶從微交互供給的視覺(jué)、觸覺(jué)等反應(yīng)中承認(rèn)他們的行為被承受。微交互還能夠引導(dǎo)用戶正確的運(yùn)用體系/產(chǎn)品。

定義微交互的運(yùn)用情形

微交互的一個(gè)特點(diǎn)是它能夠被放置在許多的場(chǎng)景下，輔佐不同的動(dòng)作行為。總體來(lái)說(shuō)，微交互的運(yùn)用場(chǎng)景包括：

展現(xiàn)體系/產(chǎn)品的狀況

Jacob Nielsen在“可用性啟示準(zhǔn)則”中指出：讓你的用戶時(shí)刻了解發(fā)生的工作，用戶希望對(duì)自己的行為當(dāng)即得到反應(yīng)。可是有些情況下，app需求時(shí)刻來(lái)等候行為處理完結(jié)后才干向用戶發(fā)出反應(yīng)。因而，產(chǎn)品界面需求向用戶指明此時(shí)正在發(fā)生的事。

▲ 下載進(jìn)展表

或許標(biāo)明用戶所在的方位：

Tips：不要讓你的用戶感到無(wú)助，讓你的用戶了解實(shí)時(shí)的狀況而且向其展現(xiàn)進(jìn)展（比如進(jìn)展條能夠讓用戶了解進(jìn)展，消除疑問(wèn)）

提示更新

咱們有時(shí)需求向用戶推送告訴來(lái)保證用戶了解到事態(tài)的更新。動(dòng)畫能夠做到這一點(diǎn)，動(dòng)畫能夠吸引用戶的注意力，防止用戶忽視掉重要的信息。

Tips：微交互里的動(dòng)效應(yīng)該遵循KISS準(zhǔn)則（keep it simple, stupid）,應(yīng)該盡量簡(jiǎn)略直接。

關(guān)聯(lián)上下文

運(yùn)用動(dòng)效來(lái)將用戶的注意力滑潤(rùn)的在導(dǎo)航頁(yè)面間切換，向用戶解釋頁(yè)面里元素之間的聯(lián)絡(luò)，以及頁(yè)面跳轉(zhuǎn)的來(lái)龍去脈。這對(duì)于移動(dòng)設(shè)備十分有用，由于屏幕的尺度限制，移動(dòng)界面中每一頁(yè)的內(nèi)容都很緊湊，運(yùn)用動(dòng)效來(lái)闡述內(nèi)容之間的聯(lián)絡(luò)十分有用。

Tips：盡量讓每個(gè)頁(yè)面的導(dǎo)航簡(jiǎn)練，這樣能夠有效防止用戶在頁(yè)面跳轉(zhuǎn)中迷失。兩個(gè)狀況之間的卻換應(yīng)該明晰、滑潤(rùn)、快捷。在視覺(jué)上一致所有的交互方式，下降用戶的學(xué)習(xí)本錢。

輸入可視化

數(shù)據(jù)輸入是運(yùn)用中十分重要的環(huán)節(jié)，微交互能夠運(yùn)用現(xiàn)有的元從來(lái)展現(xiàn)數(shù)據(jù)輸入的反應(yīng)，然后將這步操作變得愈加高效。

Tips：微交互能夠協(xié)助用戶了解信息格式，來(lái)歷，協(xié)助用戶便捷輸入信息。

引導(dǎo)互動(dòng)

微交互能夠鼓勵(lì)用戶、吸引用戶與產(chǎn)品交互。它能夠在用戶體會(huì)中發(fā)生同理心。可是需求謹(jǐn)慎運(yùn)用微交互，保證其在感官上不會(huì)冒犯你的用戶。

時(shí)刻謹(jǐn)記：不要讓用戶感到厭煩，Keep it simple, stupid.

Tips：關(guān)注用戶的情感反應(yīng)，由于它在用戶體會(huì)中起到很重要的作用。多做用戶研討和情形調(diào)研，規(guī)劃能被用戶頻繁運(yùn)用的微交互計(jì)劃。

值得謹(jǐn)記的

1. 微交互向用戶展現(xiàn)動(dòng)作反應(yīng)，告訴以及信息框架結(jié)構(gòu)

2. 微交互應(yīng)該經(jīng)過(guò)轉(zhuǎn)移用戶的注意力、愉悅用戶等來(lái)達(dá)到加快/縮短信息數(shù)據(jù)的傳輸

3. 了解你的用戶以及運(yùn)用微交互的背景，能夠讓你的微交互計(jì)劃愈加的精準(zhǔn)與高效

4. 微交互有必要能夠支撐長(zhǎng)時(shí)效的運(yùn)用，在第一次運(yùn)用時(shí)感到驚喜的計(jì)劃，可能在第一百次運(yùn)用時(shí)就變成了困擾。

5. 微交互計(jì)劃應(yīng)該人性化一些，而且在視覺(jué)上保持和諧。用戶在運(yùn)用的時(shí)分應(yīng)該感到流通，微交互的計(jì)劃應(yīng)該盡可能的從現(xiàn)實(shí)生活中取得啟示，比如運(yùn)用擬物化等手段，然后下降學(xué)習(xí)本錢。

總結(jié)

用心規(guī)劃，思考用戶運(yùn)用產(chǎn)品的情形，再規(guī)劃這些微交互時(shí)多運(yùn)用一些生活中常見(jiàn)的操作模式、物體的運(yùn)動(dòng)軌道、常見(jiàn)的行為方式等。產(chǎn)品的易用性來(lái)歷于對(duì)細(xì)節(jié)的打磨，偉大的規(guī)劃不僅僅在功用上滿足用戶的需求，還要在微交互的規(guī)劃上感動(dòng)人心。小改動(dòng)常帶來(lái)大驚喜！