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

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

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

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

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

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

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

1. 蝦米音樂(lè)的做法

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

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

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

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

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

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

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

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

在美團(tuán)外賣(mài) 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)過(guò)美團(tuán)外賣(mài)的這項(xiàng)功能后，又查看了我們最常用的幾個(gè)帶有評(píng)價(jià)功能的產(chǎn)品，即淘寶和京東，它們的匿名評(píng)價(jià)功能如下：

△ 淘寶

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

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

△ 京東

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

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

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

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

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

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

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

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

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

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

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

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

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

當(dāng)前標(biāo)題：3個(gè)產(chǎn)品細(xì)節(jié)，讓你看看大廠是如何做設(shè)計(jì)的！
文章URL：http://bm7419.com/news/117792.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、手機(jī)網(wǎng)站建設(shè)、面包屑導(dǎo)航、服務(wù)器托管、ChatGPT、網(wǎng)站建設(shè)

廣告

聲明：本網(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)