十萬(wàn)個(gè)產(chǎn)品細(xì)節(jié)推導(dǎo)(十四)
編輯導(dǎo)語(yǔ):在設(shè)計(jì)生涯中,如何能夠提高自己的產(chǎn)出,說(shuō)出說(shuō)服他人的理由,并減少改稿率?作者分享了十個(gè)產(chǎn)品的細(xì)節(jié)推導(dǎo),看看成功的產(chǎn)品是如何做用戶(hù)體驗(yàn)的,希望大家能夠從中有所收獲,一起來(lái)看看吧。
本期目錄
一、【最右】-拖動(dòng)到此處關(guān)閉
二、【抖音】-收藏的快捷查看入口
三、【12306】-回頂部的功能設(shè)計(jì)
四、【Iphone】-搜索功能的設(shè)計(jì)細(xì)節(jié)
五、【抖音】-搜索的提示文案
六、【咕咚】-跑步歌單推薦
七、【餓了么】-快速返回頂部
八、【咕咚】-引導(dǎo)解鎖訓(xùn)練計(jì)劃
九、【餓了么】-收藏的設(shè)計(jì)小細(xì)節(jié)
十、【最右】-插眼的設(shè)計(jì)細(xì)節(jié)
一、【最右】-拖動(dòng)到此處關(guān)閉
1.【使用場(chǎng)景】
用戶(hù)在收聽(tīng)完音頻內(nèi)容之后一般都會(huì)嘗試關(guān)閉,為了更好地瀏覽其它評(píng)論內(nèi)容。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):解決音頻模塊如何關(guān)閉的問(wèn)題,提升整體的操作體驗(yàn)。
設(shè)計(jì)方案:在最右的評(píng)論頁(yè)中,用戶(hù)長(zhǎng)按「音頻模塊」進(jìn)行拖動(dòng)時(shí),底部即會(huì)出現(xiàn)「拖動(dòng)到此處關(guān)閉」的入口,拖動(dòng)到該區(qū)域即可關(guān)閉成功。通過(guò)手勢(shì)設(shè)計(jì)很好地方便用戶(hù)操作,提升用戶(hù)的滿(mǎn)意度。
二、【抖音】-收藏的快捷查看入口
1.【使用場(chǎng)景】
當(dāng)用戶(hù)瀏覽到喜歡的內(nèi)容時(shí)一般會(huì)進(jìn)行收藏,同時(shí)也希望可以快速查看到已收藏的內(nèi)容。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):優(yōu)化用戶(hù)查看收藏的流程,提升產(chǎn)品的流暢度。
設(shè)計(jì)方案:在抖音中,用戶(hù)點(diǎn)擊「收藏」圖標(biāo)后,底部即出現(xiàn)「已添加到“我的收藏”,去看看」的快捷入口,這樣的設(shè)計(jì)既提示了用戶(hù)已收藏成功,也方便用戶(hù)點(diǎn)擊「去看看」查看收藏內(nèi)容。
三、【12306】-回頂部的功能設(shè)計(jì)
1.【使用場(chǎng)景】
用戶(hù)在購(gòu)票前往下瀏覽其它內(nèi)容時(shí),如果想重新回到頂部,只能通過(guò)無(wú)限下拉界面至頂部。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):解決用戶(hù)返回頂部不方便的問(wèn)題,提升用戶(hù)的瀏覽體驗(yàn)。
設(shè)計(jì)方案:在12306中,用戶(hù)在首頁(yè)往下瀏覽超過(guò)「購(gòu)票模塊」的位置時(shí),頂部導(dǎo)航欄中即會(huì)出現(xiàn)「回頂部」 的功能操作,點(diǎn)擊即可返回到頂部,很好的提升了瀏覽體驗(yàn)及操作效率。
四、【iPhone】-搜索功能的設(shè)計(jì)細(xì)節(jié)
當(dāng)用戶(hù)在iPhone中搜索App來(lái)打開(kāi)時(shí),有時(shí)打開(kāi)App后發(fā)現(xiàn)并不是自己想要的App。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):解決用戶(hù)搜索時(shí)操作失誤的問(wèn)題。
設(shè)計(jì)方案:在iPhone中,用戶(hù)搜索完某App并打開(kāi)后,該App會(huì)頂部會(huì)出現(xiàn)「返回搜索」 的操作入口,點(diǎn)擊后返回至搜索頁(yè)。這樣的設(shè)計(jì)方便用戶(hù)在操作失誤時(shí)重新搜索并打開(kāi)自己想要的App。
五、【抖音】-搜索的提示文案
1.【使用場(chǎng)景】
當(dāng)用戶(hù)瀏覽短視頻的內(nèi)容時(shí),有時(shí)會(huì)由于內(nèi)容難懂,導(dǎo)致不了解其表達(dá)的意思。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):給用戶(hù)提供遇到困惑時(shí)的解決方案。
設(shè)計(jì)方案:在抖音中,用戶(hù)在瀏覽短視頻時(shí),搜索欄內(nèi)的提示文案會(huì)根據(jù)短視頻的內(nèi)容顯示,切換內(nèi)容時(shí)也會(huì)跟隨變化。這樣的設(shè)計(jì)方便用戶(hù)不理解時(shí)進(jìn)行搜索,了解更多的相關(guān)信息,解決用戶(hù)困惑。
六、【咕咚】-跑步歌單推薦
1.【使用場(chǎng)景】
用戶(hù)在跑步的過(guò)程中,如果有合適的跑步歌曲搭配,將使跑步的過(guò)程不再枯燥。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):解決用戶(hù)在跑步過(guò)程中枯燥的問(wèn)題,提升整體的跑步體驗(yàn)。
設(shè)計(jì)方案:在咕咚的跑步頁(yè)中,「開(kāi)始」按鈕旁會(huì)設(shè)置「聽(tīng)單」的功能入口,點(diǎn)擊后呈現(xiàn)推薦的跑步歌單,供用戶(hù)選擇。這么設(shè)計(jì)既使用戶(hù)的跑步之旅更加輕松,同時(shí)也避免了打開(kāi)其它聽(tīng)歌App,減少操作。
七、【餓了么】-快速返回頂部
1.【使用場(chǎng)景】
用戶(hù)在點(diǎn)外賣(mài)的過(guò)程中往下瀏覽想點(diǎn)的商品時(shí),如果想重新回到頂部,只能通過(guò)無(wú)限下拉界面至頂部。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):提升用戶(hù)返回頂部的操作容易度。
設(shè)計(jì)方案:在餓了么的店鋪?lái)?yè)中,用戶(hù)往下瀏覽商品時(shí),頂部導(dǎo)航欄中的「全部商品」旁會(huì)出現(xiàn)返回頂部的的圖標(biāo),點(diǎn)擊后即可返回至頂部,很好的提升了瀏覽體驗(yàn)及操作效率。
八、【咕咚】-引導(dǎo)解鎖訓(xùn)練計(jì)劃
1.【使用場(chǎng)景】
用戶(hù)制定訓(xùn)練計(jì)劃的過(guò)程都不會(huì)那么容易,一般都會(huì)猶豫不決,需要推他們一把。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):解決用戶(hù)在定計(jì)劃時(shí)猶豫不決的問(wèn)題,提升訓(xùn)練計(jì)劃的參與率。
設(shè)計(jì)方案:在咕咚的計(jì)劃頁(yè)中,底部會(huì)輪播顯示其它用戶(hù)參加計(jì)劃的信息,從而吸引用戶(hù)關(guān)注。當(dāng)用戶(hù)上滑瀏覽時(shí),底部又會(huì)出現(xiàn)「解鎖訓(xùn)練計(jì)劃」的入口,進(jìn)一步去引導(dǎo)用戶(hù)參加。
九、【餓了么】-收藏的設(shè)計(jì)小細(xì)節(jié)
1.【使用場(chǎng)景】
一般商家為了讓用戶(hù)收藏店鋪,會(huì)推出相關(guān)的優(yōu)惠活動(dòng)給到用戶(hù)。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):解決店鋪收藏量過(guò)低的問(wèn)題,提升下單率。
設(shè)計(jì)方案:在餓了么的店鋪?lái)?yè)中,點(diǎn)擊頂部的「收藏」圖標(biāo),旁邊的「紅包」圖標(biāo)即會(huì)變成「惠」的圖標(biāo)形式,進(jìn)一步提示用戶(hù)收藏即可享受優(yōu)惠活動(dòng),同時(shí)利用貪便宜的心理暗示用戶(hù)下單購(gòu)買(mǎi)。
十、【最右】-插眼的設(shè)計(jì)細(xì)節(jié)
1.【使用場(chǎng)景】
用戶(hù)在瀏覽帖子的評(píng)論內(nèi)容時(shí),如果對(duì)內(nèi)容非常感興趣,他們會(huì)多次去查看評(píng)論的最新進(jìn)展。
2.【設(shè)計(jì)思考】
設(shè)計(jì)目標(biāo):解決多次查看評(píng)論時(shí)的效率問(wèn)題,提升操作的容易度。
設(shè)計(jì)方案:在最右的評(píng)論頁(yè)中,用戶(hù)點(diǎn)擊「插眼」圖標(biāo),即可從「我的」-「插眼」中進(jìn)行查閱內(nèi)容,方便用戶(hù)后續(xù)操作。同時(shí)圖標(biāo)上的表情戴上眼鏡的設(shè)計(jì),以及Toast中的插眼人數(shù)顯示,更好的告訴用戶(hù)插眼成功和帖子的熱度值。
十一、結(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é)議
kk
抖音的那個(gè)“收藏的快捷查看入口”和小紅書(shū)的比較相似,抖音是可以知道收藏成功了并且可以去看看自己收藏的內(nèi)容;小紅書(shū)也是知道收藏成功了,但是是進(jìn)行分類(lèi),分類(lèi)到不同的收藏夾里頭。
嗯呢,感謝支持
抖音的那個(gè)“搜索的提示文案”我還以為是相關(guān)推薦呢,原來(lái)是起提示功能啊。
嗯呢,感謝支持