編輯導(dǎo)語(yǔ)：一款產(chǎn)品能夠留住用戶的原因在于它的一些設(shè)計(jì)細(xì)節(jié)，這些設(shè)計(jì)細(xì)節(jié)很好地抓住了用戶的心理與需求，提高了用戶對(duì)產(chǎn)品的喜愛(ài)與粘著度。在這篇文章，作者對(duì)十款大廠的設(shè)計(jì)產(chǎn)品細(xì)節(jié)進(jìn)行了分析與總結(jié)，讓我們一起來(lái)看一看吧。

目錄章節(jié)

1. 【滴答清單】：自定義標(biāo)簽欄，給用戶最大可操作空間
2. 【支付寶】：用戶保護(hù)中心，整合安全服務(wù)，提供一站式服務(wù)
3. 【今日頭條】：大字模式，文字描述友好對(duì)待老年用戶
4. 【美團(tuán)買(mǎi)菜】：送達(dá)并拍照，照片為證減少雙方后期糾紛
5. 【閑魚(yú)】：隨機(jī)昵稱，給用戶更多靈感去創(chuàng)造
6. 【餓了么】：再來(lái)一單，快速下單，減少重復(fù)選擇時(shí)間
7. 【京東】：地址粘貼板，多個(gè)必填信息，只需粘貼即可創(chuàng)建
8. 【 愛(ài)奇藝】：隱藏皮膚，給你更多好玩有趣新體驗(yàn)
9. 【微信】：跳到還沒(méi)看的位置，防止漏掉朋友圈的內(nèi)容
10. 【喜馬拉雅】：拖拽進(jìn)度條，就算遮擋也提供及時(shí)進(jìn)度顯示

一、【滴答清單】：自定義標(biāo)簽欄，給用戶最大可操作空間

1. 使用場(chǎng)景

一款代辦事項(xiàng)、日程管理的應(yīng)用，首要前提讓用戶去便捷使用，按照常規(guī)固定模塊，很容易讓用戶受限在既定的規(guī)則里，很難貼合用戶自身使用習(xí)慣進(jìn)行操作使用。

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

設(shè)計(jì)目標(biāo)：

解決用戶使用時(shí)固定模塊無(wú)法自定義編輯受限問(wèn)題，提供功能模塊編輯功能，讓用戶便捷高效使用產(chǎn)品，提升用戶操作易用性，從而在留存時(shí)代讓老用戶更愿意使用，達(dá)到穩(wěn)定留存。

設(shè)計(jì)方案：

在設(shè)置-功能模塊中，給用戶提供主界面功能開(kāi)關(guān)入口，提供6個(gè)模塊，按需選擇，當(dāng)開(kāi)始某功能，該功能會(huì)放置在首頁(yè)Tabber中較高層級(jí)來(lái)供用戶操作；當(dāng)關(guān)閉某功能，則會(huì)隱藏在下拉列表或二級(jí)頁(yè)面中。很好的提升用戶按需使用功能的便捷操作，把不需要的功能放在較深的地方或直接隱藏掉，讓首頁(yè)保持簡(jiǎn)潔易操作性。

二、【支付寶】：用戶保護(hù)中心，整合安全服務(wù)，提供一站式服務(wù)

1. 使用場(chǎng)景

存錢(qián)、花錢(qián)的平臺(tái)，賬號(hào)管理、隱私保護(hù)等服務(wù)通常分散在各個(gè)入口。并沒(méi)有一個(gè)安全匯總平臺(tái)，讓用戶進(jìn)行隱私服務(wù)操作和安全保護(hù)學(xué)習(xí)。

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

設(shè)計(jì)目標(biāo)：

根據(jù)《個(gè)人信息保護(hù)法》相關(guān)規(guī)定，提供用戶個(gè)人信息安全查看和設(shè)置的便捷入口，提高安全保護(hù)意識(shí)，更好的服務(wù)好大眾用戶。

設(shè)計(jì)方案：

進(jìn)入「我的」頁(yè)面，可以看到「用戶保護(hù)中心」入口，在這里可以非常方便的管理個(gè)人信息和隱私，并且提供「?jìng)€(gè)人信息檔案」和「隱私設(shè)置」等，對(duì)重要信息提供操作及授權(quán)等，還可以對(duì)廣告推薦進(jìn)行修改。整合隱私設(shè)置，為用戶提供更透明更易查找的安全使用體驗(yàn)。

三、【今日頭條】：大字模式，文字描述友好對(duì)待老年用戶

1. 使用場(chǎng)景

適老化場(chǎng)景越來(lái)越多，「今日頭條」做為中老年用戶重要產(chǎn)品首當(dāng)其沖，為用戶提供良好的閱讀體驗(yàn)以及專屬的服務(wù)。

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

設(shè)計(jì)目標(biāo)：

解決中老年用戶閱讀文字難，看不清等問(wèn)題，提供適合中老年用戶閱讀體驗(yàn)的字號(hào)和間距等。讓用戶閱讀更高效。

設(shè)計(jì)方案：

在「我的」-「設(shè)置」中，有一個(gè)「大字模式」列表，當(dāng)開(kāi)啟時(shí)，浮窗給予詳細(xì)描述，并配合大字更易理解。之后閱讀的頁(yè)面都會(huì)已大字效果展示在屏幕上供用戶閱讀。這里有個(gè)較好的體驗(yàn)點(diǎn)，在切換模式上標(biāo)題用「大字模式」代替「中老年模式」等其他術(shù)語(yǔ)。很好的避免了文字歧視或具有針對(duì)性描述部分人群。讓用戶感覺(jué)沒(méi)有在針對(duì)自己。也可以參考「微信」用「關(guān)懷模式」代替「中老年模式」，兩個(gè)產(chǎn)品在文字表達(dá)上給用戶更貼心更專屬的服務(wù)體驗(yàn)，文案這點(diǎn)值得學(xué)習(xí)。

四、【美團(tuán)買(mǎi)菜】：送達(dá)并拍照，照片為證減少雙方后期糾紛

1. 使用場(chǎng)景

提前下單買(mǎi)菜，送到家人還沒(méi)回去，外賣(mài)小哥打過(guò)電話，溝通過(guò)后放到門(mén)口、電表箱、消防栓內(nèi)等等場(chǎng)景時(shí)有發(fā)生，可電話說(shuō)完了，并沒(méi)有看到實(shí)際包裹位置，心里還是不放心。

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

設(shè)計(jì)目標(biāo)：

解決用戶包裹送到指定地點(diǎn)后不能及時(shí)看到的情況，心里不放心的用戶情緒，降低用戶情緒產(chǎn)生，給予及時(shí)查看包裹服務(wù)，給予用戶直觀查看服務(wù)。

設(shè)計(jì)方案：

當(dāng)買(mǎi)完商品，人沒(méi)回去，電話交涉后，外賣(mài)小哥送到指定地點(diǎn)。用戶可進(jìn)入「當(dāng)前訂單」頂部看到「騎手將包裹送到指定地點(diǎn)」的提醒，并且有「查看包裹圖片」的入口，進(jìn)入能看到外賣(mài)小哥拍下的包裹位置照片，直觀看到當(dāng)包裹信息，同時(shí)也可避免包裹丟失后，雙方交涉時(shí)無(wú)證據(jù)的問(wèn)題。是一個(gè)很好的為三方服務(wù)的設(shè)計(jì)體驗(yàn)點(diǎn)。

五、【閑魚(yú)】：隨機(jī)昵稱，給用戶更多靈感去創(chuàng)造

1. 使用場(chǎng)景

每當(dāng)輸入昵稱時(shí)，沒(méi)有想法、沒(méi)有靈感，仿佛自己是個(gè)文盲，尤其針對(duì)不愛(ài)設(shè)置昵稱的用戶來(lái)說(shuō)，更加頭疼，在其他平臺(tái)搜索昵稱找一個(gè)滿意的再回到此平臺(tái)輸入-保存。

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

設(shè)計(jì)目標(biāo)：

解決用戶輸入昵稱時(shí)，沒(méi)有靈感無(wú)腦輸入情況，提升用戶昵稱輸入與選擇效率，給用戶更多靈感，提供更好的服務(wù)體驗(yàn)。

設(shè)計(jì)方案：

在閑魚(yú)「設(shè)置昵稱」中，提供「推薦昵稱」選擇，當(dāng)前沒(méi)有中意的昵稱時(shí)，可點(diǎn)擊「換一批」刷新新昵稱。遇到滿意昵稱時(shí)通過(guò)點(diǎn)擊昵稱快速填充到昵稱列表，減少用戶二次輸入的操作，從而提高快速設(shè)置昵稱的流程。過(guò)程中帶來(lái)趣味的推薦昵稱，給用戶更多想象空間。

六、【餓了么】：再來(lái)一單，快速下單，減少重復(fù)選擇時(shí)間

1. 使用場(chǎng)景

每天中午都要點(diǎn)外賣(mài)，一般嘗試過(guò)多家飯店后基本就每天固定幾家飯店交替吃外賣(mài)。如何快速下單減少選擇時(shí)間呢？

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

設(shè)計(jì)目標(biāo)：

解決相同訂單二次選擇的復(fù)雜操作，提高用戶下單效率。

設(shè)計(jì)方案：

當(dāng)用戶有過(guò)歷史訂單時(shí)，可在訂單頁(yè)面，選擇點(diǎn)過(guò)的飯菜對(duì)應(yīng)右下方的「再來(lái)一單」，快速進(jìn)入點(diǎn)餐頁(yè)面并且自動(dòng)選擇好歷史飯菜。此過(guò)程減少用戶二次選擇重復(fù)飯菜的操作，提供便捷入口。帶來(lái)下單體驗(yàn)升級(jí)。

七、【京東】：地址粘貼板，多個(gè)必填信息，只需粘貼即可創(chuàng)建

1. 使用場(chǎng)景

當(dāng)新增收貨地址時(shí)，按照以往來(lái)說(shuō)，需要不斷切換產(chǎn)品，再重復(fù)輸入操作，或者對(duì)應(yīng)每一個(gè)模塊粘貼復(fù)制，在操作上極其繁瑣。

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

設(shè)計(jì)目標(biāo)：

解決其他平臺(tái)已有地址文本情況下，如何高效的填充收貨地址，降低用戶操作成本，減少流失率發(fā)生。

設(shè)計(jì)方案：

在「新建收貨地址」中，有一個(gè)單獨(dú)模塊顯示「地址粘貼板」?？烧迟N收件人姓名、電話、收貨地址可快速識(shí)別收貨信息，自動(dòng)填充到對(duì)應(yīng)列表中。只需一次粘貼復(fù)制就可代替四個(gè)信息模塊的單獨(dú)輸入操作。無(wú)疑提升了操作易用性，帶來(lái)便捷的使用體驗(yàn)。

八、【 愛(ài)奇藝】：隱藏皮膚，給你更多好玩有趣新體驗(yàn)

1. 使用場(chǎng)景

一些產(chǎn)品在首頁(yè)頂部放置產(chǎn)品LOGO，沒(méi)有隱藏功能，只是靜態(tài)展示罷了。占用首屏空間不說(shuō)，還影響用戶瀏覽層級(jí)。

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

設(shè)計(jì)目標(biāo)：

解決單一展示圖標(biāo)浪費(fèi)屏幕空間問(wèn)題，提升多入口探索發(fā)現(xiàn)新體驗(yàn)，提高產(chǎn)品皮膚功能的曝光與使用。

設(shè)計(jì)方案：

在愛(ài)奇藝首頁(yè)，導(dǎo)航左側(cè)LOGO位置，添加皮膚功能入口。提供兩個(gè)入口，分別是首頁(yè)LOGO和我的「裝扮」列表中。多入口有助于皮膚功能的多次曝光，可以很好的提升用戶使用率，提高粘性。

九、【微信】：跳到還沒(méi)看的位置，防止漏掉朋友圈的內(nèi)容

1. 使用場(chǎng)景

朋友圈不同時(shí)段都會(huì)多次打開(kāi)瀏覽內(nèi)容，生怕錯(cuò)過(guò)好友發(fā)的動(dòng)態(tài)消息石沉大海。

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

設(shè)計(jì)目標(biāo)：

解決用戶瀏覽朋友圈錯(cuò)過(guò)未看內(nèi)容的情況，防止漏掉朋友圈，提高用戶粘性。

設(shè)計(jì)方案：

瀏覽過(guò)程中對(duì)下方還有未看的內(nèi)容時(shí)，會(huì)在瀑布內(nèi)容中顯示「跳到還沒(méi)看的位置」按鈕，點(diǎn)擊移動(dòng)到未閱讀內(nèi)容上；當(dāng)許久未瀏覽時(shí)，進(jìn)入朋友圈會(huì)及時(shí)提供「跳到還沒(méi)看的位置」按鈕，兩個(gè)位置顯示提供兩種閱讀人群，目的都是為了防止漏掉朋友圈信息，從而提升內(nèi)容曝光，提高用戶瀏覽粘性。

十、【喜馬拉雅】：拖拽進(jìn)度條，就算遮擋也提供及時(shí)進(jìn)度顯示

1. 使用場(chǎng)景

在收聽(tīng)音頻時(shí)，會(huì)因?yàn)橛腥?nèi)容或未聽(tīng)清內(nèi)容的二次收聽(tīng)，需要將進(jìn)度條拖到之前某個(gè)時(shí)段。

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

設(shè)計(jì)目標(biāo)：

解決因手勢(shì)操作遮擋進(jìn)度條信息顯示的問(wèn)題，提高用戶拖拽進(jìn)度條實(shí)況顯示時(shí)段的友好查閱功能。提高用戶使用便捷性。

設(shè)計(jì)方案：在用戶拖拽進(jìn)度條時(shí)，時(shí)段信息二次放大顯示并置于進(jìn)度條上方，跟隨手勢(shì)左右移動(dòng)，提高用戶選擇時(shí)段的精準(zhǔn)定位操作，當(dāng)手勢(shì)結(jié)束后，二次顯示信息消失，避免主要功能的遮擋，帶來(lái)良好使用體驗(yàn)。

十一、結(jié)語(yǔ)

設(shè)計(jì)師要有發(fā)現(xiàn)美的眼睛。美不僅是視覺(jué)，還有好的體驗(yàn)流程。不要讓用戶思考，這是每個(gè)設(shè)計(jì)師所追求的。認(rèn)真記錄產(chǎn)品細(xì)節(jié)，了解背后的思考，也是不斷提升自己邏輯思維和表達(dá)能力的一種方式。

本期產(chǎn)品細(xì)節(jié)分析結(jié)束，我們下期再見(jiàn)！

作者：碳水Sir；公眾號(hào)：草蓉三石

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

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