APP設(shè)計:那些打動人心的設(shè)計點(4)

你好,這是2017年的第12篇文章。自從寫了這個系列,每天除了吃飯睡覺工作,其余的時間都在用各種APP,觀察各種產(chǎn)品。在同質(zhì)化越來越嚴(yán)重的今天,這些產(chǎn)品的微交互,是用戶喜歡或討厭一個產(chǎn)品的重要原因,不容被忽視。
31. 及時出現(xiàn)的翻譯按鈕
在使用國外產(chǎn)品時,經(jīng)常會收到全英文郵件,每次看到右下角出現(xiàn)的翻譯懸浮按鈕,總會會心一笑。這已經(jīng)是第三次介紹QQ郵箱的微交互了。另外兩條可以翻閱前三篇文章。
QQ郵箱
32. 快速瀏覽內(nèi)容
由于智能手機(jī)的尺寸特點等原因,瀑布流的信息展現(xiàn)形式成為主流。而上下滑動是最合適的對應(yīng)操作,通過上滑和下滑,瀏覽對應(yīng)的信息,幾乎成了每個人潛意識中的操作。但,如果瀑布流內(nèi)容過多,而我們需要快速瀏覽時,該怎么辦?微云APP的做法是在界面右側(cè),出現(xiàn)類似索引的控件。拖住后上下滑動可以快速的瀏覽內(nèi)容。
同理:點擊美團(tuán)左上角的地點,彈出的地點列表,右側(cè)的字母索引。這是同樣的設(shè)計思路的不同表現(xiàn)形式。
微云
33. 付款時自動點亮屏幕
有多少人和我一樣,出門已經(jīng)不帶現(xiàn)金了,貌似什么都可以用手機(jī)付款。在付款流程中,支付寶和微信都會在點開二維碼界面加亮手機(jī)屏幕。想一想,如果沒有這個功能,是不是每次屏幕亮度過低對方識別不了二維碼時,你不僅要增加加亮屏幕的操作,還要忍受忘記加亮屏幕導(dǎo)致掃碼失敗而帶來的挫敗感?
有些設(shè)計,你往往感覺不到它的存在,可是一旦沒有,便會帶來不便,產(chǎn)生挫敗和焦慮。這就是好的設(shè)計點,也是作為設(shè)計師平時要去積累的。
微信
34. 有一個巧用標(biāo)簽欄icon的例子
淘寶前段時間更新了,據(jù)說這是第一次設(shè)計為主導(dǎo)的軟件大版本更新。在滿足了能用的前提下,怎么用的更爽顯得越來越重要。
原來標(biāo)簽欄的首頁,變成了一個淘寶的標(biāo)志,當(dāng)在首頁往下翻時,icon會變成一個向上的火箭,暗示點擊可以回到首屏。標(biāo)簽欄的icon終于不在是簡單的兩個狀態(tài)了(選中和被選中),該系列第三篇文章介紹的獵豹瀏覽器、第一篇文章介紹的毒物APP,都采用了類似的設(shè)計手法。
淘寶
35. 一般人發(fā)現(xiàn)不了
這是最近找到的微交互案例中我最喜歡的,因為太不容易發(fā)現(xiàn)了,發(fā)現(xiàn)之后默默在內(nèi)心給Google的設(shè)計師點32個贊。
用Google Map搜索路線,選擇步行,當(dāng)步行時間過長,步行的小人會多個拐杖。請默默看圖,在心里說句牛逼。
Google Map
36. 給用戶更多的自主權(quán)
加載過程是技術(shù)所限不得不出現(xiàn)的形態(tài),想一想,如果網(wǎng)絡(luò)一直穩(wěn)定,而且速度極快,其實就不存在加載過程。但這是不可能的,至少在目前情況下來說。
如何減輕加載過程中的用戶焦慮,高德的做法也許是其中之一。當(dāng)加載時間過長,允許用戶取消加載過程,去完成其他任務(wù)。
易到用車&高德
37. 工具欄并非一成不變
對當(dāng)前頁面的操作,一般都會放在頁面底部的工具欄,例如今日頭條的工具條就有留言、查看留言、收藏、分享操作。來看看最美應(yīng)用是怎么巧妙處理單調(diào)的工具欄的。
當(dāng)界面主內(nèi)容是正文時,工具欄顯示的是對正文的評價,用戶滑到評論區(qū)后,工具欄便會變換為留言,并且工具欄可以通過左右滑動來切換。該系列第三篇文章介紹的QQ音樂,底部的播放器控件,也支持左右滑動來進(jìn)行切換。
最美應(yīng)用
38. 讓單調(diào)的過程變得有趣一點
春季不健身、夏季徒傷悲。keep的推薦課程對于我這種零基礎(chǔ)的人來說真是個貼心實用的好功能。但是我們這個系列討論的是微交互,不對核心功能點進(jìn)行過多展開。
在健身過程中,重復(fù)或維持某個動作時,界面中會出現(xiàn)名人名言,說白了就是打雞血和灌雞湯的話,但確實有用。做平板支撐要堅持一分鐘的時候,打打雞血也還是可以的。
畫外音:健身的時候其實看紀(jì)錄片是個很不錯的選擇。
keep
39. 隱藏敏感信息
當(dāng)在說產(chǎn)品時,大家總喜歡拿蘋果舉例,你看,人家蘋果以用戶為中心、以設(shè)計為驅(qū)動,做出來的系統(tǒng)和硬件多好。但你有想過到底為什么好么?這個原因是綜合的,但是我覺得最重要的是微交互,蘋果有的功能競爭對手幾乎都有,但往往用戶會被很多小細(xì)節(jié)打動。蘋果在考慮各個產(chǎn)品時的細(xì)節(jié)時所走得心,這個你是否認(rèn)不了的。
在雙擊HOME鍵喚起正在運行的軟件時,如果后臺運行的軟件涉及到重要信息,會給縮略圖進(jìn)行高斯模糊處理。我雖然對內(nèi)在的機(jī)制不清楚,但是猜想應(yīng)該是蘋果提供了接口,APP調(diào)用后就可以實現(xiàn)這種效果。
iOS
40. 路癡的福音
翻了翻高德的更新日志,在V7.8.0版本上線了室內(nèi)導(dǎo)航的功能,并且,可以看到商城每層的情況,簡直就是路癡的福音,在室外不讓你迷路,在室內(nèi)也不能讓你迷路。高德還有到站提醒等貼心的功能,大家可以自行去發(fā)掘。
高德
總結(jié)
美國設(shè)計師Victor Papanek層說過:天下沒有大作品。在把握大的設(shè)計方案的前提下,把每個設(shè)計細(xì)節(jié)(微交互)考慮好。本著智能化、人性化的原則為用戶著想,那么設(shè)計出來的產(chǎn)品應(yīng)該都不會太差吧。
相關(guān)閱讀
APP設(shè)計:那些打動人心的APP設(shè)計(1)
APP設(shè)計:那些打動人心的APP設(shè)計(2)
#專欄作家#
鄒志楠,微信公眾號:UE修養(yǎng),人人都是產(chǎn)品經(jīng)理專欄作家。交互設(shè)計師,專注于互聯(lián)網(wǎng)產(chǎn)品設(shè)計。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
厲害????
ceshihyongli
受教了,感謝!
想知道樓主在體驗各種APP時,是怎么發(fā)現(xiàn)這些微交互的?樓主大贊。
外包公司產(chǎn)品經(jīng)理
雙擊home鍵,喚起后臺應(yīng)用的模糊效果,并不是蘋果的設(shè)計,應(yīng)該是軟件在開發(fā)時做的效果。比如同為支付軟件,京東金融有模糊效果,支付寶就沒有!
支付寶有好不好
牛逼,看得出來花了很多心思研究app,向你學(xué)習(xí)??
作為普通用戶基本不會注意到這些,尤其是拄拐的小人 大部分會覺得這些是應(yīng)該有的 沒有也不會感覺到 ??
生活處處是產(chǎn)品,認(rèn)真體驗總會有意想不到的地方~樓主是真的用心研究產(chǎn)品了,提到的幾款產(chǎn)品的產(chǎn)品經(jīng)理應(yīng)該好好謝謝你,這寫個讓人心動的功能點實際上是最大程度上契合了kano模型中的興奮需求~
?? 學(xué)到了,哈
iOS的雙擊喚起(iOS后臺)模糊效果是開發(fā)APP的時候用代碼實現(xiàn)的,每個APP都可以設(shè)置這種效果,但一般只是金融和安全類會有這種效果。
我只能說三個字 six six six !