作者通過生活觀察,介紹了QQ音樂、美團外賣和大眾點評三款APP產品中的設計細節并分析了設計動機,與大家分享 。

文章插圖
01 QQ音樂中的場景化設計今天我們的分享內容是QQ音樂中的一項設計細節:當用戶網絡暢通的時候 , 打開APP進入的頁面為【推薦】頁面;當用戶無網絡的時候,打開APP進入的頁面為【我的頁面】 。

文章插圖
這個設計細節無疑是考慮到了當用戶沒有網絡的時候進入【推薦】頁面也無法播放音頻的場景,所以進行了區別化設計,在用戶打開APP時判斷用戶的網絡情況,再決定進入哪個頁面 。
無網絡時進入我的頁面,可以播放已經下載到本地的音樂 。說實話 , 這個設計細節真的是作者完全沒有想到的,聽聞之后真是贊嘆不已!
隨后作者又體驗了蝦米音樂和網易云音樂,這兩款產品在此處的設計如下:
蝦米音樂中的做法蝦米音樂在此處做了同樣的設計 , 有網進入推薦頁面,沒網進入我的頁面 ??雌饋砗蚎Q音樂的做法完全一樣,只是不知道是哪個產品中先出現的這個功能 。
看到這里的時候作者在感嘆兩者的場景化設計之妙的同時,也產生了擔心 , 即用戶是否能理解為什么我打開了APP卻沒有進入首頁,而是進入了我的頁面呢?這里是否要給用戶一個說明,為什么進入的是我的頁面?
就在作者自鳴得意的時候 , 馬上就被下面網易云音樂的設計教育了一番~

文章插圖
網易云音樂的做法網易云音樂在做了和以上兩款產品類似設計的同時,在進入我的頁面這種情況下,同時給出了一個toast提示【無可用網絡,你可以播放已下載的音樂】 , 通過一句話把用戶進入此頁面的原因,和用戶可以進行的操作都進行了說明 。

文章插圖
看到網易云音樂的設計,作者又返回去刪除了蝦米音樂和QQ音樂APP重新下載,再次體驗這種場景(某些提示只有第一次進入那個場景的時候才會出現,就像APP的引導頁只有第一次打開APP才會出現) , 發現QQ音樂在無網絡進入我的頁面時同樣有一個提示,但只是說明了網絡狀態,并沒有說明為什么進入了這個頁面,以及用戶此時可以做什么操作 。
大家千萬不要小看這幾個字的差別 。當用戶進入頁面時,如果只提示用戶【無網絡】那么用戶的第一反應很可能是:哦,沒網?。渙爍枇四俏彝順靄?。
這樣對產品方來說【用戶使用時長】和【用戶日均打開次數】兩個關鍵指標就會下降 。而像網易云音樂那樣 , 直接說明用戶此時可以進行的操作則就可以在一定程度上避免這個問題 。
02 美團外賣中評價功能的設計細節在美團外賣APP中 , 我們在對訂單評價時,如果選擇了1星和2星評價則匿名評價選項會自動勾選,以保護用戶在進行差評時的信息安全(和人身安全) 。

文章插圖
在體驗過美團外賣的這項功能后,有查看了我們最常用的幾個帶有評價功能的產品,即淘寶和京東(餓了么APP中的設計與美團外賣基本相同,就不再重復舉例了),它們的匿名評價功能如下:

文章插圖
淘寶
淘寶的做法是,進入評價頁面自動勾起匿名評價選項,在這之后即使你取消勾?。⒀≡窳瞬釔潰涿囪“磁ヒ膊換嶙遠囪?。
- 電商設計師工資一般多少 電商平面設計工資一般多少
- 農村小別墅設計圖紙及效果圖大全免費自建 現在的農村小別墅
- 數據庫管理技術發展的三個階段中「數據庫入門之數據庫管理技術的3個發展階段」
- 網絡加速的原理「網游加速的原理是什么一文告訴你個中細節」
- 融資250萬他8年拽1萬漫游設計師線上開講現試水付費課程
- logo設計理念講解 logo設計想法
- 網站設計公司 有哪些好的設計網站
- 漢字拆解的創意與設計 文字拆開有意思的文字
- 裝修設計軟件簡單,能自己動手設計裝修app
- 國內為什么沒有像樣的三維設計軟件,免費三維看圖軟件
