3個產(chǎn)品細節(jié)，讓你看看大廠是如何做設計的！

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

QQ音樂中的場景化設計

今天創(chuàng)新互聯(lián)的分享內(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)品在此處的設計如下。

1. 蝦米音樂的做法

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

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

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

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

看到網(wǎng)易云音樂的設計，我又返回去刪除了蝦米音樂和 QQ 音樂，并重新下載，再次體驗這種場景（某些提示只有第一次進入該場景才會出現(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)易云音樂那樣，直接說明用戶此時可以進行的操作則就可以在一定程度上避免這個問題。

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

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

在體驗過美團外賣的這項功能后，又查看了我們最常用的幾個帶有評價功能的產(chǎn)品，即淘寶和京東，它們的匿名評價功能如下：

△ 淘寶

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

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

△ 京東

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

為什么美團外賣和淘寶存在這樣不同的設計？我猜測：在進行差評時，產(chǎn)品方最重要的事情是考慮給出差評的用戶的人身安全問題。所以淘寶在這里就進行了一刀切的設計，只要評價那就默認匿名。

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

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

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

大眾點評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)境的認知。

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

歡迎關注作者的微信公眾號：「設計的威嚴」

網(wǎng)站題目：3個產(chǎn)品細節(jié)，讓你看看大廠是如何做設計的！
URL鏈接：http://www.bm7419.com/news42/117792.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)頁設計公司、網(wǎng)站排名、網(wǎng)站制作、云服務器、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)