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

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

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

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

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

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

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

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

一，微交互入門(mén)書(shū)籍推薦：

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

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

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

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

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

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

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

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

二、微交互的精髓

總的來(lái)說(shuō)，微交互是指在一個(gè)特定的情況下用戶(hù)的交互隨著產(chǎn)品完成特定的一個(gè)動(dòng)作或者行為。

舉個(gè)例子，當(dāng)你按下喜歡這個(gè)按鈕時(shí)，你可以看到你做的這個(gè)喜歡動(dòng)作可以被計(jì)算到。（該號(hào)碼已更改，按鈕改變顏色或變得不活躍，該副本上的按鈕通知你，你已經(jīng)做了行動(dòng)，該按鈕或其他互動(dòng)元素的副本通知，你是在那些誰(shuí)喜歡，等）這就是微交互的情況.當(dāng)你在適當(dāng)?shù)奈淖謾谀可蠈?xiě)上搜索要求和發(fā)送到服務(wù)器，這就是一個(gè)案例。

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

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

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

三、微交互的最常見(jiàn)的使用情景

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

1、按鈕的動(dòng)畫(huà)效果

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

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

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

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

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

一方面，它同時(shí)提供了兩個(gè)互動(dòng)的步驟，

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

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

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

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

3、過(guò)程狀態(tài)加載動(dòng)畫(huà)

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

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

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

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

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

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

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