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

01 QQ音樂中的場景化設計

今天我們的分享內(nèi)容是QQ音樂中的一項設計細節(jié)：當用戶網(wǎng)絡暢通的時候，打開APP進入的頁面為【推薦】頁面；當用戶無網(wǎng)絡的時候，打開APP進入的頁面為【我的頁面】。

這個設計細節(jié)無疑是考慮到了當用戶沒有網(wǎng)絡的時候進入【推薦】頁面也無法播放音頻的場景，所以進行了區(qū)別化設計，在用戶打開APP時判斷用戶的網(wǎng)絡情況，再決定進入哪個頁面。

無網(wǎng)絡時進入我的頁面，可以播放已經(jīng)下載到本地的音樂。說實話，這個設計細節(jié)真的是作者完全沒有想到的，聽聞之后真是贊嘆不已！

隨后作者又體驗了蝦米音樂和網(wǎng)易云音樂，這兩款產(chǎn)品在此處的設計如下：

蝦米音樂中的做法

蝦米音樂在此處做了同樣的設計，有網(wǎng)進入推薦頁面，沒網(wǎng)進入我的頁面?？雌饋砗蚎Q音樂的做法完全一樣，只是不知道是哪個產(chǎn)品中先出現(xiàn)的這個功能。

看到這里的時候作者在感嘆兩者的場景化設計之妙的同時，也產(chǎn)生了擔心，即用戶是否能理解為什么我打開了APP卻沒有進入首頁，而是進入了我的頁面呢？這里是否要給用戶一個說明，為什么進入的是我的頁面？

就在作者自鳴得意的時候，馬上就被下面網(wǎng)易云音樂的設計教育了一番~

網(wǎng)易云音樂的做法

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

看到網(wǎng)易云音樂的設計，作者又返回去刪除了蝦米音樂和QQ音樂APP重新下載，再次體驗這種場景（某些提示只有第一次進入那個場景的時候才會出現(xiàn)，就像APP的引導頁只有第一次打開APP才會出現(xiàn)），發(fā)現(xiàn)QQ音樂在無網(wǎng)絡進入我的頁面時同樣有一個提示，但只是說明了網(wǎng)絡狀態(tài)，并沒有說明為什么進入了這個頁面，以及用戶此時可以做什么操作。

大家千萬不要小看這幾個字的差別。當用戶進入頁面時，如果只提示用戶【無網(wǎng)絡】那么用戶的第一反應很可能是：哦，沒網(wǎng)啊，聽不了歌了那我退出吧。

這樣對產(chǎn)品方來說【用戶使用時長】和【用戶日均打開次數(shù)】兩個關鍵指標就會下降。而像網(wǎng)易云音樂那樣，直接說明用戶此時可以進行的操作則就可以在一定程度上避免這個問題。

02 美團外賣中評價功能的設計細節(jié)

在美團外賣APP中，我們在對訂單評價時，如果選擇了1星和2星評價則匿名評價選項會自動勾選，以保護用戶在進行差評時的信息安全（和人身安全）。

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

▲淘寶

淘寶的做法是，進入評價頁面自動勾起匿名評價選項，在這之后即使你取消勾選，并選擇了差評，匿名勾選按鈕也不會自動勾選。

看起來這里的設計好像已經(jīng)比較長時間沒有被注意過了，我覺得至少可以在取消勾選并選擇差評之后再自動勾選匿名評價，并給用戶一個狀態(tài)變更提示。

▲京東

京東的做法則是進入評價頁面后沒有自動勾起匿名評價選項，并且將評價修改為1星或2星時匿名評價選擇也沒有被自動勾起，這里面貌似有比較大的優(yōu)化空間。

在我看來，像阿里這樣的巨無霸如果說在設計團隊中沒有人想到這個問題的話應該是不太可能的，那我們就以產(chǎn)品方已經(jīng)想到了，但依然決定這么做之后進行一番胡亂猜測，猜想一下為什么美團外賣和淘寶在存在這樣的不同設計。

以下是大膽的、隨便的、胡亂的、不負責任的猜測：

（1） 在進行差評時，產(chǎn)品方最重要的事情是考慮給出差評的用戶的人身安全問題。雖然這有些夸張，但大家想一下滴滴的乘客遇害事件，可能數(shù)十億個打車訂單中只有一個乘客遇害了，但這一個乘客，就給滴滴造成了巨大的損失，順風車業(yè)務下線、公司形象危機、用戶信任感、安全感驟降。

就像那句話一樣：不怕一萬、就怕萬一。如果真的有喪心病狂的賣家按照收貨地址找到了給差評的買家，在糾紛的過程中如果真的造成了人員傷亡，那對于產(chǎn)品方也是巨大的不可估量的損失，所以淘寶在這里就進行了一刀切的設計，只要評價那就默認匿名。

（2） 美團外賣為什么沒有默認匿名呢？可能是因為不匿名評價對他的價值。

試想一下如果你在購買外賣時看到了同事、朋友的好評，那么是不是你就有較大的可能性去購買商品，達成成交？并且由于外賣的距離性，我們看到同事朋友的評價的概率還是比較大的。所以美團外賣沒有選擇默認匿名評價。

當然還有重要的一點，美團外賣是默認會隱藏用戶的手機號碼的，商家和騎手只能通過一個虛擬號碼聯(lián)系到買家。

03 大眾點評APP人性化的導航功能

大眾點評應該是我們比較熟悉的產(chǎn)品了，周末偶爾不知道吃什么的時候一般我會在上面看看附近美食店的評價來選擇一家店，其中的店鋪詳情頁內(nèi)置了導航功能，讓我們不必切換地圖APP就能直接查看路線，昨天在尋找美食的時候竟然發(fā)現(xiàn)了一個體驗好到爆的設計，就是【實景圖】功能。

在大眾店鋪詳情頁點擊地址一欄后自動進入導航頁面，此時頁面上目的地附近會出現(xiàn)【實景圖】按鈕，點擊后進入下圖3的頁面，頁面中會顯示你要去的地方的實景圖。

實景圖功能，對于第一次去陌生環(huán)境、方向感很差的伙伴們非常友好；因為我們經(jīng)常會遇到跟著地圖導航已經(jīng)到了目的地，但是又因為店鋪不在十分顯眼的位置所以找不到的情況，實景圖功能可以方便用戶快速的找到店鋪，愉快的進店用餐，避免因為用戶因為找不到店鋪而導致用戶流失。

實景圖頁面包括商戶正門圖和網(wǎng)友為你指路，商戶正門圖有利于用戶更快速的找到店鋪；

網(wǎng)友為你指路也是非常友好的功能，從用戶的角度出發(fā)，以第三方的角色再次對店鋪的位置進行描述，與商戶正門圖行程互補，這樣就在用戶的腦海中形成了目的地以及周圍環(huán)境的認知。

兩者結(jié)合后基本解決了用戶到達目的地后找不到店鋪的問題，使用起來體驗很好。

作者：杜昭，微信：17611113635，微信公眾號：設計的威嚴

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

題圖來自Unsplash， 基于CC0協(xié)議。