編輯導(dǎo)語：用戶體驗(yàn)對(duì)于一個(gè)產(chǎn)品來說，有著至關(guān)重要的作用，貼心的產(chǎn)品體驗(yàn)感受會(huì)讓用戶愛上這款產(chǎn)品，反之，會(huì)放棄使用這款產(chǎn)品。本文對(duì)十個(gè)產(chǎn)品的相關(guān)設(shè)計(jì)做了一個(gè)評(píng)測，作者分享其對(duì)于這十個(gè)產(chǎn)品的設(shè)計(jì)場景以及思考，一起來看看吧。

本期目錄

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

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

1. 使用場景

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

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

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

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

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

1. 使用場景

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

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

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

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

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

1. 使用場景

用戶在瀏覽動(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ì)方案：在小鵬中，用戶點(diǎn)擊作者頭像旁的「關(guān)注并私信」，即可在關(guān)注的同時(shí)跳轉(zhuǎn)到聊天界面，減少了私信咨詢的的操作路徑，避免了多步操作，更好地提升使用的體驗(yàn)及效率。

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

1. 使用場景

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

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

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

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

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

1. 使用場景

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

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

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

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

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

1. 使用場景

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

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

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

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

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

1. 使用場景

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

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

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

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

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

1. 使用場景

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

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

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

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

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

1. 使用場景

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

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

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

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

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

1. 使用場景

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

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

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

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

十一、結(jié)語

在設(shè)計(jì)的生涯中，如何說服別人會(huì)伴隨著我們從頭到尾。我們?cè)谟涗浐玫脑O(shè)計(jì)細(xì)節(jié)時(shí)，也要不斷提升自己的輸出表達(dá)能力。做到既能讓別人聽得舒服，也能讓自己減少改稿率。

本期的產(chǎn)品細(xì)節(jié)推導(dǎo)分享結(jié)束，我們下期再見！

本文由 @薩瓦迪卡 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Pexels，基于CC0協(xié)議