在UI/UX設(shè)計中，微交互（Microinteraction）是其中的重要關(guān)注點(diǎn)之一，同時，微交互絕對是讓app受人歡迎的重要設(shè)計要素之一，它能增進(jìn)使用者的參與度、功能與愉悅感。雖然設(shè)計與開發(fā)微交互會增加許多時間，但卻能讓你的產(chǎn)品成為使用者生活的一部分。

所以，作為一名優(yōu)秀的APP產(chǎn)品經(jīng)理和APP設(shè)計師，必學(xué)微交互方面的知識點(diǎn)和案例鑒賞。

之前25學(xué)堂分享了微交互方面的知識點(diǎn)：

1、卡片化設(shè)計和微交互是2017年UI設(shè)計當(dāng)中最重要的趨勢

2、超酷的APP微交互案例欣賞：按鈕的旋轉(zhuǎn)分裂特效

3、2016年APP設(shè)計師必學(xué)的知識點(diǎn)：APP微交互

4、APP UI/UX設(shè)計趨勢關(guān)鍵詞：輕量化設(shè)計和微交互

如果你是一名微交互設(shè)計的初學(xué)者，可以通過閱讀書籍和25學(xué)堂上的干貨來提升自己的交互思維。

一，微交互入門書籍推薦：

微交互方面最權(quán)威的深度解析書籍，可能是 Dan Saffer寫的《Microinteractions》。

很好的一本微交互入門書！用戶體驗(yàn)設(shè)計師必須要讀呀。

他深入淺出的講解了微交互的理念、框架、工作機(jī)制、包含的種類、分別得特點(diǎn)以及在用戶體驗(yàn)中扮演的角色。在此向用戶體驗(yàn)相關(guān)從業(yè)人士強(qiáng)烈推薦這本書，作者在書里闡釋了對“以用戶為中心的設(shè)計”很棒的理解。

豆瓣和亞馬遜上都有賣：https://book.douban.com/subject/21336456/

另外一本書籍也值得推薦：《Mobile Design Trends 2015 & 2016》

在《Mobile Design Trends 2015 & 2016》這篇文章中提到，影響使用者的行為（生心理）就是設(shè)計微交互的原因，這些短暫與數(shù)位接觸的時刻，可讓使用者產(chǎn)生心理愉悅等感受。綜上所述，微交互就是讓使用者感受到你想傳達(dá)的東西，或借此讓使用者有接觸到其他人與物體的感受。

免費(fèi)電子書書籍地址：http://studio.uxpin.com/ebooks/mobile-ui-ux-design-trends-2015-2016/，

免費(fèi)電子書網(wǎng)盤地址：http://pan.baidu.com/s/1skgsAZj

二、微交互的精髓

總的來說，微交互是指在一個特定的情況下用戶的交互隨著產(chǎn)品完成特定的一個動作或者行為。

舉個例子，當(dāng)你按下喜歡這個按鈕時，你可以看到你做的這個喜歡動作可以被計算到。（該號碼已更改，按鈕改變顏色或變得不活躍，該副本上的按鈕通知你，你已經(jīng)做了行動，該按鈕或其他互動元素的副本通知，你是在那些誰喜歡，等）這就是微交互的情況.當(dāng)你在適當(dāng)?shù)奈淖謾谀可蠈懮纤阉饕蠛桶l(fā)送到服務(wù)器，這就是一個案例。

在社交網(wǎng)絡(luò)中，在你關(guān)注和取消關(guān)注一個人時就發(fā)生了微交互，在大多數(shù)情況下我們所做的設(shè)計中，不愿意去想那些簡單的步驟。

因此，很容易理解到用戶體驗(yàn)主要是：接受理解微交互。這些神奇的種子，如果得到適當(dāng)?shù)恼疹?，可以成長為偉大的可用性，效率和普及的產(chǎn)品。

在大多數(shù)情況下，微交互不由自主的固定了用戶的行為，在用戶使用的時候，設(shè)計師需要非常注意，讓用戶使用起來更加的自然，簡潔，快捷。在微交互設(shè)計中界面動畫就是很多方法中的一種使用和提高的方式.

三、微交互的最常見的使用情景

微交互的一個特點(diǎn)是它可以被放置在很多的場景下，輔助不同的動作行為?？傮w來說，微交互的使用場景包括：

1、按鈕的動畫效果

各式各樣的按鈕是最受歡迎的交互要素。更多的按鈕被用戶視為喚醒屏幕或者使用網(wǎng)絡(luò)功能的要素，甚至對于低水平的計算機(jī)的用戶來說，因?yàn)樘摂M按鈕實(shí)際上是模仿著普通物理按鈕的交互，所以，按鈕是影響用戶體驗(yàn)本質(zhì)的因素之一。

按鈕可以讓用戶感覺容易或者煩惱和困惑，而在很多情況下，按鈕是最常用的微交互和導(dǎo)航的重要因素觸發(fā)。因此，他們被用戶嚴(yán)重的關(guān)注，從設(shè)計師的決定，不僅顏色，形狀，特殊效果，紋理和布局，但也要考慮必要性，適宜性和合適的動畫效果。

擴(kuò)展閱讀：APP設(shè)計的那些知識點(diǎn)：如何設(shè)計好按鈕Button和來自Dribbble的9個APP圖標(biāo)交互動效設(shè)計，腦洞大開

2、APP當(dāng)中的下拉刷新動畫

這種動畫現(xiàn)在在用戶界面中是最為流行，對于移動端產(chǎn)品，用戶在第一次上手使用時經(jīng)常提及到這個動畫.

一方面，它同時提供了兩個互動的步驟，

一個是互動的應(yīng)用程序顯示，

另一個是用戶已經(jīng)達(dá)到了內(nèi)容滾動的上限使之讓屏幕的應(yīng)用程序發(fā)生交互。

另一方面，在圖形用戶界面設(shè)計階段，在微交互過程中激活的元素，可以打開令人難以置信的廣闊的空間，這不僅是提供信息，而且還讓人感覺到時尚，美觀和有趣。

此外，這種類型的界面動畫可以有效地使用特定的品牌元素，提高品牌知名度，使品牌的標(biāo)志或吉祥物更令人難忘和可識別。

3、過程狀態(tài)加載動畫

這一類也是APP設(shè)計師發(fā)揮創(chuàng)意的好地方，

因?yàn)橛行┓N類的微交互立即發(fā)生，有的當(dāng)然需要一些時間來完成。不管怎樣，為了積極的體驗(yàn)，用戶需要了解他們每一步都會發(fā)生什么。因此，加載過程和類似等待，應(yīng)該向用戶展示，他們也是能夠讓設(shè)計師展現(xiàn)創(chuàng)造力的巨大空間。

以上這些就是25學(xué)堂繼續(xù)跟大家分享的關(guān)于微交互的知識點(diǎn)和相關(guān)的動效展示。包含一些微交互書籍的推薦等。

以用戶體驗(yàn)的角度來設(shè)計，色彩學(xué)更顯得重要，追求配色的和諧，適時的運(yùn)用對比的觀念等。如果你的app以綠色為基調(diào)，可適時的在微交互的過程中帶入，讓用戶產(chǎn)生與原app的連接感。

記住，微交互一定是讓你的設(shè)計能力、你的APP作品增添色彩的一項(xiàng)。也可以說是你的進(jìn)階加分項(xiàng)。

當(dāng)然，對于設(shè)計有效合理的微交互這個問題，APP設(shè)計師不得不在設(shè)計、心理學(xué)、編程等方面有涉及，還需對語言學(xué)、科學(xué)和人類活動的其他領(lǐng)域的有所關(guān)注和了解。

目標(biāo)受眾和測試的思想和觀念會促使 ?微交互 更高可用性的深入分析能力。