你好，這是2017年的第12篇文章。自從寫(xiě)了這個(gè)系列，每天除了吃飯睡覺(jué)工作，其余的時(shí)間都在用各種APP，觀察各種產(chǎn)品。在同質(zhì)化越來(lái)越嚴(yán)重的今天，這些產(chǎn)品的微交互，是用戶喜歡或討厭一個(gè)產(chǎn)品的重要原因，不容被忽視。

31. 及時(shí)出現(xiàn)的翻譯按鈕

在使用國(guó)外產(chǎn)品時(shí)，經(jīng)常會(huì)收到全英文郵件，每次看到右下角出現(xiàn)的翻譯懸浮按鈕，總會(huì)會(huì)心一笑。這已經(jīng)是第三次介紹QQ郵箱的微交互了。另外兩條可以翻閱前三篇文章。

QQ郵箱

32. 快速瀏覽內(nèi)容

由于智能手機(jī)的尺寸特點(diǎn)等原因，瀑布流的信息展現(xiàn)形式成為主流。而上下滑動(dòng)是最合適的對(duì)應(yīng)操作，通過(guò)上滑和下滑，瀏覽對(duì)應(yīng)的信息，幾乎成了每個(gè)人潛意識(shí)中的操作。但，如果瀑布流內(nèi)容過(guò)多，而我們需要快速瀏覽時(shí)，該怎么辦？微云APP的做法是在界面右側(cè)，出現(xiàn)類(lèi)似索引的控件。拖住后上下滑動(dòng)可以快速的瀏覽內(nèi)容。

同理：點(diǎn)擊美團(tuán)左上角的地點(diǎn)，彈出的地點(diǎn)列表，右側(cè)的字母索引。這是同樣的設(shè)計(jì)思路的不同表現(xiàn)形式。

微云

33. 付款時(shí)自動(dòng)點(diǎn)亮屏幕

有多少人和我一樣，出門(mén)已經(jīng)不帶現(xiàn)金了，貌似什么都可以用手機(jī)付款。在付款流程中，支付寶和微信都會(huì)在點(diǎn)開(kāi)二維碼界面加亮手機(jī)屏幕。想一想，如果沒(méi)有這個(gè)功能，是不是每次屏幕亮度過(guò)低對(duì)方識(shí)別不了二維碼時(shí)，你不僅要增加加亮屏幕的操作，還要忍受忘記加亮屏幕導(dǎo)致掃碼失敗而帶來(lái)的挫敗感？

有些設(shè)計(jì)，你往往感覺(jué)不到它的存在，可是一旦沒(méi)有，便會(huì)帶來(lái)不便，產(chǎn)生挫敗和焦慮。這就是好的設(shè)計(jì)點(diǎn)，也是作為設(shè)計(jì)師平時(shí)要去積累的。

微信

34. 有一個(gè)巧用標(biāo)簽欄icon的例子

淘寶前段時(shí)間更新了，據(jù)說(shuō)這是第一次設(shè)計(jì)為主導(dǎo)的軟件大版本更新。在滿足了能用的前提下，怎么用的更爽顯得越來(lái)越重要。

原來(lái)標(biāo)簽欄的首頁(yè)，變成了一個(gè)淘寶的標(biāo)志，當(dāng)在首頁(yè)往下翻時(shí)，icon會(huì)變成一個(gè)向上的火箭，暗示點(diǎn)擊可以回到首屏。標(biāo)簽欄的icon終于不在是簡(jiǎn)單的兩個(gè)狀態(tài)了（選中和被選中），該系列第三篇文章介紹的獵豹瀏覽器、第一篇文章介紹的毒物APP，都采用了類(lèi)似的設(shè)計(jì)手法。

淘寶

35. 一般人發(fā)現(xiàn)不了

這是最近找到的微交互案例中我最喜歡的，因?yàn)樘蝗菀装l(fā)現(xiàn)了，發(fā)現(xiàn)之后默默在內(nèi)心給Google的設(shè)計(jì)師點(diǎn)32個(gè)贊。

用Google Map搜索路線，選擇步行，當(dāng)步行時(shí)間過(guò)長(zhǎng)，步行的小人會(huì)多個(gè)拐杖。請(qǐng)默默看圖，在心里說(shuō)句牛逼。

Google Map

36. 給用戶更多的自主權(quán)

加載過(guò)程是技術(shù)所限不得不出現(xiàn)的形態(tài)，想一想，如果網(wǎng)絡(luò)一直穩(wěn)定，而且速度極快，其實(shí)就不存在加載過(guò)程。但這是不可能的，至少在目前情況下來(lái)說(shuō)。

如何減輕加載過(guò)程中的用戶焦慮，高德的做法也許是其中之一。當(dāng)加載時(shí)間過(guò)長(zhǎng)，允許用戶取消加載過(guò)程，去完成其他任務(wù)。

易到用車(chē)&高德

37. 工具欄并非一成不變

對(duì)當(dāng)前頁(yè)面的操作，一般都會(huì)放在頁(yè)面底部的工具欄，例如今日頭條的工具條就有留言、查看留言、收藏、分享操作。來(lái)看看最美應(yīng)用是怎么巧妙處理單調(diào)的工具欄的。

當(dāng)界面主內(nèi)容是正文時(shí)，工具欄顯示的是對(duì)正文的評(píng)價(jià)，用戶滑到評(píng)論區(qū)后，工具欄便會(huì)變換為留言，并且工具欄可以通過(guò)左右滑動(dòng)來(lái)切換。該系列第三篇文章介紹的QQ音樂(lè)，底部的播放器控件，也支持左右滑動(dòng)來(lái)進(jìn)行切換。

最美應(yīng)用

38. 讓單調(diào)的過(guò)程變得有趣一點(diǎn)

春季不健身、夏季徒傷悲。keep的推薦課程對(duì)于我這種零基礎(chǔ)的人來(lái)說(shuō)真是個(gè)貼心實(shí)用的好功能。但是我們這個(gè)系列討論的是微交互，不對(duì)核心功能點(diǎn)進(jìn)行過(guò)多展開(kāi)。

在健身過(guò)程中，重復(fù)或維持某個(gè)動(dòng)作時(shí)，界面中會(huì)出現(xiàn)名人名言，說(shuō)白了就是打雞血和灌雞湯的話，但確實(shí)有用。做平板支撐要堅(jiān)持一分鐘的時(shí)候，打打雞血也還是可以的。

畫(huà)外音：健身的時(shí)候其實(shí)看紀(jì)錄片是個(gè)很不錯(cuò)的選擇。

keep

39. 隱藏敏感信息

當(dāng)在說(shuō)產(chǎn)品時(shí)，大家總喜歡拿蘋(píng)果舉例，你看，人家蘋(píng)果以用戶為中心、以設(shè)計(jì)為驅(qū)動(dòng)，做出來(lái)的系統(tǒng)和硬件多好。但你有想過(guò)到底為什么好么？這個(gè)原因是綜合的，但是我覺(jué)得最重要的是微交互，蘋(píng)果有的功能競(jìng)爭(zhēng)對(duì)手幾乎都有，但往往用戶會(huì)被很多小細(xì)節(jié)打動(dòng)。蘋(píng)果在考慮各個(gè)產(chǎn)品時(shí)的細(xì)節(jié)時(shí)所走得心，這個(gè)你是否認(rèn)不了的。

在雙擊HOME鍵喚起正在運(yùn)行的軟件時(shí)，如果后臺(tái)運(yùn)行的軟件涉及到重要信息，會(huì)給縮略圖進(jìn)行高斯模糊處理。我雖然對(duì)內(nèi)在的機(jī)制不清楚，但是猜想應(yīng)該是蘋(píng)果提供了接口，APP調(diào)用后就可以實(shí)現(xiàn)這種效果。

iOS

40. 路癡的福音

翻了翻高德的更新日志，在V7.8.0版本上線了室內(nèi)導(dǎo)航的功能，并且，可以看到商城每層的情況，簡(jiǎn)直就是路癡的福音，在室外不讓你迷路，在室內(nèi)也不能讓你迷路。高德還有到站提醒等貼心的功能，大家可以自行去發(fā)掘。

高德

總結(jié)

美國(guó)設(shè)計(jì)師Victor Papanek層說(shuō)過(guò)：天下沒(méi)有大作品。在把握大的設(shè)計(jì)方案的前提下，把每個(gè)設(shè)計(jì)細(xì)節(jié)（微交互）考慮好。本著智能化、人性化的原則為用戶著想，那么設(shè)計(jì)出來(lái)的產(chǎn)品應(yīng)該都不會(huì)太差吧。

相關(guān)閱讀

APP設(shè)計(jì)：那些打動(dòng)人心的APP設(shè)計(jì)（1）

APP設(shè)計(jì)：那些打動(dòng)人心的APP設(shè)計(jì)（2）

APP設(shè)計(jì)：那些打動(dòng)人心的設(shè)計(jì)點(diǎn)（3）

#專(zhuān)欄作家#

鄒志楠，微信公眾號(hào)：UE修養(yǎng)，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。交互設(shè)計(jì)師，專(zhuān)注于互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。