編輯導語：一個好的設計細節能有效助力産品增長，本篇文章作者分享了10個助力産品增長的設計細節，講述了其使用場景和設計思考等内容，一起來學習一下吧，希望對你有幫助。

章節目錄：

1. 【飛豬】豬鼻搜索 – 融入動效，強化品牌滲透；
2. 【Timebook】點贊動效 – 停留後的播放，引導操作；
3. 【騰訊新聞】長按點贊 – 彩蛋背後的思考，釋放用戶情緒；
4. 【支付寶】清爽模式 – Tab隐藏，專注支付工具服務；
5. 【飛書】雙擊編輯 – 交互的提效用途，更快更高效；
6. 【貝殼找房】新舊看房 – 産生預判，避免白走一趟浪費的時間；
7. 【得物】3D試穿 – 及時體驗，減少門店試穿過程；
8. 【映客直播】 雙直播 – 一個預覽直播一個小窗直播，屏效利用更大；
9. 【拼多多】商品收藏 – 預選屬性默認保存，一鍵懂你；
10. 【微信】視頻号喜歡 – 頭像神奇位移，極度舒服。

一、【飛豬】豬鼻搜索——融入動效，強化品牌滲透

1. 使用場景

全新UI升級後，搜索模塊有較大改動，如何在搜索欄中引導用戶，同時不打擾用戶使用。

2. 設計思考

設計目标：提升搜索按鈕pv率，同時強化飛豬品牌。

設計方案：在進入飛豬界面時，能看到頂部搜索欄搜索按鈕會有一個豬鼻子抖動特效，随後消失，下拉刷新時，豬鼻子特效再次激活，很是有趣。

其實在完善的旅遊行業中，産品設計已經很難有獨自特色亮點，畢竟設計都是有輪回（拟物-扁平-再到拟物）。安卓與蘋果手機的交互視覺也基本相仿，那好的設計還能從哪裡出發？

結合産品特有的品牌IP去進行産品融入，如果能在産品目标中進行強化IP那簡直厲害。很成功的産品設計細節，再一次強化了飛豬在我腦海中的記憶，值得大家學習。

二、【Timebook】點贊動效——停留後的播放，引導操作

1. 使用場景

一款社交産品，能讓用戶持續UGC（用戶素生産内容）不容易，需要有較多互動，才能留住用戶。

2. 設計思考

設計目标：提高點贊互動率，讓用戶互動率得到提升。

設計方案：當用戶停留到某一條動态時，通過頁面懸停時間，激活點贊按鈕動效，靈動的動畫，仿佛對方再和你互動，想要你一個點贊，不自覺地就會引導互動起來，也算是打破隻看不點贊的僵局。

這個設計亮點非常值得學習。當你要提升某個功能使用率，不妨把做圖标設計的時間改為動效設計。相比于平面圖形，動态圖形更容易引起用戶注意。

三、【騰訊新聞】長按點贊——彩蛋背後的思考，釋放用戶情緒

1. 使用場景

新聞資訊類産品長時間閱讀會引起用戶疲勞，如何通過點贊來讓用戶短暫休息。

2. 設計思考

設計目标：提升用戶使用時長，短暫放松是為了更好的閱讀使用。

設計方案：前面有講過微博點贊動效，其實做的蠻浮誇的，但作為泛娛樂産品還是挺好的，但也會強制打斷用戶閱讀。

在騰訊新聞中通過長按點贊圖标，會激活點贊動效，統一的紅色圖标，強化點贊按鈕本身的屬性。随着長時間按壓，屏幕會顯示逐漸遞增的數字，最高到 100大約需要5s，這個過程能讓用戶眼睛聚焦，大腦放空一下，好讓之後閱讀思路更加清晰。

四、【支付寶】清爽模式——Tab隐藏，專注支付工具服務

1. 使用場景

支付工具内的衆多服務增加使得産品越來越臃腫，不使用的功能時常幹擾用戶操作，反感聲越來越大。

2. 設計思考

設計目标：通過自定義生活頻道導航欄，讓用戶操作更清爽，提升用戶滿意度。

設計方案：在我的-設置-功能管理-生活頻道入口，來選擇生活頻道是否在底部導航欄中顯示。開啟關閉配有對應效果方便用戶直觀理解，尤其對于億級體量的産品，要滿足不同年齡層用戶學習成本，圖示對應會更加友好，提升用戶理解與使用體驗。

五、【飛書】雙擊編輯——交互的提效用途，更快更高效

1. 使用場景

在文檔預覽模式下，如何對某一行進行快速編輯操作。

2. 設計思考

設計目标：提升預覽到編輯的快速切換，縮短交互路徑，為用戶提效。

設計方案：當用戶浏覽一個文檔，想要在某一行進行文字編輯時，除了右下角編輯按鈕外，還可以雙擊想要編輯的段落，即可快速進入編輯模式，同時光标停留在雙擊位置處，很是高效。

這就是菲茨定律，通過雙擊交互來替代點擊編輯按鈕的交互時間，從而讓編輯效率得到提升。反觀語雀，移動端并沒有做到這點，編輯文章回到頂部，還得和有優化空間的。

六、【貝殼找房】新舊看房——産生預判，避免白走一趟浪費的時間

1. 使用場景

二手房中，看現房很難産生清空後的房屋預判，會因為房間過亂或東西過多導緻空間不好的預期，如何解決用戶這種問題？

2. 設計思考

設計目标：通過VR技術進行三維空間采集來提供全新室内設計布局，提高房屋轉賣率。

設計方案：在二手房詳情頁中，點擊設計效果，能看到當前與新裝修後的室内對比VR圖，避免因舊家布局亂，産生不好的預期，從而不在詳細了解。

雖然VR技術是接第三方服務，但這種新舊裝修對比最能直觀給用戶産生正向預期。好不容易買一套房，不也要找室内設計先看下整體裝修效果嗎！

七、【得物】3D試穿——及時體驗，減少門店試穿過程

1.使用場景

線上電商最大的痛點就是無法試穿，導緻看上去挺好，但我自己穿就不知道了。

2. 設計思考

設計目标：通過AR現實，提升試穿直觀感受，從而促進商品下單率。

設計方案：在商品詳情頁中，點擊AR試穿，就可透過手機看到鞋子試穿後的效果，除了真實腳感不能感受，外形各角度效果都非常不錯，有種身臨其境的感覺，刺激用戶進行下單決策。

無論是直播電商試穿或者AR試穿都在解決用戶無法親身體驗的嘗試，通過一個對象嫁接，能使用戶得到信任，從而提升商品交易量。

八、【映客直播】 雙直播 – 一個預覽直播一個小窗直播，屏效利用更大

1.使用場景

關注的博主，晚上同一時間開播，無奈隻有一個手機不能一起看。

2. 設計思考

設計目标：提升直播曝光率，為用戶提供更更多博主直播，提高屏效。

設計方案：在直播頁面中，選擇小窗口模式，會以浮窗直播外漏，用戶可邊看小窗直播，邊看預覽直播大畫面，目的為了曝光更多優秀博主内容，讓用戶按需選擇。雙直播無論對用戶還是博主都提供了多種引流方式，從而提升浏覽量與浏覽時長。

九、【拼多多】商品收藏——預選屬性默認保存，一鍵懂你

1. 使用場景

拼多多拼着買更劃算，可遇到當下不買但需要過幾天買的東西，又不想滑走商品，這時就需要收藏功能來代替購物車。

2. 設計思考

設計目标：提升收藏功能的易用性，不用二次選擇即可一鍵下單，快捷高效購物。

設計方案：在浏覽商品時，選擇好商品屬性，點擊收藏，商品默認放在收藏模塊中，需要買時，隻需打開收藏頁，就能看到商品信息和之前預選的商品屬性，節省二次選擇操作，為用戶提供高效收藏。

相比淘寶的收藏，隻是簡單的商品收藏，并沒有把預選的商品屬性一并收藏起來，用戶在收藏中購物時，還需要再進入商品頁二次選擇，頻繁重複的操作，帶來的低效的購物體驗。

十、【微信】視頻号喜歡——頭像神奇位移，極度舒服

1. 使用場景

在浏覽視頻時，如何引導并強化點擊喜歡的操作。

2. 設計思考

設計目标：提升喜歡交互的趣味體驗，提高點擊率。

設計方案：當點擊喜歡，你能看到自己的頭像會有一個弧形移動效果，最終停留在正文上方。很流暢的操作，頭像停留出是好友旁邊，有種擠在朋友身邊的錯覺，并不孤單，加強親密性，視頻都很喜歡并不是隻有我自己覺得好。

弧形移動相比直線移動更具有動感，更能抓住用戶視線，從而再次強化喜歡按鈕的功能。

十一、結語

設計師要有發現美的眼睛。美不僅是視覺，還有好的體驗流程。不要讓用戶思考，這是每個設計師所追求的。

認真記錄産品細節，了解背後的思考，也是不斷提升自己邏輯思維和表達能力的一種方式。

本期産品細節分析結束，我們下期再見！

#專欄作家#

碳水Sir；草蓉三石，人人都是産品經理專欄作家。One More産品設計負責人，擅長設計細節洞察分析。

本文原創發布于人人都是産品經理。未經許可，禁止轉載。

題圖來自Unsplash，基于 CC0 協議。

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部