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

目錄章節(jié)

1. 【夸克】輪播視頻 – 降低切換流失率，提升視頻穿透性
2. 【微信】合成表情 – 自定義文案，體驗表情包雙層快樂
3. 【嗶哩嗶哩】一鍵三連 – 交互發(fā)揮到極致，就形成品牌效應
4. 【人民日報】報紙情懷 – 習慣永流傳，交互更自然
5. 【微信】剛剛看過 – 視頻看完，想要接著繼續(xù)看，快速定位
6. 【iPhone錢包】地鐵充值 – 提前做出選擇，減少用戶行為路徑
7. 【閑魚】圖片模糊提醒 – 二手交易更在意商品圖片信息，讓閑置快速流通
8. 【懂車帝】Tab標題 – 登錄登出，狀態(tài)一目了之
9. 【iPhone備忘錄】防錯彈窗 – 放下手機行走，撤銷彈窗出來
10. 【QQ】趣味Tab – 變換的表情，讓你忍不住拖拖拖

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

1. 使用場景

搜索相關內(nèi)容時，瀑布頁會出現(xiàn)相關視頻，給予用戶多元多類型內(nèi)容呈現(xiàn)。

2. 設計思考

設計目標：提高視頻穿透性，從而帶來視頻播放轉化率的提升。

設計方案：當用戶搜索關鍵詞后，首屏會出現(xiàn)相關視頻，當用戶停留在視頻區(qū)1秒時，四宮格視頻會自動播放2-3秒視頻中的精彩瞬間，給予用戶判斷是否感興趣，精準打開感興趣視頻，降低頻繁跳頁面，給用戶帶來的繁瑣流程。同時提高視頻曝光率。是一個對用戶友好體驗的設計點。

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

1. 使用場景

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

2. 設計思考

設計目標：提升聊天場景表情包文字呈現(xiàn)的貼合性，凸出表情包文字定制化體驗

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

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

1. 使用場景

看B站視頻和直播經(jīng)常會和粉絲進行互動，家人們給我一鍵三連支持一下。

2. 設計思考

設計目標：提高交互易用性，減少交互流程，縮短觸達時間

設計方案：想點贊+收藏+投幣視頻，常規(guī)挨個點擊，需要點擊三次。更好的三連方式：長按點贊圖標，激活投幣收藏圖標聯(lián)動，當環(huán)形進度表走完一圈你會看到三連反饋，便捷操作同時，帶來的是驚喜和爽的體驗。當我發(fā)現(xiàn)這個操作后，投幣的習慣就自然形成。你會發(fā)現(xiàn)一個小的交互為產(chǎn)品提供價值不可估量，當然，這個交互是否貼合產(chǎn)品本身這就是需要考慮的了。

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

1.使用場景

人民日報1948年創(chuàng)刊至今傳統(tǒng)報紙已深入人心，也是具有情懷感的。

2. 設計思考

設計目標：提升人民日報報紙感知，從線下瀏覽到線上查看，無縫隙轉移，留住用戶情懷訴求，提升產(chǎn)品內(nèi)在調(diào)性，提高用戶忠誠度。

設計方案：在首頁，點擊左上角「人民日報」文案，可進入日報模式，用戶可點擊模塊內(nèi)容進入對應信息中，且會有點擊反饋感知，增加用戶理解。針對不同用戶，還可進行tab切換形式，一個是報紙排版，一個是瀑布式文字描述，滿足多場景用戶需求。

五、【微信】剛剛看過 – 視頻看完，想要接著繼續(xù)看，快速定位

1. 使用場景

在刷視頻號時，看到一個具有連續(xù)性的視頻時，需要進入作者主頁查找對應視頻。

2. 設計思考

設計目標：提高瀏覽視頻的易用性體驗，增加關聯(lián)屬性視頻曝光，提高用戶活躍。

設計方案：采用和抖音一樣的交互形式，當在視頻流看完內(nèi)容后，進入作者主頁，右下角會出現(xiàn)「剛剛看過」點擊按鈕，點擊后，自動定位到已看過的視頻位置，讓用戶剛好的進行順序瀏覽，提高用戶看連續(xù)視頻的體驗。

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

1. 使用場景

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

2. 設計思考

設計目標：提升產(chǎn)品易用性體驗，預判用戶的預判。

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

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

1. 使用場景

發(fā)布二手商品后，有的商品曝光展示高，很快賣出去，有的則無曝光基本置灰。排除物品本身流通性，那還有什么原因呢.

2. 設計思考

設計目標：提升賣家發(fā)布商品圖的清晰度，減少因照片模糊不清導致賣出概率低，提高優(yōu)質詳情曝光。

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

八、【懂車帝】Tab標題 – 登錄登出，狀態(tài)一目了之

1. 使用場景

使用產(chǎn)品時，想看是否已登錄賬號、需要點擊個人中心查看。

2. 設計思考

設計目標：縮短交互鏈路，提升登錄狀態(tài)多維度顯示體驗。

設計方案：常規(guī)個人中心，在未登錄或已登錄都叫“我的”“個人”等，用戶僅通過固定文字很難獲取是否登錄，需要點擊跳轉頁面查看登錄狀態(tài)?！径嚨邸吭谖吹卿洉r，底部Tab顯示“未登錄”字符，已登錄顯示“我的”字符，雖然只是簡單的文案替換，但就能為部分用戶帶來直觀了解。就拿我說，當我發(fā)現(xiàn)后，【懂車帝】品牌就會強化我的心智，當你看到去使用，你也將把這個細節(jié)點記住，并且持續(xù)一段時間。

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

1. 使用場景

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

2. 設計思考

設計目標：通過彈窗降低誤操作，防錯機制來給用戶安全保障。

設計方案：備忘錄搖一搖撤銷，之前覺得此設計多余。在坐地鐵時，發(fā)現(xiàn)這個設計很有必要。當你在編輯文本期間，要轉乘、出站、行走時、不關屏幕的前提下，手指、衣物等都可能會對屏幕造成全局操作行為，此時搖一搖撤銷彈窗發(fā)揮到作用，彈窗中僅有的兩個按鈕，很好的避免了全局可操作帶來的風險，通過交互熱區(qū)的縮小來避免誤操作的風險，是一個很好的設計洞察點。

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

1. 使用場景

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

2. 設計思考

設計目標：通過趣味化表情，Tab的變式玩法，給用戶提供趣味性體驗，提升用戶心智，增加品牌傳播

設計方案：雙擊消息Tab刷新頁面，在用戶等待期間變換tab圖標，吸引用戶注意，從而降低等待焦慮。用戶也可長按拖拽釋放tab消息圖標來變換Tab圖標，趣味、惡搞、古怪，總有一個能戳中你，快來試試看吧。

十一、結語

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

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

作者：碳水Sir；公眾號：草蓉三石

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

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