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