一、【即刻】圈子點(diǎn)贊 - 不同圈子，不同的點(diǎn)贊表達(dá)

二、【網(wǎng)易云音樂(lè)】唱片彩蛋 -神奇的老鷹飛出屏外

三、【網(wǎng)易蝸牛讀書(shū)】時(shí)間閱讀 - 通過(guò)限制閱讀時(shí)間，給予用戶(hù)閱讀珍惜感

四、【飛豬】鎖定狀態(tài) - 貼合場(chǎng)景，易于理解更易傳播給用戶(hù)強(qiáng)感知 

五、【美團(tuán)外賣(mài)】點(diǎn)餐提醒 - 多點(diǎn)食物時(shí)，溫馨提醒避免鋪張浪費(fèi)

六、【微信】朋友圈賀詞 - 國(guó)家主席習(xí)近平在朋友圈的新年賀詞

七、【酷狗音樂(lè)】懸浮窗 - 強(qiáng)化運(yùn)營(yíng)，同時(shí)視覺(jué)降噪二者結(jié)合

八、【酷狗音樂(lè)】播放狀態(tài) - 歌名與歌詞流暢切換，滿(mǎn)足快捷預(yù)覽需求 

九、【大數(shù)據(jù)行程碼】箭頭縮放 - 實(shí)時(shí)動(dòng)態(tài)，有效降低截屏展示風(fēng)險(xiǎn)

十、【樂(lè)刻運(yùn)動(dòng)】室溫反饋 - 問(wèn)卷調(diào)查的良好反饋，降低面對(duì)面詢(xún)問(wèn)時(shí)用戶(hù)的不良感受

一、【即刻】圈子點(diǎn)贊-不同圈子，不同的點(diǎn)贊表達(dá)

1. 使用場(chǎng)景

在不同社區(qū)或不同話(huà)題下，給別人點(diǎn)贊的含義是不同的，如何更好地貼合用戶(hù)感知。

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

設(shè)計(jì)目標(biāo)：解決用戶(hù)在瀏覽圈子時(shí)，通過(guò)符號(hào)快速感知當(dāng)前是什么圈子，豐富的圖案彩蛋給用戶(hù)探索空間提升圈子活躍度。

設(shè)計(jì)方案：即刻作為興趣社區(qū)，圈子是一大特色，可以快速找到中意的圈子。

為了增加趣味性以及產(chǎn)品特色，通過(guò)在點(diǎn)贊圖標(biāo)做不同嘗試。

把小手點(diǎn)贊用圈子同關(guān)聯(lián)圖案代替，例如：（街頭攝影掃街組-相機(jī)代替點(diǎn)贊）、（一起聽(tīng)播客-頭戴耳機(jī)代替點(diǎn)贊）、（不好笑便利店-反轉(zhuǎn)的微笑代替點(diǎn)贊）等等。

趣味性的同時(shí)，把不同圈子的含義也通過(guò)圖標(biāo)表達(dá)出來(lái)，給用戶(hù)文字和圖標(biāo)雙重理解，強(qiáng)化產(chǎn)品感知，形成品牌記憶。是一個(gè)細(xì)致的洞察點(diǎn)，值得學(xué)習(xí)。

二、【網(wǎng)易云音樂(lè)】唱片彩蛋-神奇的老鷹飛出屏外

1. 使用場(chǎng)景

一些經(jīng)典影視流傳至今，并伴隨用戶(hù)點(diǎn)滴歲月，有時(shí)聽(tīng)一首歌會(huì)帶來(lái)回憶與重溫，如何給予用戶(hù)更多情感與驚喜。

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

設(shè)計(jì)目標(biāo)：解決聽(tīng)覺(jué)享受的單一模式，給用戶(hù)視聽(tīng)雙重享受，產(chǎn)生記憶點(diǎn)，用情感綁定用戶(hù)粘性。

設(shè)計(jì)方案：在聽(tīng)哈利波特主題曲（Hedwig’s Theme）1分鐘左右時(shí)，黑膠唱片中飛出一只老鷹，沖出畫(huà)面。

當(dāng)我在聽(tīng)歌時(shí)，看到這一場(chǎng)景瞬間驚了一下，之后更多時(shí)溫暖的感覺(jué)，讓我對(duì)網(wǎng)易云音樂(lè)產(chǎn)生了一定聽(tīng)歌享受，不僅如此，還在評(píng)論區(qū)積極留言與互動(dòng)，這些舉動(dòng)都為評(píng)論區(qū)增加了活躍度，間接提高產(chǎn)品UGC做貢獻(xiàn)。

三、【網(wǎng)易蝸牛讀書(shū)】時(shí)間閱讀- 通過(guò)限制閱讀時(shí)間，給予用戶(hù)閱讀珍惜感

1. 使用場(chǎng)景

閱讀收費(fèi)會(huì)讓人有讀書(shū)持續(xù)性，控制閱讀時(shí)長(zhǎng)同樣會(huì)讓用戶(hù)感到時(shí)間稀缺性從而提高閱讀效率。

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

設(shè)計(jì)目標(biāo)：解決DAU問(wèn)題，通過(guò)1小時(shí)閱讀打造產(chǎn)品特點(diǎn)，同時(shí)沉淀目標(biāo)用戶(hù)群體。

設(shè)計(jì)方案：當(dāng)打開(kāi)App進(jìn)入閱讀頁(yè)面時(shí)，后臺(tái)自動(dòng)從60分鐘逐漸遞減。

當(dāng)剩余0分鐘時(shí)不可閱讀書(shū)籍，并且底部有明確的時(shí)間顯示，給用戶(hù)一種時(shí)間寶貴的感受。

從而提高閱讀效率，專(zhuān)注閱讀同時(shí)，用戶(hù)對(duì)產(chǎn)品也會(huì)有更深的記憶點(diǎn)，間接提高用戶(hù)活躍度，畢竟免費(fèi)無(wú)限時(shí)長(zhǎng)的書(shū)籍可能在手機(jī)里存放了1年都沒(méi)有打開(kāi)過(guò)。

打造時(shí)間稀缺性，讓用戶(hù)產(chǎn)生強(qiáng)烈動(dòng)機(jī)，用戶(hù)更愿意讀書(shū)，產(chǎn)品DAU提升一舉兩得。

四、【飛豬】鎖定狀態(tài) – 貼合場(chǎng)景，易于理解更易傳播給用戶(hù)強(qiáng)感知 

1. 使用場(chǎng)景

每次購(gòu)買(mǎi)車(chē)票都會(huì)出現(xiàn)出票中的彈窗，顯示進(jìn)度條狀態(tài)，有時(shí)在進(jìn)度條上做文章往往會(huì)產(chǎn)生更大的設(shè)計(jì)價(jià)值。

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

設(shè)計(jì)目標(biāo)：降低出票過(guò)程的等待焦慮，結(jié)合業(yè)務(wù)給用戶(hù)狀態(tài)感知，從而產(chǎn)生品牌記憶提高使用黏性。

設(shè)計(jì)方案：在出票彈窗中，用火車(chē)車(chē)身代替進(jìn)度條展示。

當(dāng)進(jìn)度增加，火車(chē)由左向右移動(dòng)，車(chē)尾用行駛中的速度感表示，在彈窗頁(yè)中火車(chē)在持續(xù)前進(jìn)，貼合用戶(hù)場(chǎng)景，相比單一進(jìn)度條，此做法有效降低用戶(hù)等待焦慮同時(shí)提升產(chǎn)品亮點(diǎn)，達(dá)到用戶(hù)加深印象的作用。

五、【美團(tuán)外賣(mài)】點(diǎn)餐提醒- 多點(diǎn)食物時(shí)，溫馨提醒避免鋪張浪費(fèi)

1. 使用場(chǎng)景

當(dāng)點(diǎn)外賣(mài)時(shí)，有時(shí)會(huì)一不小心點(diǎn)了好多，吃不完也退不掉的情況。

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

設(shè)計(jì)目標(biāo)：解決用戶(hù)多點(diǎn)食物時(shí)無(wú)感知問(wèn)題，提高點(diǎn)餐易用性，給予用戶(hù)友好使用體驗(yàn)。

設(shè)計(jì)方案：在商家點(diǎn)餐頁(yè)面中，當(dāng)重復(fù)點(diǎn)兩份套餐或相同食物時(shí)，會(huì)在頂部呼出一個(gè)提示窗口，點(diǎn)餐請(qǐng)適量，環(huán)保又健康。

雖然提示文案固定，但給予用戶(hù)的是貼心的關(guān)心，情感化的背后，給用戶(hù)更多是產(chǎn)品的溫暖一面，弱化冷冰冰的感覺(jué)。

六、【微信】朋友圈賀詞-國(guó)家主席習(xí)近平在朋友圈的新年賀詞

1. 使用場(chǎng)景

國(guó)家主席新年賀詞，具有較高的普適性，全年齡段都應(yīng)該看，如何讓大眾用戶(hù)都看到。

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

設(shè)計(jì)目標(biāo)：通過(guò)朋友圈提高新年賀詞曝光率，讓用戶(hù)感受到新年賀詞不僅是對(duì)國(guó)人說(shuō)更是對(duì)個(gè)體用戶(hù)說(shuō)的，感受?chē)?guó)家溫暖。

設(shè)計(jì)方案：在元旦當(dāng)天，植入到朋友圈瀑布流中，以朋友動(dòng)態(tài)方式呈現(xiàn)，讓用戶(hù)真切感受到新年祝福，并且點(diǎn)贊反饋會(huì)顯示微信好友狀態(tài)，提高熱點(diǎn)。

七、【酷狗音樂(lè)】懸浮窗-強(qiáng)化運(yùn)營(yíng)，同時(shí)視覺(jué)降噪二者結(jié)合

1. 使用場(chǎng)景

常置的懸浮層時(shí)常會(huì)遮擋部分信息，再滑動(dòng)瀏覽時(shí)會(huì)進(jìn)行遮擋與干擾。

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

設(shè)計(jì)目標(biāo)：解決頻效問(wèn)題，即強(qiáng)化運(yùn)營(yíng)浮窗又提高滑動(dòng)瀏覽時(shí)的內(nèi)容檢索，提高瀏覽體驗(yàn)。

設(shè)計(jì)方案：在有懸浮窗的頁(yè)面，用戶(hù)通過(guò)向上滑動(dòng)頁(yè)面，懸浮窗進(jìn)行透明度顯示，透出底部信息，增加頁(yè)面瀏覽完整性。

當(dāng)停止后，懸浮窗顯示，給予用戶(hù)強(qiáng)感知。

類(lèi)似的做法還有滑動(dòng)時(shí)懸浮窗劃入屏外，只展示三分之一或更小的區(qū)域，來(lái)有效提升頁(yè)面閱讀統(tǒng)一性。

八、【酷狗音樂(lè)】播放狀態(tài)-歌名與歌詞流暢切換，滿(mǎn)足快捷預(yù)覽需求 

1. 使用場(chǎng)景

在懸浮層聽(tīng)歌時(shí)，往往想要一遍瀏覽內(nèi)容一遍查看實(shí)時(shí)歌詞，畢竟有的歌曲好聽(tīng)想要跟著哼唧但無(wú)奈看不到歌詞的情況，但又想同時(shí)一心二用，瀏覽評(píng)論或查看其他內(nèi)容。

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

設(shè)計(jì)目標(biāo)：解決懸浮播放器查看實(shí)時(shí)歌詞功能，提高聽(tīng)歌看歌詞易用性。

設(shè)計(jì)方案：當(dāng)用戶(hù)播放一首歌曲返回首頁(yè)后，底部懸浮播放器會(huì)顯示歌曲名稱(chēng)。

用戶(hù)想看實(shí)時(shí)歌詞時(shí)，通過(guò)在懸浮區(qū)域向右滑動(dòng)手勢(shì)，能看到黑膠唱片向右移動(dòng)的動(dòng)畫(huà)，并且歌名消失，出現(xiàn)歌詞顯示，同步人聲位置，有種卡拉OK的感覺(jué)，讓用戶(hù)清晰鎖定當(dāng)前歌曲的歌詞位置，提升查看體驗(yàn)。

九、【大數(shù)據(jù)行程碼】箭頭縮放-實(shí)時(shí)動(dòng)態(tài)，有效降低截屏展示風(fēng)險(xiǎn)

1. 使用場(chǎng)景

疫情防控，人人有責(zé)。

為保障用戶(hù)出行安全，避免截屏出行導(dǎo)致經(jīng)過(guò)風(fēng)險(xiǎn)地區(qū)而不自知的情況，同時(shí)為預(yù)防二次傳播提供保障。

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

設(shè)計(jì)目標(biāo)：解決部分用戶(hù)用截圖僥幸過(guò)安檢的心態(tài)，提高大數(shù)據(jù)行程碼的專(zhuān)業(yè)權(quán)威性，避免風(fēng)險(xiǎn)提升用戶(hù)安全保障。

設(shè)計(jì)方案：在通信行程卡頁(yè)面中，給予圓圈箭頭縮放動(dòng)畫(huà)，相比靜態(tài)圖片，此方法更具實(shí)時(shí)性與動(dòng)態(tài)性，在開(kāi)發(fā)層面只需要寫(xiě)縮放區(qū)間，難度系數(shù)弱。

但對(duì)于想要截屏抱有僥幸心理的用戶(hù)增加了一層屏障。

這種細(xì)小的設(shè)計(jì)細(xì)節(jié)，不就是為了更好服務(wù)用戶(hù)做出的體驗(yàn)向改版點(diǎn)嘛。同時(shí)通過(guò)設(shè)計(jì)保障業(yè)務(wù)安全且可持續(xù)性。

十、【樂(lè)刻運(yùn)動(dòng)】室溫反饋- 問(wèn)卷調(diào)查的良好反饋，降低面對(duì)面詢(xún)問(wèn)時(shí)用戶(hù)的不良感受

1. 使用場(chǎng)景

健身房溫度有時(shí)過(guò)冷或過(guò)熱，原因在于室外突然降溫而室內(nèi)還是保持原有溫度，身體溫差大難以適應(yīng)。

店長(zhǎng)線(xiàn)下統(tǒng)計(jì)人力物力成本，且很難覆蓋到所有人，也有用戶(hù)不想被人打擾，但又不好意思直接向店長(zhǎng)反饋情況。

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

設(shè)計(jì)目標(biāo)：解決室內(nèi)溫度用戶(hù)滿(mǎn)意度統(tǒng)計(jì)問(wèn)題，提高統(tǒng)計(jì)效率，快捷調(diào)整室內(nèi)溫度，給用戶(hù)良好訓(xùn)練環(huán)境。

設(shè)計(jì)方案：樂(lè)刻健身房進(jìn)門(mén)要通過(guò)App掃碼開(kāi)門(mén)，這就表示用戶(hù)要進(jìn)行訓(xùn)練必須使用App。

通過(guò)用戶(hù)掃碼開(kāi)門(mén)后，呼出底部浮層，反饋當(dāng)前室溫是否適宜，并且有文字提示“匿名反饋，店長(zhǎng)不會(huì)看到你的信息”給用戶(hù)隱私保障。

同時(shí)疫情期間降低面對(duì)面詢(xún)問(wèn)室溫是否合適的風(fēng)險(xiǎn)，同時(shí)用戶(hù)也減少尷尬回答的情況，是一個(gè)良好的用戶(hù)體驗(yàn)向設(shè)計(jì)。

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

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

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

文章來(lái)源：站酷   作者：碳水sir

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.hengshangtqd.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)