10個(gè)產(chǎn)品細(xì)節(jié)剖析，看看大廠是如何做設(shè)計(jì)的！

前言

若想提升用戶的粘性和留存率，產(chǎn)品需要在設(shè)計(jì)層面做好考量，給予用戶更美好的使用體驗(yàn)，以有效避免用戶的流失。那么，有哪些產(chǎn)品的設(shè)計(jì)細(xì)節(jié)體現(xiàn)了這類(lèi)思考？本篇文章里，針對(duì)部分產(chǎn)品的設(shè)計(jì)細(xì)節(jié)做了分析，一起來(lái)看一下。

小宇宙

隱藏的彩蛋-情感化背后的思考

1. 使用場(chǎng)景

當(dāng)使用一款較好的產(chǎn)品時(shí)，會(huì)不自覺(jué)地探索每一個(gè)模塊。

在「設(shè)置」-「關(guān)于我的」中，向上滑動(dòng)屏幕時(shí)，會(huì)出現(xiàn)一個(gè)電池盒的裝置，讓用戶看到耳目一新的品牌傳達(dá)。

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

設(shè)計(jì)目標(biāo)：提高用戶使用產(chǎn)品的粘性，為「Z 世代」年輕人提供彩蛋等有趣、可探索的設(shè)計(jì)方案，從而提升產(chǎn)品的傳播與使用頻率。

作為一款音頻博客 App，和其他產(chǎn)品不一樣的是，「小宇宙」抓住目標(biāo)用戶需求，去掉附加功能（可擴(kuò)展的消費(fèi)場(chǎng)景功能等），給用戶清爽、簡(jiǎn)單、易操作的使用體驗(yàn)，同時(shí)內(nèi)容推薦更符合我的需求。雖然小宇宙產(chǎn)品依托手機(jī)平臺(tái)不需要外置的電池裝置，但小宇宙依然給展示出來(lái)虛擬的電池裝置。我們都知道，移動(dòng)互聯(lián)網(wǎng)還未到來(lái)時(shí)，聽(tīng)音頻都要去電器城買(mǎi)收音機(jī)，最頭疼莫過(guò)于聽(tīng)著聽(tīng)著突然沒(méi)電了，還要更換電池才能繼續(xù)收聽(tīng)。都是經(jīng)歷過(guò)才會(huì)有的感受。現(xiàn)如今，當(dāng)用戶在「關(guān)于我的」發(fā)現(xiàn)收音機(jī)電池裝置，會(huì)有一種懷舊與神奇感并存，不僅加深了品牌記憶點(diǎn)，還能抓住用戶心智給予情感化寄托。

這里就要補(bǔ)充一下，當(dāng)用戶看到時(shí)一定是自發(fā)性的，再加上傳統(tǒng)電池殼都會(huì)有品牌漏出，用戶既不會(huì)覺(jué)得過(guò)多宣傳，也不會(huì)過(guò)于反感。反而會(huì)加深用戶記憶，增加用戶粘性。從設(shè)計(jì)的角度，標(biāo)識(shí)+產(chǎn)品文字（制作起來(lái)不算難），但小小的設(shè)計(jì)就可以讓用戶形成品牌記憶點(diǎn)，真可謂一舉兩得。

一款好的產(chǎn)品不需要打擾用戶、強(qiáng)制外漏。相反，而是十分靦腆，給用戶更多的空間去探索發(fā)現(xiàn)，團(tuán)隊(duì)只需要把產(chǎn)品做好，滿足用戶需求就足以。

設(shè)計(jì)方案：可以在不干擾用戶操作的頁(yè)面以外，或者是產(chǎn)品本身的宣傳頁(yè)，關(guān)于產(chǎn)品頁(yè)等較能表達(dá)產(chǎn)品理念的展示頁(yè)面提供一些小小的彩蛋。一定注意不要強(qiáng)制外漏來(lái)表現(xiàn)設(shè)計(jì)。因?yàn)椋悴恢滥牟糠钟脩魰?huì)反感，哪些用戶會(huì)喜歡。

微信讀書(shū)

收藏與返回-貼合場(chǎng)景高效操作

1. 使用場(chǎng)景

在閱讀過(guò)程中，提供兩種關(guān)閉書(shū)籍的操作，一個(gè)是頂部導(dǎo)航欄的返回按鈕，另一個(gè)是上滑退出。

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

設(shè)計(jì)目的：解決單手操作時(shí)，返回首頁(yè)按鈕難以觸達(dá)的交互手勢(shì)。

設(shè)計(jì)方案：在專注閱讀時(shí)，通過(guò)上滑交互，可以快速返回首頁(yè)，也可點(diǎn)擊標(biāo)簽欄的返回圖標(biāo)，提供兩種返回的交互形式，滿足不同用戶操作習(xí)慣。既然有上滑，那下拉是什么？下拉反而能「添加當(dāng)前書(shū)簽」再次下拉「取消當(dāng)前書(shū)簽。」上滑「返回」、下拉「收藏」兩個(gè)交互對(duì)立又互斥，只要做不好，使用體驗(yàn)就大打折扣，好在「微信讀書(shū)」做出來(lái)了，并且在使用效率上提高了很多。

螞蟻森林

收取能量-快速收取能量的方法

1. 使用場(chǎng)景

當(dāng)我收好友能量時(shí)，經(jīng)常會(huì)花 2-3 分鐘來(lái)重復(fù)操作，消耗的時(shí)間過(guò)長(zhǎng)，體驗(yàn)不好。

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

設(shè)計(jì)目標(biāo)：解決用戶通過(guò)瀑布流好友列表，挨個(gè)進(jìn)入挨個(gè)返回，操作過(guò)多，浪費(fèi)時(shí)間的問(wèn)題。提高收能量的效率，降低操作時(shí)長(zhǎng)，提高用戶收好友能量的互動(dòng)性。

設(shè)計(jì)方案：在「螞蟻森林」頁(yè)面，能看到右下側(cè)有找能量按鈕，點(diǎn)擊進(jìn)入可收能量的頁(yè)面，通過(guò)不斷點(diǎn)擊相同位置，可進(jìn)入不同好友主頁(yè)，固定的操作入口，固定的操作，從而提升收能量的效率。

偷偷告訴你一個(gè)秘密，在 watch 中收能量，要比手機(jī)更方便更便捷。

抖音

放大看-細(xì)節(jié)更清晰，內(nèi)容焦點(diǎn)更明了

1. 使用場(chǎng)景

同一個(gè)視頻，不同人看關(guān)注的焦點(diǎn)不同，很難滿足所有用戶觀感體驗(yàn)。

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

設(shè)計(jì)目標(biāo)：解決不同用戶聚焦內(nèi)容的清晰呈現(xiàn)。

設(shè)計(jì)方案：用戶在觀看視頻時(shí)，雙指在屏幕上放大縮小，可放大視頻本身，看到更清晰更想看的內(nèi)容。作為全民都在使用的產(chǎn)品，上傳的視頻會(huì)有各種尺寸，手機(jī)屏幕是固定的，想要看訓(xùn)練姿勢(shì)的細(xì)節(jié)，只有放大才能看得更清楚。還有類(lèi)似「5 分鐘電影」中某個(gè)人物或細(xì)節(jié)，通過(guò)雙指放大視頻，來(lái)看到更清晰的內(nèi)容。

知乎

快捷彈幕-預(yù)判用戶預(yù)期的彈幕才是精華

1. 使用場(chǎng)景

當(dāng)產(chǎn)生共鳴、認(rèn)可觀點(diǎn)或有笑點(diǎn)想要快速發(fā)彈幕時(shí)，輸入文字的時(shí)間過(guò)長(zhǎng)，造成視頻觀感的斷續(xù)。

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

設(shè)計(jì)目標(biāo)：解決輸入彈幕文字時(shí)間過(guò)長(zhǎng)從而錯(cuò)過(guò)精彩瞬間的問(wèn)題，或想發(fā)彈幕苦于當(dāng)下詞窮等問(wèn)題。

設(shè)計(jì)方案：在知乎中，視頻頁(yè)下方彈幕列表提供三種發(fā)送彈幕的方式，分別：文字、表情、快捷彈幕。要想高頻發(fā)送彈幕可以點(diǎn)“快捷彈幕”這里推薦了本視頻內(nèi)以及同話題視頻中高頻出現(xiàn)的短句和知友的神彈幕，總有一句是你的菜。在體驗(yàn)感與效率提高的同時(shí)，發(fā)送速度也快了 N 倍有余。這樣的解決方案能給用戶帶來(lái)更高效的使用體驗(yàn)。促進(jìn)彈幕的使用頻率，提升視頻活躍度。

中華萬(wàn)年歷

切換日歷類(lèi)型-給不同用戶提供多種選擇

1. 使用場(chǎng)景

用戶想對(duì)照日歷看天氣、星座、擇吉日程、需要來(lái)回切換不同軟件或者 Tab之間來(lái)回切換，頁(yè)面之間割裂感強(qiáng)，非常影響操作體驗(yàn)。

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

設(shè)計(jì)目標(biāo)：提供多種日歷類(lèi)型，快速切換，減少學(xué)習(xí)成本。

設(shè)計(jì)方案：在「中華萬(wàn)年歷」日歷模塊，點(diǎn)擊底部 TAB 中的「日歷」模塊，供用戶選擇四種日歷類(lèi)型，分別為：傳統(tǒng)日歷（展示農(nóng)歷陽(yáng)歷、節(jié)假日、節(jié)氣等）天氣日歷（只在未來(lái) 1 個(gè)月中展示溫度圖標(biāo)和溫度、）星座日歷（本人與每日速配星座以及運(yùn)勢(shì)等）擇吉日歷（嫁娶、出行、入宅、開(kāi)市、蓋屋等等）。

保持統(tǒng)一設(shè)計(jì)語(yǔ)言的同時(shí)，側(cè)重不同內(nèi)容的展示，既能視覺(jué)降噪，還可以給用戶提供人性化解決方案，真可謂一箭雙雕。

閑魚(yú)

個(gè)人頁(yè)快捷入口-提高曝光，同時(shí)解決屏幕過(guò)大導(dǎo)致的高頻熱區(qū)點(diǎn)擊問(wèn)題

1. 使用場(chǎng)景

選好一款二手產(chǎn)品，溝通聊天都很順利。想進(jìn)一步查看賣(mài)家信譽(yù)度、平臺(tái)認(rèn)證等信息，以確保安全可靠。這時(shí)會(huì)點(diǎn)擊頭像區(qū)域進(jìn)入賣(mài)家主頁(yè)，商品詳情頁(yè)與賣(mài)家主頁(yè)、聊天頁(yè)與賣(mài)家主頁(yè)都會(huì)存在頻繁切換操作，如何縮短手勢(shì)距離，提升交互操作。

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

設(shè)計(jì)目標(biāo)：解決賣(mài)家主頁(yè)快速訪問(wèn)操作，提高賣(mài)家「寶貝」更多曝光，從而提高商品的成交率。

設(shè)計(jì)方案：用到 iOS 系統(tǒng)交互，左右兩側(cè)沿屏幕橫向滑動(dòng)手勢(shì)，屏幕右側(cè)向左劃入進(jìn)入賣(mài)家主頁(yè)，屏幕左側(cè)向右劃入返回上級(jí)頁(yè)面。不僅如此，給予‘左滑看 TA 的閑魚(yú)號(hào)’文字描述，更能加深用戶使用產(chǎn)品時(shí)的交互操作，提高主頁(yè)曝光，展示更多商品給用戶。

盒馬

食材百科-全新體驗(yàn)讓你愛(ài)上做飯

1. 使用場(chǎng)景

做飯時(shí)，先選好要吃什么食物，再去買(mǎi)對(duì)應(yīng)的食材，遇到商家缺粉缺料的情況，真是讓人頭疼，做飯興致瞬間降低。

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

設(shè)計(jì)目標(biāo)：一站式服務(wù)，先選要吃的主（食材）再去挑選菜品和對(duì)應(yīng)的佐料（就好比點(diǎn)外賣(mài)：我今天想吃米飯、炸雞，土豆粉。一定是有目的地先選擇（食材）方向。而不是今天想吃粵菜、或者川菜，具體吃什么再進(jìn)行菜品選擇（啊好煩，還是吃土豆粉好了）。大大降低做飯的制作體驗(yàn)。

設(shè)計(jì)方案：在「吃什么」-食材百科內(nèi)，按照果蔬市場(chǎng)菜品分這幾類(lèi)：肉禽蛋、蔬菜、水產(chǎn)等。把當(dāng)季果蔬都羅列出來(lái)。

用視頻呈現(xiàn)出來(lái)，直觀了解制作過(guò)程，降低理解成本。不僅如此，底部購(gòu)物筐提供一站式的食材和佐料，只要一鍵下單，即可坐等食材送到家。相比某廚房選好菜品，再去對(duì)應(yīng)佐料一個(gè)個(gè)購(gòu)買(mǎi)，增加時(shí)間成本的同時(shí)，做飯興致也慢慢降低。可能出現(xiàn)：食材到了，我已經(jīng)不想做飯這種情況。

iPhone 地圖

快速顯示導(dǎo)航-繞過(guò)解鎖操作，觸達(dá)屏幕即可顯示

1. 使用場(chǎng)景

出門(mén)靠地圖，一部手機(jī)走天下。在騎行導(dǎo)航中，大致看一下路線后，手機(jī)會(huì)短暫放進(jìn)口袋中，再次看地圖時(shí)交互路徑（喚起屏幕-解鎖手機(jī)-打開(kāi)后臺(tái)應(yīng)用-進(jìn)入導(dǎo)航）在場(chǎng)景中打開(kāi)地圖的成本增加，對(duì)于用戶來(lái)說(shuō)，使用體驗(yàn)大打折扣。

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

設(shè)計(jì)目標(biāo)：解決進(jìn)入地圖時(shí)的交互入口，優(yōu)化場(chǎng)景中的操作路徑，更快進(jìn)入地圖中。

在乘車(chē)時(shí)，乘客向司機(jī)說(shuō)明目的地，但司機(jī)不知道具體位置（手機(jī)很卡頓、高齡本地司機(jī)不會(huì)用地圖、外在因素干擾等等。）需要乘客手機(jī)開(kāi)導(dǎo)航來(lái)引導(dǎo)司機(jī)開(kāi)車(chē)。

再或者朋友開(kāi)車(chē)帶你，要是用你的手機(jī)地圖引導(dǎo)，手機(jī)給出去心里多少會(huì)顧慮一下，會(huì)不會(huì)看我的手機(jī)等等，畢竟這個(gè)時(shí)代，手機(jī)已經(jīng)成為個(gè)人隱私的全部。

設(shè)計(jì)方案：蘋(píng)果地圖基于 iOS 原生系統(tǒng)的優(yōu)勢(shì)，當(dāng)開(kāi)啟導(dǎo)航時(shí)。地圖即便放到后臺(tái)再鎖屏，依然可以輕觸屏幕喚起導(dǎo)航，縮短路徑的同時(shí)，不需要解鎖等復(fù)雜操作。即便讓他人來(lái)使用導(dǎo)航，也不會(huì)擔(dān)心偷窺你的隱私。因?yàn)轱@示邏輯只在鎖屏上方顯示地圖，除了看地圖別人操作不了任何東西。大大提升使用者的安全感。

美團(tuán)單車(chē)

減少繁瑣鏈路，一掃即開(kāi)

1. 使用場(chǎng)景

和小伙伴騎車(chē)時(shí)，遇到掃碼流程多，開(kāi)鎖時(shí)間長(zhǎng)，當(dāng)朋友都在等你時(shí)，一直開(kāi)不了鎖的你內(nèi)心會(huì)無(wú)比尷尬。

騎車(chē)出發(fā)一定是有目的的，希望整個(gè)鏈路流程簡(jiǎn)單且流暢。

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

設(shè)計(jì)目標(biāo)：解決掃碼開(kāi)鎖時(shí)過(guò)多操作跳頁(yè)帶給用戶等待的焦慮感，縮短開(kāi)鎖時(shí)間。

設(shè)計(jì)方案：無(wú)論在「美團(tuán)單車(chē)」「美團(tuán)」「微信」中，通過(guò)掃一掃判斷付費(fèi)用戶都能直接進(jìn)入開(kāi)鎖環(huán)節(jié)，新用戶或未付費(fèi)用戶會(huì)在掃碼后出現(xiàn)騎行價(jià)格明細(xì)，可以先騎后付，也可以先付再騎。相比「青桔單車(chē)」，即便你是付費(fèi)老用戶，也要先：掃一掃-進(jìn)入小程序-再次掃碼開(kāi)鎖。全部操作，在邏輯上是合理的。但在具體場(chǎng)景下，用戶使用時(shí)進(jìn)入小程序操作就是繁瑣的一個(gè)步驟。

這里給「青桔單車(chē)」的解決方案，針對(duì)新用戶，掃一掃-進(jìn)入掃碼騎行頁(yè)面（按鈕上方購(gòu)卡服務(wù)），付費(fèi)老用戶，掃一掃-開(kāi)鎖環(huán)節(jié)，減少操作等待時(shí)間，提升用戶使用體驗(yàn)，提升續(xù)費(fèi)購(gòu)買(mǎi)率。

結(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)！