3個(gè)設(shè)計(jì)細(xì)節(jié),帶你看看大廠產(chǎn)品有多精彩
作者通過生活觀察,介紹了QQ音樂、美團(tuán)外賣和大眾點(diǎn)評三款A(yù)PP產(chǎn)品中的設(shè)計(jì)細(xì)節(jié)并分析了設(shè)計(jì)動(dòng)機(jī),與大家分享。
01 QQ音樂中的場景化設(shè)計(jì)
今天我們的分享內(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)入【推薦】頁面也無法播放音頻的場景,所以進(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ì)如下:
蝦米音樂中的做法
蝦米音樂在此處做了同樣的設(shè)計(jì),有網(wǎng)進(jìn)入推薦頁面,沒網(wǎng)進(jìn)入我的頁面??雌饋砗蚎Q音樂的做法完全一樣,只是不知道是哪個(gè)產(chǎn)品中先出現(xiàn)的這個(gè)功能。
看到這里的時(shí)候作者在感嘆兩者的場景化設(shè)計(jì)之妙的同時(shí),也產(chǎn)生了擔(dān)心,即用戶是否能理解為什么我打開了APP卻沒有進(jìn)入首頁,而是進(jìn)入了我的頁面呢?這里是否要給用戶一個(gè)說明,為什么進(jìn)入的是我的頁面?
就在作者自鳴得意的時(shí)候,馬上就被下面網(wǎng)易云音樂的設(shè)計(jì)教育了一番~
網(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音樂APP重新下載,再次體驗(yàn)這種場景(某些提示只有第一次進(jìn)入那個(gè)場景的時(shí)候才會(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)啊,聽不了歌了那我退出吧。
這樣對產(chǎn)品方來說【用戶使用時(shí)長】和【用戶日均打開次數(shù)】兩個(gè)關(guān)鍵指標(biāo)就會(huì)下降。而像網(wǎng)易云音樂那樣,直接說明用戶此時(shí)可以進(jìn)行的操作則就可以在一定程度上避免這個(gè)問題。
02 美團(tuán)外賣中評價(jià)功能的設(shè)計(jì)細(xì)節(jié)
在美團(tuán)外賣APP中,我們在對訂單評價(jià)時(shí),如果選擇了1星和2星評價(jià)則匿名評價(jià)選項(xiàng)會(huì)自動(dòng)勾選,以保護(hù)用戶在進(jìn)行差評時(shí)的信息安全(和人身安全)。
在體驗(yàn)過美團(tuán)外賣的這項(xiàng)功能后,有查看了我們最常用的幾個(gè)帶有評價(jià)功能的產(chǎn)品,即淘寶和京東(餓了么APP中的設(shè)計(jì)與美團(tuán)外賣基本相同,就不再重復(fù)舉例了),它們的匿名評價(jià)功能如下:
▲淘寶
淘寶的做法是,進(jìn)入評價(jià)頁面自動(dòng)勾起匿名評價(jià)選項(xiàng),在這之后即使你取消勾選,并選擇了差評,匿名勾選按鈕也不會(huì)自動(dòng)勾選。
看起來這里的設(shè)計(jì)好像已經(jīng)比較長時(shí)間沒有被注意過了,我覺得至少可以在取消勾選并選擇差評之后再自動(dòng)勾選匿名評價(jià),并給用戶一個(gè)狀態(tài)變更提示。
▲京東
京東的做法則是進(jìn)入評價(jià)頁面后沒有自動(dòng)勾起匿名評價(jià)選項(xiàng),并且將評價(jià)修改為1星或2星時(shí)匿名評價(jià)選擇也沒有被自動(dòng)勾起,這里面貌似有比較大的優(yōu)化空間。
在我看來,像阿里這樣的巨無霸如果說在設(shè)計(jì)團(tuán)隊(duì)中沒有人想到這個(gè)問題的話應(yīng)該是不太可能的,那我們就以產(chǎn)品方已經(jīng)想到了,但依然決定這么做之后進(jìn)行一番胡亂猜測,猜想一下為什么美團(tuán)外賣和淘寶在存在這樣的不同設(shè)計(jì)。
以下是大膽的、隨便的、胡亂的、不負(fù)責(zé)任的猜測:
(1) 在進(jìn)行差評時(shí),產(chǎn)品方最重要的事情是考慮給出差評的用戶的人身安全問題。雖然這有些夸張,但大家想一下滴滴的乘客遇害事件,可能數(shù)十億個(gè)打車訂單中只有一個(gè)乘客遇害了,但這一個(gè)乘客,就給滴滴造成了巨大的損失,順風(fēng)車業(yè)務(wù)下線、公司形象危機(jī)、用戶信任感、安全感驟降。
就像那句話一樣:不怕一萬、就怕萬一。如果真的有喪心病狂的賣家按照收貨地址找到了給差評的買家,在糾紛的過程中如果真的造成了人員傷亡,那對于產(chǎn)品方也是巨大的不可估量的損失,所以淘寶在這里就進(jìn)行了一刀切的設(shè)計(jì),只要評價(jià)那就默認(rèn)匿名。
(2) 美團(tuán)外賣為什么沒有默認(rèn)匿名呢?可能是因?yàn)椴荒涿u價(jià)對他的價(jià)值。
試想一下如果你在購買外賣時(shí)看到了同事、朋友的好評,那么是不是你就有較大的可能性去購買商品,達(dá)成成交?并且由于外賣的距離性,我們看到同事朋友的評價(jià)的概率還是比較大的。所以美團(tuán)外賣沒有選擇默認(rèn)匿名評價(jià)。
當(dāng)然還有重要的一點(diǎn),美團(tuán)外賣是默認(rèn)會(huì)隱藏用戶的手機(jī)號碼的,商家和騎手只能通過一個(gè)虛擬號碼聯(lián)系到買家。
03 大眾點(diǎn)評APP人性化的導(dǎo)航功能
大眾點(diǎn)評應(yīng)該是我們比較熟悉的產(chǎn)品了,周末偶爾不知道吃什么的時(shí)候一般我會(huì)在上面看看附近美食店的評價(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í)景圖功能,對于第一次去陌生環(huán)境、方向感很差的伙伴們非常友好;因?yàn)槲覀兘?jīng)常會(huì)遇到跟著地圖導(dǎo)航已經(jīng)到了目的地,但是又因?yàn)榈赇伈辉谑诛@眼的位置所以找不到的情況,實(shí)景圖功能可以方便用戶快速的找到店鋪,愉快的進(jìn)店用餐,避免因?yàn)橛脩粢驗(yàn)檎也坏降赇伓鴮?dǎo)致用戶流失。
實(shí)景圖頁面包括商戶正門圖和網(wǎng)友為你指路,商戶正門圖有利于用戶更快速的找到店鋪;
網(wǎng)友為你指路也是非常友好的功能,從用戶的角度出發(fā),以第三方的角色再次對店鋪的位置進(jìn)行描述,與商戶正門圖行程互補(bǔ),這樣就在用戶的腦海中形成了目的地以及周圍環(huán)境的認(rèn)知。
兩者結(jié)合后基本解決了用戶到達(dá)目的地后找不到店鋪的問題,使用起來體驗(yàn)很好。
作者:杜昭,微信:17611113635,微信公眾號:設(shè)計(jì)的威嚴(yán)
本文由@杜昭原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash, 基于CC0協(xié)議。
很好的設(shè)計(jì)細(xì)節(jié),給用戶不同的感覺。
好棒b( ̄▽ ̄)d 會(huì)持續(xù)關(guān)注
有些問題是底線,像安全,隱私
淘寶的匿名評價(jià),賣家應(yīng)該還是可以看到買主的ID吧?所以是否匿名差評,沒有什么本質(zhì)上的區(qū)別…
而且這里的默認(rèn)匿名應(yīng)該是為了保護(hù)用戶的隱私,畢竟有可能會(huì)購買一些隱私性較強(qiáng)的物品,而外賣則不會(huì),因此不需要默認(rèn)匿名..
也是個(gè)人的一些猜測,不知是否正確
對的,淘寶給差評賣家還是能找到你的,所以這里的匿名不是針對賣家的
看來做產(chǎn)品需要留意國家政策
從匿名評價(jià)這個(gè)功能的出發(fā)點(diǎn)來看,這個(gè)功能沒有十全十美的辦法,除非某一方或多方會(huì)妥協(xié)一些用戶體驗(yàn)或利益