最近幾年，“微交互”這個詞被頻繁提及，它在UI設(shè)計圈的火熱程度完全不遜于我們的達(dá)康書記。因為好的交互設(shè)計能夠讓用戶在使用過程、視覺感官上都有愉悅的體驗。
比如，我們常見的導(dǎo)航旋轉(zhuǎn)動畫效果。
還有常用的小紅點提示更新。
以及這種引導(dǎo)你下一步操作。
再比如，為Loading時間增添樂趣。
但是“微交互”對于吃瓜觀眾來說除了“好玩”之外好像還是比較陌生，其實在我們生活中已經(jīng)有很多深層次的應(yīng)用，比如最近新推出的手機QQ V7.0.0中就高頻次出現(xiàn)微交互的元素。這里就以手機QQ V7.0.0為例講解一些微交互的基礎(chǔ)知識。
提到微交互，就不得不提到Smart Design的交互設(shè)計主管 Dan Saffer，他寫了一本《微交互》來探討細(xì)節(jié)交互使得系統(tǒng)更加人性化。Dan Saffer第一次定義了“微交互”，并為其框定了四個關(guān)鍵點，記住這些就能領(lǐng)悟微交互的精髓：
1、 交流回饋或者動作的結(jié)果回饋
視覺反饋符合用戶的本能預(yù)期，它的存在讓用戶明白，他們的操作被用戶接受。所以，許多產(chǎn)品都在給用戶的反饋上動心思。反饋的方式多種多樣，而目前最常用的，是通過動效來賦予交互以愉悅感，或者是給予用戶有用的信息。
比如手機QQ V7.0.0就是采用的這樣的機制，當(dāng)用戶去拖拽菜單欄中的圖標(biāo)時，會發(fā)現(xiàn)擬人化的圖標(biāo)居然會跟著手指的拖動而運動，這就是手機QQ對于用戶操作進(jìn)行的有趣反饋。
2、 完成某個單獨的任務(wù)
微交互本身就是一個單獨的任務(wù)，區(qū)別與扁平化設(shè)計中只有一步跳轉(zhuǎn)的直接，
微交互處理可以提升產(chǎn)品的細(xì)節(jié)美。在用戶使用一些產(chǎn)品時就會涉及到微交互技術(shù)，像刪除軟件時的抖動效果、下載文件時的進(jìn)度條，以及手機QQ V7.0.0中點擊圖標(biāo)，就會有相應(yīng)的動態(tài)效果逐漸填滿該圖標(biāo)，完成一次單獨的操作任務(wù)。
同時，微交互本身就在鼓勵用戶進(jìn)行交互，它能夠指引用戶，教育用戶，讓用戶明白如何使用，手機QQ V7.0.0中圖片、語音等圖標(biāo)的動態(tài)就是指引用戶進(jìn)行相應(yīng)操作的設(shè)定。所以微交互每時每刻都出現(xiàn)在我們的生活當(dāng)中，輔助不同的動作行為。
3、 增強直接操作的感覺
當(dāng)用戶進(jìn)行操作的時候，扁平化的設(shè)計雖然縮短了交互的時間，但同時也將直接操作的感覺壓縮到了最弱。所以，微交互的動態(tài)能夠讓用戶在最短的時間內(nèi)感知到操作的過程，真實體驗到操作完成的愉悅感，這是呈現(xiàn)完美體驗的良好時機。比如在手機QQ V 7.0.0中，用戶點擊圖標(biāo)就會還原按壓的觸感，在逐漸顯示選中之后激活相應(yīng)的功能;新消息發(fā)送或者接受的時候，聊天氣泡會從屏幕邊緣滑動至聊天框內(nèi)更符合邏輯;以及拖拽小紅點就能像擦除污漬一樣一鍵清除未讀消息。
4、 幫助用戶在視覺上展示操作的結(jié)果，以及避免錯誤
微交互最直觀的感受就是動態(tài)效果的展示，作為輔助用戶動作的設(shè)定，微交互最直接展示用戶操作的結(jié)果。比如在手機QQ V7.7.0的菜單頁面中，當(dāng)你點擊中間聯(lián)系人按鈕時，該按鈕的擬人形象會向中間擺正，而左邊消息按鈕和右邊動態(tài)按鈕則會自動向其吸附。同理，無論點擊哪一個圖標(biāo)，其他按鈕均會向其方向靠攏，這在趣味性的同時，也很直接展示了選擇的結(jié)果，避免錯誤選擇的結(jié)果。
簡而言之，微交互通過讓產(chǎn)品更加人性化來提升用戶體驗，這也是手機QQ歷次版本更新的核心。在用戶使用產(chǎn)品時，過少的動態(tài)讓趣味性大減，而過多的信息往往會使用戶產(chǎn)生疲倦感，相較于簡單的產(chǎn)品加以微交互設(shè)計就會給用戶一種濃縮趣味的直觀感受，這也是年輕人最樂于接受的互動形式。
