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

14 評論 17471 瀏覽 247 收藏 9 分鐘

你好,這是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層說過:天下沒有大作品。在把握大的設計方案的前提下,把每個設計細節(微交互)考慮好。本著智能化、人性化的原則為用戶著想,那么設計出來的產品應該都不會太差吧。

相關閱讀

APP設計:那些打動人心的APP設計(1)

APP設計:那些打動人心的APP設計(2)

APP設計:那些打動人心的設計點(3)

#專欄作家#

鄒志楠,微信公眾號:UE修養,人人都是產品經理專欄作家。交互設計師,專注于互聯網產品設計。

本文原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 厲害????

    回復
  2. ceshihyongli

    來自河北 回復
  3. 受教了,感謝!

    來自浙江 回復
  4. 想知道樓主在體驗各種APP時,是怎么發現這些微交互的?樓主大贊。

    來自廣東 回復
  5. 外包公司產品經理

    回復
  6. 雙擊home鍵,喚起后臺應用的模糊效果,并不是蘋果的設計,應該是軟件在開發時做的效果。比如同為支付軟件,京東金融有模糊效果,支付寶就沒有!

    回復
    1. 支付寶有好不好

      回復
  7. 牛逼,看得出來花了很多心思研究app,向你學習??

    回復
  8. 作為普通用戶基本不會注意到這些,尤其是拄拐的小人 大部分會覺得這些是應該有的 沒有也不會感覺到 ??

    來自吉林 回復
  9. 生活處處是產品,認真體驗總會有意想不到的地方~樓主是真的用心研究產品了,提到的幾款產品的產品經理應該好好謝謝你,這寫個讓人心動的功能點實際上是最大程度上契合了kano模型中的興奮需求~

    來自北京 回復
  10. ?? 學到了,哈

    來自廣東 回復
  11. iOS的雙擊喚起(iOS后臺)模糊效果是開發APP的時候用代碼實現的,每個APP都可以設置這種效果,但一般只是金融和安全類會有這種效果。

    來自上海 回復
  12. 我只能說三個字 six six six !

    來自福建 回復
  13. :mrgreen:

    來自北京 回復