簡評(píng):在快速發(fā)展的公司里,產(chǎn)品高速迭代,每一個(gè)身處其中的公司都需要和用戶保持緊密的聯(lián)系,這樣才能在競爭中站穩(wěn)腳跟,而這也是推動(dòng)用戶參與的最佳途徑之一。
作為產(chǎn)品設(shè)計(jì)師,推動(dòng)用戶參與自家產(chǎn)品的最佳方式就是創(chuàng)建一個(gè)簡潔無縫的界面和體驗(yàn)。

什么是微交互(micro-interactions)?
幾乎在每一個(gè)完成單一任務(wù)為背景的時(shí)刻里,微交互都隱藏其中。我們接觸到的 App 無不充滿了微交互的體驗(yàn),隨便舉幾個(gè)簡單的栗子:

- 在 WhatsApp 上按住音頻按鈕
- Snapchat 的下拉刷新
- Facebook emojis 和 Twitter likes
產(chǎn)品設(shè)計(jì)師每天最常做的事怕都是在 dribbble 和 behance 上尋找靈感,現(xiàn)在我們總能看到很多設(shè)計(jì)師在展示他們天馬行空的想象和設(shè)計(jì)技巧,但實(shí)際上,有一些交互和動(dòng)畫是不必要的。
你應(yīng)該記住的事是,你是為用戶去設(shè)計(jì)交互而不是為了設(shè)計(jì)師而設(shè)計(jì)。你大可為炫技而進(jìn)行設(shè)計(jì),但你對(duì)接的開發(fā)者怕是不那么樂意了,動(dòng)畫容易,實(shí)現(xiàn)不易。
作為設(shè)計(jì)師,我們?cè)诿總€(gè)項(xiàng)目中集思廣益并對(duì)其進(jìn)行分類。因此,在用戶體驗(yàn)設(shè)計(jì)和用戶界面設(shè)計(jì)時(shí),我們會(huì)考慮具有特定用途的特定交互。與此同時(shí),我們期望程序員去實(shí)現(xiàn)我們創(chuàng)造的那些復(fù)雜動(dòng)畫時(shí),往往是不切實(shí)際也不正確的一種做法。期望越大,失望越大,當(dāng)我們看到不是我們所想要的成品時(shí),我們會(huì)感到失落,但這并不是程序員的錯(cuò)誤。

The less is more
私以為,與其耗費(fèi)時(shí)間去設(shè)計(jì)大規(guī)模的交互和動(dòng)畫,不如集中精力關(guān)注微交互,為什么?因?yàn)樗⒉皇且粋€(gè) time-consuming 的過程,對(duì)于開發(fā)者來講也更容易實(shí)現(xiàn)符合設(shè)計(jì)師腦海中理想的模型。
微交互的意義
從項(xiàng)目組的實(shí)現(xiàn)角度來說,微交互是個(gè)優(yōu)選。在用戶層面,它也能更好地提升參與度。
微交互給用戶執(zhí)行的操作提供了即時(shí)反饋,這正是讓用戶保持參與的原因。因?yàn)橛脩裟苤浪麄兊男袨橐呀?jīng)被 App 接受,從而使得用戶在心理層面上更愿意使用該產(chǎn)品。舉個(gè)栗子,當(dāng)你點(diǎn)擊下載按鈕時(shí),看到一個(gè)表現(xiàn)下載過程的動(dòng)畫出現(xiàn),會(huì)更有心理舒適感。在等待下載的過程中,微交互可以幫助用戶自行參與,以減少等待時(shí)間帶來的煩躁。
Don't overdo it
正如它的名字,micro-interaction 的重點(diǎn)也應(yīng)該是 micro,凡事不要過頭。
它可能需要一點(diǎn)時(shí)間來加載,但不應(yīng)該花費(fèi)太多時(shí)間,也不需要太復(fù)雜。你的微交互應(yīng)該是簡單的互動(dòng),在用戶第一百次或者第一千次執(zhí)行同樣的操作時(shí)都可以得到同樣的效果。另外,請(qǐng)確保你的交互符合特定界面的風(fēng)格。
在哪里使用?
在 landing page 可以使用大型動(dòng)畫去提醒用戶一些重要信息,但在用戶每天經(jīng)常使用的功能頁和細(xì)節(jié)中,應(yīng)該主要應(yīng)用微交互,這樣是比較合理的一個(gè)方式。否則每次完成一項(xiàng)操作就給用戶展示一個(gè)宏大的動(dòng)畫頁面,或多或少都會(huì)給用戶帶來不便,甚至某種程度上惹惱用戶。
結(jié)論
一個(gè)良好的交互可以站在界面的整體設(shè)計(jì)上。交互是讓用戶參與進(jìn)來,不會(huì)讓用戶產(chǎn)生厭煩或使用戶分心。最重要的是用戶通過交互觸達(dá)我們的產(chǎn)品時(shí),用戶是怎樣的一種感受?
當(dāng)我們把這些微小的細(xì)節(jié)加起來時(shí),就能使我們的設(shè)計(jì)更加人性化而少一些機(jī)械的古板。
英文原文:Stop creating unnecessary interactions
舊文推薦:
UI 設(shè)計(jì)中最重要的顏色
從概念到落地 - Logo 設(shè)計(jì)指南(內(nèi)附大量學(xué)習(xí)資源)