編輯導語：細節(jié)決定成敗。產品中的功能能吸引用戶，然而產品中的細節(jié)才是留住用戶的關鍵，打動用戶。本篇文章中，作者列舉了六個產品中的亮眼細節(jié)與你分享，并且與你分析其中的細節(jié)的特色。

好的產品會做好功能和細節(jié)，功能能夠吸引用戶關注，而細節(jié)則是讓用戶留下來。

好的產品一定是經過精敲細磨打造出來的，能讓用戶留下記憶點的，卻往往是個不經意的小細節(jié)，打動用戶的可能是一個趣味動畫、一個貼心功能、或者是一句打動人心的文案。

一個小的細節(jié)設計能阻止用戶流失，讓人眼前一亮。那么細節(jié)設計背后的邏輯和意義，則更需要我們去關注，下面讓我們一起來看下，細節(jié)設計是如何塑造那些好的產品的。

一、「嗶哩嗶哩」B站下了一場“流星雨彈幕”，承包了整片星空

1. 產品體驗

英仙座流星雨，B站專門上線了“流星雨直播間”，并開啟許愿活動。用戶發(fā)送一條許愿彈幕，就會變成一顆彈幕流星劃向星空。

2. 細節(jié)描述

8月13日凌晨，北半球三大流星雨之一的英仙座流星雨迎來極大值，讓人驚喜的是，B站為此專門在直播間設置了“流星雨彈幕”。

在等待流星劃過的時間里，網(wǎng)友們就已經先被這場流星雨彈幕觸動，紛紛許下心愿，每個人發(fā)送的許愿彈幕，都會變成一顆流星劃向星空，并且每條彈幕前都會帶有一顆星星?圖標，彈幕呈45度斜角方向運動，就猶同流星劃過一般。

單從產品上看，其實僅僅是調整了彈幕角度，加了星星圖標，但卻模擬出一場令人難忘的彈幕流星雨，承包了整片星空，給用戶留下深刻印象，創(chuàng)建情感連接。小破站真的很會制造驚喜，太懂浪漫了！

二、「小紅書」好物推薦類視頻 快速精準錨點定位，不錯過一個好物推薦

1. 產品體驗

在小紅書穿搭好物分享類視頻中，進度條上會有幾個白色圓點，代表的是每個好物分享的開始點，可滿足快速瀏覽好物介紹，同時追求效率的用戶。

2. 細節(jié)描述

不知道大家日常是否會看穿搭或好物推薦類的視頻，你在觀看時是否有下面的場景困擾：博主一次分享好物數(shù)量多且時間長，不想錯過每個好物介紹，但又沒有時間看完全部，即使當時收藏，也避免不了在收藏夾里吃土的情況……

對于有耐心、有時間的用戶，可能會看完全部視頻；但對于碎片化時間以及追求效率的用戶來講，如果前面是大段非重點信息，又無法精準找到每個好物的分享時間點，那么在此時，關閉視頻的概率是非常高的。

小紅書前段時間上線了針對此痛點的功能，在視頻內容上可精準定位每個好物的錨點功能。

通過手指長按拖拽進度條，放大進度條區(qū)域，就可以方便快速得拖拽到白色錨點定位，找到你想看的好物分享，功能操作簡單且瀏覽效率還提升了很多，對于?？捶N草類視頻的用戶來說，可以說是一個非常實用的小功能。

（ps：該功能不是所有好物推薦類視頻都有，需博主上傳時對視頻進行章節(jié)編輯后，才會生成章節(jié)錨點。）

三、「QQ」小黃臉表情彈射 解鎖表情新玩法

1. 產品體驗

長按QQ官方小黃臉系列表情，即可看到“拖拽至此區(qū)域彈射表情”文字提示，拖拽至此指定區(qū)域，就可開啟多個表情彈射發(fā)送模式。

2. 細節(jié)描述

我近期較少用QQ，偶然間發(fā)現(xiàn)了這個功能，大家平時社交聊天時，很容易就能發(fā)現(xiàn)自己或身邊小伙伴有喜歡連發(fā)表情的習慣，對想要強調的重要事情或情緒會表達N遍，來向對方表達自己的情緒。

近期QQ上線了小黃臉表情彈射功能，用戶長按拖拽表情到指定區(qū)域，即可開啟表情彈射模式，長按時間越舊，發(fā)射表情數(shù)量越多。

并且此功能在iOS系統(tǒng)和Android系統(tǒng)的效果有些許差異，iOS系統(tǒng)每發(fā)送1個表情就會有對應的短震觸感反饋；Android系統(tǒng)則是每發(fā)送1個表情頁面就會晃動（猜測是因為無法控制安卓機型震動幅度問題）；就于兩端效果，iOS系統(tǒng)的細節(jié)體驗更好，效果更加細膩。

滿足用戶在發(fā)送表情環(huán)節(jié)時，想發(fā)泄的快感，能為用戶在表達時帶來更強的情緒輸送。單就QQ黃臉表情來講，從重新設計新的黃臉表情到現(xiàn)在的黃臉彈射表情，不難發(fā)現(xiàn)QQ團隊一直在不斷得提升社交互動體驗的趣味性。

四、「QQ小世界」小火箭驚喜連推功能，對喜愛內容表達贊許，助力曝光

1. 產品體驗

對于用戶喜歡的內容，即可點擊小火箭，對喜歡的內容表達贊許，助力喜歡內容的曝光，點擊小火箭會有驚喜動效（最多可連推10次）。

2. 細節(jié)描述

小世界是一款在QQ，以社交為核心，以興趣為聚合的開放式內容社交產品，用戶群體主要介于95-00后。

同上線初期對比，近期產品做了一些調整，由原來瀑布流形態(tài)，變?yōu)槎桃曨l展示形態(tài)（ps：目前還支持發(fā)圖片內容），但推火箭作為該產品的核心操作，從初期一直保留到現(xiàn)在，這也是和同類產品拉開差異化的部分。

點擊推火箭即可看到火箭發(fā)射動效，通過火箭不同路徑走向、尾氣以及爆炸效果去做動態(tài)效果，并且當?shù)竭_10連推時，第十個火箭有緩動放大且視覺沖擊逐漸加強的效果，除動畫效果外還有點擊時的震感反饋，能從多維度的感官細節(jié)上，感受到小世界這款產品的品質打磨。

五、「躺平」下拉刷新 趣味小動畫

1. 產品體驗

當用戶下拉頁面刷新信息時，導航下面會出現(xiàn)一個向下俯沖的「躺平」形象小人趣味動畫。

2. 細節(jié)描述

「躺平」形象小人不單從動作上，契合了用戶下拉刷新的手勢方向，還兼具了情感化以及趣味性，當有關注內容更新時，就會出現(xiàn)一個「躺平」形象小人半蹲落地后再飛上去動作，就像忍者一樣。

從動畫上完成了前后動畫故事的連貫性、完整性；從操作上完成了從下拉刷新到刷新成功，整個動畫充滿了二次元的動漫感，給用戶增加好感度，契合了年輕人的喜好，同時也從細節(jié)設計上強化了用戶對App的品牌印象。

并且「躺平」形象小人除了在這個場景外，也貫穿了整個app可以有情感化展現(xiàn)的地方，比如標簽、圈子為空時，以及缺省狀態(tài)等其他場景，從全局上考慮了「躺平」形象小人在App上貫穿使用的場景。

六、「快看漫畫」七夕 準備好吃狗糧了么

1. 產品體驗

登錄頁面增加了七夕氛圍的情侶互動漫畫，渲染節(jié)日氛圍，也能拉近產品與用戶的距離。

2. 細節(jié)描述

快看漫畫七夕期間，在登錄頁面，用戶輸入信息前增加了情侶互動漫畫；在用戶輸入信息后變成了情侶變成了親親畫面，并且畫面還巧妙得結合了用戶信息公開與私密性的情景。

用戶在使用產品的過程中，增加了樂趣和小驚喜，也拉近了產品與用戶的距離，同時強化了快看漫畫平臺屬性和形象。其中類似的案例，還有B站登錄頁面，2233娘在用戶輸入密碼時蒙眼睛的設計，在用戶初始使用平臺時，都會留下深刻印象。

七、結語

設計師需要養(yǎng)成不斷體驗產品的習慣，保持好奇心，每個產品都是不斷在打磨優(yōu)化的，階段性會有不同的產品和功能上線。

并且從用戶角度體驗完后，再切換產品角度，綜合思考分析，為什么會這樣設計，多觀察去發(fā)現(xiàn)更多的產品細節(jié)，多主動思考產品設計背后的意義，拓寬自己的邊界，將設計從表現(xiàn)和執(zhí)行抽離，多往前延展，多主動思考、往前多想幾步，就會有所不同。

本文由 @新浪MDC 原創(chuàng)發(fā)布于人人都是產品經理，未經許可，禁止轉載

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