作者通過生活中的觀察，介紹了 QQ 音樂、美團(tuán)外賣和大眾點(diǎn)評(píng)三款 APP 產(chǎn)品中的設(shè)計(jì)細(xì)節(jié)并分析了設(shè)計(jì)動(dòng)機(jī)，與大家分享。

QQ音樂中的場(chǎng)景化設(shè)計(jì)

今天創(chuàng)新互聯(lián)的分享內(nèi)容是 QQ 音樂中的一項(xiàng)設(shè)計(jì)細(xì)節(jié)：當(dāng)用戶網(wǎng)絡(luò)暢通的時(shí)候，打開 APP 進(jìn)入的頁面為「推薦」頁面；當(dāng)用戶無網(wǎng)絡(luò)的時(shí)候，打開 APP 進(jìn)入的頁面為「我的頁面」。

這個(gè)設(shè)計(jì)細(xì)節(jié)無疑是考慮到了當(dāng)用戶沒有網(wǎng)絡(luò)的時(shí)候進(jìn)入「推薦」頁面也無法播放音頻的場(chǎng)景，所以進(jìn)行了區(qū)別化設(shè)計(jì)，在用戶打開 APP 時(shí)判斷用戶的網(wǎng)絡(luò)情況，再?zèng)Q定進(jìn)入哪個(gè)頁面。

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

隨后又體驗(yàn)了蝦米音樂和網(wǎng)易云音樂，這兩款產(chǎn)品在此處的設(shè)計(jì)如下。

1. 蝦米音樂的做法

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

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

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

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

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

大家千萬不要小看這幾個(gè)字的差別。當(dāng)用戶進(jìn)入頁面時(shí)，如果只提示用戶「無網(wǎng)絡(luò)」，那么用戶的第一反應(yīng)很可能是：沒網(wǎng)啊，聽不了歌了，那我退出吧。

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

美團(tuán)外賣中評(píng)價(jià)功能的設(shè)計(jì)細(xì)節(jié)

在美團(tuán)外賣 APP 中，我們?cè)趯?duì)訂單評(píng)價(jià)時(shí)，如果選擇了1星和2星評(píng)價(jià)則匿名評(píng)價(jià)選項(xiàng)會(huì)自動(dòng)勾選，以保護(hù)用戶在進(jìn)行差評(píng)時(shí)的信息安全。

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

△ 淘寶

淘寶的做法是，進(jìn)入評(píng)價(jià)頁面自動(dòng)勾起匿名評(píng)價(jià)選項(xiàng)，在這之后即使你取消勾選，并選擇了差評(píng)，匿名勾選按鈕也不會(huì)自動(dòng)勾選。

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

△ 京東

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

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

美團(tuán)外賣為什么沒有默認(rèn)匿名呢？可能是因?yàn)椴荒涿u(píng)價(jià)對(duì)他有價(jià)值。

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

當(dāng)然還有重要的一點(diǎn)，美團(tuán)外賣是默認(rèn)隱藏用戶的手機(jī)號(hào)碼，商家和騎手只能通過一個(gè)虛擬號(hào)碼聯(lián)系到買家。

大眾點(diǎn)評(píng)APP人性化的導(dǎo)航功能

大眾點(diǎn)評(píng)應(yīng)該是我們比較熟悉的產(chǎn)品了，周末偶爾不知道吃什么的時(shí)候，一般我會(huì)在上面看看附近美食店的評(píng)價(jià)來選擇，其中的店鋪詳情頁內(nèi)置了導(dǎo)航功能，讓我們不必切換地圖 APP 就能直接查看路線。在尋找美食的時(shí)候發(fā)現(xiàn)了一個(gè)體驗(yàn)很好的設(shè)計(jì)，就是「實(shí)景圖」功能。

在大眾店鋪詳情頁點(diǎn)擊地址一欄后，自動(dòng)進(jìn)入導(dǎo)航頁面，此時(shí)頁面上目的地附近會(huì)出現(xiàn)「實(shí)景圖」按鈕，點(diǎn)擊后進(jìn)入下圖3的頁面，頁面中會(huì)顯示你要去的地方的實(shí)景圖。

實(shí)景圖功能，對(duì)于第一次去陌生環(huán)境，方向感很差的小伙伴們非常友好。我們經(jīng)常會(huì)遇到跟著地圖導(dǎo)航已經(jīng)到了目的地，但是又因?yàn)榈赇伈辉谑诛@眼的位置所以找不到的情況。實(shí)景圖功能可以方便用戶快速地找到店鋪，避免因?yàn)橛脩粽也坏降赇伓鴮?dǎo)致用戶流失。

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

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

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

歡迎關(guān)注作者的微信公眾號(hào)：「設(shè)計(jì)的威嚴(yán)」

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

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

廣告

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