十萬(wàn)個(gè)產(chǎn)品細(xì)節(jié)推導(dǎo)(十二)
編輯導(dǎo)語(yǔ):用戶體驗(yàn)對(duì)于一個(gè)產(chǎn)品來(lái)說(shuō),有著至關(guān)重要的作用,貼心的產(chǎn)品體驗(yàn)感受會(huì)讓用戶愛(ài)上這款產(chǎn)品,反之,會(huì)放棄使用這款產(chǎn)品。本文對(duì)十個(gè)產(chǎn)品的相關(guān)設(shè)計(jì)做了一個(gè)評(píng)測(cè),作者分享其對(duì)于這十個(gè)產(chǎn)品的設(shè)計(jì)場(chǎng)景以及思考,一起來(lái)看看吧。
本期目錄
- 【餓了么】-貼心的幫我點(diǎn)功能
- 【網(wǎng)易云音樂(lè)】-評(píng)論同步到動(dòng)態(tài)
- 【Bilibili】-有趣的點(diǎn)贊形式
- 【餓了么】-快速返回頂部
- 【京東】-消息提醒的樣式設(shè)計(jì)
- 【京東】-快捷入口的彈窗設(shè)計(jì)
- 【自如】-VR看房
- 【微博】-有意思的點(diǎn)贊形式
- 【自如】-360度實(shí)景查看周邊
- 【抖音】-下拉的設(shè)計(jì)小細(xì)節(jié)
一、【餓了么】-貼心的幫我點(diǎn)功能
1. 使用場(chǎng)景
用戶點(diǎn)外賣時(shí)經(jīng)常會(huì)糾結(jié)點(diǎn)什么吃的,造成的問(wèn)題就是每次都很浪費(fèi)自己的時(shí)間。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):解決用戶點(diǎn)外賣糾結(jié)的問(wèn)題,提升外賣的下單率。
設(shè)計(jì)方案:在餓了么中,用戶進(jìn)入某個(gè)店鋪后,左下角會(huì)出現(xiàn)「幫我點(diǎn)」的功能,點(diǎn)擊之后會(huì)顯示推薦搭配的套餐,幫助用戶做選擇,很好地提升了點(diǎn)外賣的效率,同時(shí)進(jìn)一步提升下單率。
二、【網(wǎng)易云音樂(lè)】-評(píng)論同步到動(dòng)態(tài)
1. 使用場(chǎng)景
用戶對(duì)某首歌有想法時(shí)會(huì)去進(jìn)行點(diǎn)評(píng),同時(shí)也希望可以讓更多人看到自己的評(píng)價(jià)。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):解決點(diǎn)評(píng)的內(nèi)容曝光量低的問(wèn)題,提高歌曲的點(diǎn)擊率。
設(shè)計(jì)方案:在網(wǎng)易云音樂(lè)中,用戶進(jìn)行點(diǎn)評(píng)時(shí),勾選「同步到動(dòng)態(tài)」,點(diǎn)評(píng)的內(nèi)容即可當(dāng)做動(dòng)態(tài)進(jìn)行發(fā)布,可以讓更多人看到,同時(shí)也減少了用戶重新發(fā)動(dòng)態(tài)的操作,提高效率。
三、【Bilibili】-有趣的點(diǎn)贊形式
1. 使用場(chǎng)景
當(dāng)用戶在瀏覽時(shí)遇到喜歡的內(nèi)容會(huì)對(duì)其進(jìn)行點(diǎn)贊,這時(shí)候一個(gè)好的點(diǎn)贊形式能更好的吸引用戶。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):解決點(diǎn)贊形式過(guò)于普通的問(wèn)題,提升用戶對(duì)產(chǎn)品的好感度。
設(shè)計(jì)方案:在Bilibili中,用戶對(duì)某個(gè)視頻進(jìn)行點(diǎn)贊時(shí),會(huì)出現(xiàn)有趣的人物動(dòng)效反饋形式,以及幽默的文案提示。這樣的細(xì)節(jié)很符合Bilibili的產(chǎn)品特色,能更好地吸引用戶,留住用戶。
四、【餓了么】-快速返回頂部
1. 使用場(chǎng)景
用戶點(diǎn)外賣時(shí)會(huì)時(shí)常往下瀏覽外賣有哪些,可想重新回到頂部,操作起來(lái)并不方便。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):解決用戶返回頂部不方便的問(wèn)題,提升用戶的瀏覽體驗(yàn)。
設(shè)計(jì)方案:在餓了么中,用戶在首頁(yè)往下瀏覽超過(guò)一屏?xí)r,底部Tab欄的餓了么圖標(biāo)即會(huì)變成「往上的箭頭」,點(diǎn)擊即可返回到頂部,很好地提升了瀏覽體驗(yàn)及操作效率。
五、【京東】-消息提醒的樣式設(shè)計(jì)
1. 使用場(chǎng)景
當(dāng)用戶收到消息沒(méi)有查看時(shí),這時(shí)候需要提醒用戶去查看未讀消息。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):提醒用戶查看未讀消息,優(yōu)化消息的提醒樣式。
設(shè)計(jì)方案:在京東的消息頁(yè)中,用戶左滑某個(gè)消息可設(shè)置消息提醒的樣式,可以選擇「顯示數(shù)字」或「顯示紅點(diǎn)」,方便用戶對(duì)重要消息和次要信息進(jìn)行區(qū)分提醒。
六、【京東】-快捷入口的彈窗設(shè)計(jì)
1. 使用場(chǎng)景
當(dāng)界面中的操作入口過(guò)多時(shí),需要對(duì)次要的操作進(jìn)行折疊或者隱藏。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):優(yōu)化對(duì)次要操作的設(shè)計(jì),提升界面清晰度及操作效率。
設(shè)計(jì)方案:在京東的購(gòu)物車頁(yè)面中,用戶點(diǎn)擊右上角的「更多」圖標(biāo),即可從頂部出現(xiàn)快捷入口的彈窗,這么設(shè)計(jì)可減少用戶的操作距離,更好地方便用戶去點(diǎn)擊操作。
七、【自如】-VR看房
1. 使用場(chǎng)景
當(dāng)用戶在自如上瀏覽租房信息時(shí),更希望看到房源的真實(shí)環(huán)境及細(xì)節(jié),來(lái)增加對(duì)房源的了解。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):解決瀏覽房源時(shí)不夠真實(shí)的問(wèn)題,提升約看房率。
設(shè)計(jì)方案:在自如房源的詳情頁(yè)中,用戶點(diǎn)擊「VR看房」的功能,即可全方位真實(shí)的瀏覽房源環(huán)境及細(xì)節(jié),很好地增加用戶對(duì)房源的了解及信任感,提升整體租房的效率。
八、【微博】-有意思的點(diǎn)贊形式
1. 使用場(chǎng)景
用戶在瀏覽時(shí)遇到感興趣的內(nèi)容一般都會(huì)進(jìn)行點(diǎn)贊,這時(shí)一個(gè)好的點(diǎn)贊形式更能提升瀏覽的體驗(yàn)。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):解決點(diǎn)贊形式過(guò)于普通的問(wèn)題,提升用戶對(duì)產(chǎn)品的好感度。
設(shè)計(jì)方案:在微博中,用戶對(duì)某個(gè)內(nèi)容進(jìn)行點(diǎn)贊時(shí),會(huì)在屏幕中間出現(xiàn)一個(gè)極大的有趣的點(diǎn)贊動(dòng)效。這樣的細(xì)節(jié)能更好地吸引用戶,提升瀏覽時(shí)的體驗(yàn)。
九、【自如】-360度實(shí)景查看周邊
1. 使用場(chǎng)景
用戶租房時(shí)除了對(duì)房源關(guān)心,同時(shí)也會(huì)關(guān)心周邊的交通或生活設(shè)施是否便利。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):讓用戶更好地了解周邊環(huán)境,提升約看房率。
設(shè)計(jì)方案:在自如房源的詳情頁(yè)中,用戶點(diǎn)擊「360度查看周邊」的功能時(shí),即可配合地圖進(jìn)入現(xiàn)場(chǎng)實(shí)景查看,更好地讓用戶了解周邊環(huán)境,增加用戶的信任感,促進(jìn)下一步約看房。
十、【抖音】-下拉的設(shè)計(jì)小細(xì)節(jié)
1. 使用場(chǎng)景
當(dāng)用戶看到可點(diǎn)擊的圖標(biāo)時(shí),一般都會(huì)默認(rèn)想到點(diǎn)擊后會(huì)進(jìn)入到新的頁(yè)面。
2. 設(shè)計(jì)思考
設(shè)計(jì)目標(biāo):解決公益活動(dòng)入口設(shè)計(jì)的問(wèn)題,提升活動(dòng)的參與度。
設(shè)計(jì)方案:在抖音的消息頁(yè)中,點(diǎn)擊消息標(biāo)題下方的「下拉」圖標(biāo),用戶即進(jìn)入某活動(dòng)的參與界面。這么一個(gè)小的設(shè)計(jì)細(xì)節(jié)可以很好地引導(dǎo)用戶進(jìn)入活動(dòng)頁(yè)面,提升活動(dòng)的瀏覽量與參與度,不過(guò)還是過(guò)于隱蔽。
十一、結(jié)語(yǔ)
在設(shè)計(jì)的生涯中,如何說(shuō)服別人會(huì)伴隨著我們從頭到尾。我們?cè)谟涗浐玫脑O(shè)計(jì)細(xì)節(jié)時(shí),也要不斷提升自己的輸出表達(dá)能力。做到既能讓別人聽(tīng)得舒服,也能讓自己減少改稿率。
本期的產(chǎn)品細(xì)節(jié)推導(dǎo)分享結(jié)束,我們下期再見(jiàn)!
本文由 @薩瓦迪卡 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Pexels,基于CC0協(xié)議
導(dǎo)航時(shí)候的VR實(shí)景真的很好用,再也沒(méi)有迷過(guò)路,真的是非常貼心的設(shè)計(jì)了
bilibili的那個(gè)點(diǎn)贊形式真的很好玩,就是感覺(jué)你給別人點(diǎn)贊了,然后又有人給你點(diǎn)了一個(gè)贊。
打開(kāi)餓了么,看到好多想吃的東西之后,選擇恐懼癥頓時(shí)犯了,最后選擇了第一眼想吃的,然后快速返回頂部就不用我使勁往上翻啦。
那個(gè)VR看房挺好的,有時(shí)候不能去實(shí)地看一下,看照片有時(shí)看不明白,VR看房能讓你有一些身臨其境的感覺(jué),能更好的了解房屋設(shè)計(jì)等。
看到餓了么 默默點(diǎn)開(kāi) 思考晚上吃什么…
哈哈