編輯導(dǎo)語(yǔ)：用戶(hù)體驗(yàn)對(duì)于一個(gè)產(chǎn)品來(lái)說(shuō)，有著至關(guān)重要的作用，貼心的產(chǎn)品體驗(yàn)感受會(huì)讓用戶(hù)愛(à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)看看吧。

本期目錄

1. 【小鵬】-置頂重要操作
2. 【瑞幸】-默認(rèn)選擇最佳定制
3. 【小鵬】-關(guān)注并私信
4. 【小鵬】-預(yù)約表單填寫(xiě)
5. 【12306】-快捷查看訂單信息
6. 【安逸花】-上滑跳轉(zhuǎn)其它頁(yè)面
7. 【抖音】-正在直播的提示設(shè)計(jì)
8. 【網(wǎng)易云音樂(lè)】-自定義首頁(yè)
9. 【瑞幸】-多消息通知形式
10. 【小鵬】-有趣的主題換膚

一、【小鵬】-置頂重要操作

1. 使用場(chǎng)景

用戶(hù)在預(yù)訂汽車(chē)之前，一般都會(huì)先去了解汽車(chē)的各方面內(nèi)容，覺(jué)得滿(mǎn)意才會(huì)預(yù)定購(gòu)買(mǎi)。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：解決用戶(hù)瀏覽時(shí)無(wú)法直接點(diǎn)擊預(yù)訂的問(wèn)題。

設(shè)計(jì)方案：在小鵬汽車(chē)詳情頁(yè)中，用戶(hù)上滑瀏覽汽車(chē)信息時(shí)，當(dāng)超過(guò)一屏后，界面的頂部始終會(huì)出現(xiàn)「預(yù)訂及試駕」的重要操作入口，方便用戶(hù)瀏覽后可直接點(diǎn)擊，很好地提升瀏覽體驗(yàn)及入口的點(diǎn)擊率。

二、【瑞幸】-默認(rèn)選擇最佳定制

1. 使用場(chǎng)景

用戶(hù)在購(gòu)買(mǎi)咖啡的時(shí)候，一般都會(huì)根據(jù)自己的口味進(jìn)行定制化選擇咖啡的溫度或者糖度。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：幫助用戶(hù)定制化咖啡，提升購(gòu)買(mǎi)時(shí)的效率。

設(shè)計(jì)方案：在瑞幸中，用戶(hù)購(gòu)買(mǎi)某個(gè)咖啡后，都會(huì)默認(rèn)選擇推薦的溫度以及糖度。很好的幫助用戶(hù)做出選擇，避免用戶(hù)糾結(jié)，提升購(gòu)買(mǎi)效率，同時(shí)保留「加入定制」功能，方便用戶(hù)自己定制咖啡。

三、【小鵬】-關(guān)注并私信

1. 使用場(chǎng)景

用戶(hù)在瀏覽動(dòng)態(tài)時(shí)關(guān)注作者之后，一般都會(huì)想更進(jìn)一步去了解內(nèi)容或者認(rèn)識(shí)作者。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：優(yōu)化關(guān)注后的操作流程。

設(shè)計(jì)方案：在小鵬中，用戶(hù)點(diǎn)擊作者頭像旁的「關(guān)注并私信」，即可在關(guān)注的同時(shí)跳轉(zhuǎn)到聊天界面，減少了私信咨詢(xún)的的操作路徑，避免了多步操作，更好地提升使用的體驗(yàn)及效率。

四、【小鵬】-預(yù)約表單填寫(xiě)

1. 使用場(chǎng)景

用戶(hù)在預(yù)約試駕時(shí)需要先填寫(xiě)預(yù)約咨詢(xún)的表單信息，才能進(jìn)行預(yù)約。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：解決用戶(hù)需手動(dòng)填寫(xiě)表單信息的問(wèn)題，提升預(yù)約的用戶(hù)量。

設(shè)計(jì)方案：在小鵬中，用戶(hù)點(diǎn)擊「預(yù)約試駕」后進(jìn)入預(yù)約咨詢(xún)頁(yè)，系統(tǒng)會(huì)自動(dòng)根據(jù)你的賬號(hào)信息及當(dāng)前地理位置幫你選擇預(yù)約最近的門(mén)店，避免了用戶(hù)手動(dòng)填寫(xiě)表單，很好地提升了預(yù)約的效率。

五、【12306】-快捷查看訂單信息

1. 使用場(chǎng)景

當(dāng)用戶(hù)提前購(gòu)買(mǎi)好高鐵票后，如果想查看詳細(xì)信息需要進(jìn)入訂單頁(yè)面查找，過(guò)于繁瑣。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：解決用戶(hù)查看高鐵票信息操作復(fù)雜的問(wèn)題。

設(shè)計(jì)方案：在12306中，當(dāng)用戶(hù)購(gòu)買(mǎi)好高鐵票后，首頁(yè)即會(huì)出現(xiàn)該訂單的快捷查看入口，展示用戶(hù)最關(guān)心的信息，同時(shí)點(diǎn)擊后也可查看更詳細(xì)的內(nèi)容。很好地減少了操作步驟，提升了用戶(hù)的查看效率。

六、【安逸花】-上滑跳轉(zhuǎn)其它頁(yè)面

1. 使用場(chǎng)景

當(dāng)用戶(hù)瀏覽某個(gè)頁(yè)面至底部后，一般都會(huì)繼續(xù)瀏覽其它頁(yè)面來(lái)獲取自己想要的信息。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：解決用戶(hù)瀏覽過(guò)程中界面切換的問(wèn)題。

設(shè)計(jì)方案：在安逸花中，當(dāng)用戶(hù)在首頁(yè)瀏覽至底部時(shí)，會(huì)提示「上滑轉(zhuǎn)至商場(chǎng)」，上滑后即可跳轉(zhuǎn)到商城頁(yè)面，方便用戶(hù)繼續(xù)瀏覽。這樣的設(shè)計(jì)既不打斷用戶(hù)的瀏覽節(jié)奏，也提升了商城頁(yè)面的瀏覽量。

七、【抖音】-正在直播的提示設(shè)計(jì)

1. 使用場(chǎng)景

用戶(hù)在瀏覽已關(guān)注用戶(hù)的視頻內(nèi)容時(shí)，往往也喜歡看他們的直播內(nèi)容。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：解決用戶(hù)直播時(shí)提示不足的問(wèn)題。

設(shè)計(jì)方案：在抖音中，當(dāng)用戶(hù)在已關(guān)注的界面中瀏覽時(shí)，頂部會(huì)出現(xiàn)「xx個(gè)直播」的提示，點(diǎn)擊即可展開(kāi)全部的直播用戶(hù)信息，這樣的設(shè)計(jì)既不會(huì)影響用戶(hù)瀏覽其它視頻，同時(shí)也做到了提醒用戶(hù)。

八、【網(wǎng)易云音樂(lè)】-自定義首頁(yè)

1. 使用場(chǎng)景

每位用戶(hù)在聽(tīng)歌時(shí)，對(duì)歌曲內(nèi)容的推薦都會(huì)有所不同，有些愛(ài)好歌單，有些喜歡MV等等。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：解決不同用戶(hù)對(duì)內(nèi)容推薦的需求問(wèn)題。

設(shè)計(jì)方案：在網(wǎng)易云音樂(lè)中，用戶(hù)下拉到底部，點(diǎn)擊「自定義排序」進(jìn)行個(gè)性化布局，可選擇默認(rèn)、歌單、視頻模式，也可調(diào)整模塊順序。這么設(shè)計(jì)可更好地為用戶(hù)呈現(xiàn)優(yōu)質(zhì)內(nèi)容，同時(shí)提升聽(tīng)歌體驗(yàn)。

九、【瑞幸】-多消息通知形式

1. 使用場(chǎng)景

用戶(hù)在購(gòu)買(mǎi)咖啡的時(shí)候，看到有價(jià)值的消息內(nèi)容時(shí)也會(huì)促使自己下單。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：解決消息通知如何呈現(xiàn)的問(wèn)題，優(yōu)化多消息時(shí)的交互模式。

設(shè)計(jì)方案：在瑞幸的菜單頁(yè)中，當(dāng)出現(xiàn)多個(gè)消息時(shí)，會(huì)對(duì)消息進(jìn)行每隔3秒的輪播，以及通過(guò)「下拉」圖標(biāo)能展示所有的消息通知，方便用戶(hù)查看。同時(shí)通過(guò)消息內(nèi)容更好地促使用戶(hù)下單。

十、【小鵬】-有趣的主題換膚

1. 使用場(chǎng)景

小鵬汽車(chē)官宣與NBA達(dá)成合作關(guān)系后，雙方需要更好地彼此做好品牌宣傳。

2. 設(shè)計(jì)思考

設(shè)計(jì)目標(biāo)：解決在小鵬中如何融入NBA品牌形象的問(wèn)題。

設(shè)計(jì)方案：在小鵬中，用戶(hù)點(diǎn)擊「主題換膚」后，底部的Tab欄圖標(biāo)即會(huì)變成與NBA相關(guān)的元素圖標(biāo)，通過(guò)這樣情感化的設(shè)計(jì)既可以吸引用戶(hù)，也很好地幫助NBA做好品牌宣傳，符合雙方的合作關(guān)系。

十一、結(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é)議