產品細節洞察分析，看完這些你離大廠又近了一步（2022-16）

編輯導語：好的產品總會關注細節，將細節做到最好，這篇文章分析了十個產品的使用場景和產品的設計思考，最後總結產品成功的原因，一起學習一下吧。

目錄章節

【夸克】

輪播影片

– 降低切換流失率，提升影片穿透性

【微信】

合成表情

– 自定義文案，體驗表情包雙層快樂

【嗶哩嗶哩】

一鍵三連

– 交互發揮到極致，就形成品牌效應

【人民日報】

報紙情懷

– 習慣永流傳，互動更自然

【微信】

剛剛看過

– 影片看完，想要接著繼續看，快速定位

【iPhone錢包】

地鐵充值

– 提前做出選擇，減少使用者行為路徑

【閒魚】

圖片模糊提醒

– 二手交易更在意商品圖片資訊，讓閒置快速流通

【懂車帝】

Tab標題

– 登入登出，狀態一目了之

【iPhone備忘錄】

防錯彈窗

– 放下手機行走，撤銷彈窗出來

【QQ】

趣味Tab

– 變換的表情，讓你忍不住拖拖拖

一、【夸克】輪播影片 – 降低切換流失率，提升影片穿透性

1. 使用場景

搜尋相關內容時，瀑布頁會出現相關影片，給予使用者多元多型別內容呈現。

2. 設計思考

設計目標：

提高影片穿透性，從而帶來影片播放轉化率的提升。

設計方案：

當用戶搜尋關鍵詞後，首屏會出現相關影片，當用戶停留在影片區1秒時，四宮格影片會自動播放2-3秒影片中的精彩瞬間，給予使用者判斷是否感興趣，精準開啟感興趣影片，降低頻繁跳頁面，給使用者帶來的繁瑣流程。同時提高影片曝光率。是一個對使用者友好體驗的設計點。

二、【微信】合成表情 – 自定義文案，體驗表情包雙層快樂

1. 使用場景

聊天時，找一個貼合當下場景使用的表情包太難了。

2. 設計思考

設計目標：

提升聊天場景表情包文字呈現的貼合性，凸出表情包文字定製化體驗

設計方案：在聊天介面，透過向表情搜尋頁輸入具體名字+動詞或其他，可生成帶有文案專屬的表情包，相比收集別人表情包傳送，這種DIY表情更能打動對方。參考：（ps：快給過生日的朋友傳送“你的名字+祝生日快樂）

三、【嗶哩嗶哩】一鍵三連 – 交互發揮到極致，就形成品牌效應

1. 使用場景

看B站影片和直播經常會和粉絲進行互動，家人們給我一鍵三連支援一下。

2. 設計思考

設計目標：

提高互動易用性，減少互動流程，縮短觸達時間

設計方案：

想點贊+收藏+投幣影片，常規挨個點選，需要點選三次。更好的三連方式：長按點贊圖示，啟用投幣收藏圖示聯動，當環形進度表走完一圈你會看到三連反饋，便捷操作同時，帶來的是驚喜和爽的體驗。當我發現這個操作後，投幣的習慣就自然形成。你會發現一個小的互動為產品提供價值不可估量，當然，這個互動是否貼合產品本身這就是需要考慮的了。

四、【人民日報】報紙情懷 – 習慣永流傳，互動更自然

1.使用場景

人民日報1948年創刊至今傳統報紙已深入人心，也是具有情懷感的。

2. 設計思考

設計目標：

提升人民日報報紙感知，從線下瀏覽到線上檢視，無縫隙轉移，留住使用者情懷訴求，提升產品內在調性，提高使用者忠誠度。

設計方案：

在首頁，點選左上角「人民日報」文案，可進入日報模式，使用者可點選模組內容進入對應資訊中，且會有點選反饋感知，增加使用者理解。針對不同使用者，還可進行tab切換形式，一個是報紙排版，一個是瀑布式文字描述，滿足多場景使用者需求。

五、【微信】剛剛看過 – 影片看完，想要接著繼續看，快速定位

1. 使用場景

在刷影片號時，看到一個具有連續性的影片時，需要進入作者主頁查詢對應影片。

2. 設計思考

設計目標：

提高瀏覽影片的易用性體驗，增加關聯屬性影片曝光，提高使用者活躍。

設計方案：

採用和抖音一樣的互動形式，當在影片流看完內容後，進入作者主頁，右下角會出現「剛剛看過」點選按鈕，點選後，自動定位到已看過的影片位置，讓使用者剛好的進行順序瀏覽，提高使用者看連續影片的體驗。

六、【iPhone錢包】地鐵充值 – 提前做出選擇，減少使用者行為路徑

1. 使用場景

充值金額時，常規的輸入已經是很簡單的了還能做到更易用嘛。

2. 設計思考

設計目標：

提升產品易用性體驗，預判使用者的預判。

設計方案：

當用戶進入充值頁面時，數字鍵盤上放會常駐提供三個充值額度，當用戶輸入其他金額第一個數字時，常駐位置會提前預判使用者充值金額進行展示，以提供充值方便。如果你發現，這個操作怎麼樣都要點兩次！那恭喜你，開始思考了。在鍵盤上方提供快速按鈕，此位置是離大拇指最易近的操作區，最下方0同樣也是，但需要考慮女性留美甲的情況，按0鍵，大多是手指內側或者頂部點選，長指甲使用者操作不便，相反，鍵盤上方易操作區都是透過指腹來操作，相比更高效。

七、【閒魚】圖片模糊提醒 – 二手交易更在意商品圖片資訊，讓閒置快速流通

1. 使用場景

釋出二手商品後，有的商品曝光展示高，很快賣出去，有的則無曝光基本置灰。排除物品本身流通性，那還有什麼原因呢。

2. 設計思考

設計目標：

提升賣家釋出商品圖的清晰度，減少因照片模糊不清導致賣出機率低，提高優質詳情曝光。

設計方案：

使用者上傳商品圖片，當圖片質量較低時，透過縮圖形式給予使用者溫馨提示文案“圖片模糊，建議重拍”告知使用者模糊圖片具體位置，建議使用者重新上傳，提高商品曝光提高成交率。

八、【懂車帝】Tab標題 – 登入登出，狀態一目了之

1. 使用場景

使用產品時，想看是否已登入賬號、需要點選個人中心檢視。

2. 設計思考

設計目標：

縮短互動鏈路，提升登入狀態多維度顯示體驗。

設計方案：

常規個人中心，在未登入或已登入都叫“我的”“個人”等，使用者僅透過固定文字很難獲取是否登入，需要點選跳轉頁面檢視登入狀態。【懂車帝】在未登入時，底部Tab顯示“未登入”字元，已登入顯示“我的”字元，雖然只是簡單的文案替換，但就能為部分使用者帶來直觀瞭解。就拿我說，當我發現後，【懂車帝】品牌就會強化我的心智，當你看到去使用，你也將把這個細節點記住，並且持續一段時間。

九、【iPhone備忘錄】防錯彈窗 – 放下手機行走，撤銷彈窗出來

1. 使用場景

在通勤時間經常使用備忘錄記錄文字，時常會有不小心刪除了一段話的情況。

2. 設計思考

設計目標：

透過彈窗降低誤操作，防錯機制來給使用者安全保障。

設計方案：

備忘錄搖一搖撤銷，之前覺得此設計多餘。在坐地鐵時，發現這個設計很有必要。當你在編輯文字期間，要轉乘、出站、行走時、不關螢幕的前提下，手指、衣物等都可能會對螢幕造成全域性操作行為，此時搖一搖撤銷彈窗發揮到作用，彈窗中僅有的兩個按鈕，很好的避免了全域性可操作帶來的風險，透過互動熱區的縮小來避免誤操作的風險，是一個很好的設計洞察點。

十、【QQ】趣味Tab – 變換的表情，讓你忍不住拖拖拖

1. 使用場景

QQ億級使用者，人群覆蓋面廣，相比微信，使用者群體更年輕，喜歡嘗試新鮮事物。