起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識產品細節洞察分析，看完這些你離大廠又近了一步（2021-02）
編輯導語：作為一名產品設計師，要有一雙洞察美的眼睛，挖掘產品中令人喜歡與貼心的地方，為自己后續的產品設計打造基礎。作者對十個產品的細節進行體驗與分析，并提出了自己的一些思考，分享給你。
目錄章節：
- 【小紅書】：暴贊收藏 – UGC的最大回訪
- 【航旅縱橫】：航線圖 – 追憶往昔，鎖定用戶旅程記憶
- 【iPhone查找】：伴侶安全 – 就算女友離家出走也能及時找到她
- 【快狗打車】：用拉貨來搬家 – 綜合對比，雙方利益最大化
- 【抖音】：剛剛看過–優化用戶觀影視頻銜接流程
- 【MOO音樂】：獨特頻譜 – 打造產品記憶點
- 【微信】：懸浮窗口 – 及時聊天、及時閱讀兩手不誤
- 【皮皮蝦】：插眼 – 萬物皆可眼，讓你笑到抖三抖
- 【iPhone信息】：批量選擇 – 高效編輯快捷處理繁雜信息
- 【淘寶】：主題換膚 – 眾多DIY主題，換你所想，給你自由
一、【小紅書】：暴贊收藏 – UGC的最大回訪
1. 使用場景
在刷「小紅書」時，看到旅游攻略或寶藏穿搭時會點收藏按鈕進行保存。這里怎么不是點贊呢？因為點贊更多是對當前筆記內容產生共鳴、贊同觀點、給予鼓勵、崇拜或表揚等等。當然也不排除一類用戶把點贊當收藏使用（這里不過多闡述點贊愛心功能）。
第二種使用場景：當我最近有時間可以進行計劃已久的旅行，查看收藏過的旅行攻略，可以快速找到我之前保存的筆記，更快去行動起來。
2. 設計思考
設計目標：針對用戶收藏整理筆記做優化，把收藏與點贊做功能區分，提升用戶復看頻率，讓UGC內容更好傳播于回訪。
設計方案：收藏包含于點贊，但收藏是更細分的內容歸類模塊。當用戶進行收藏時，可以給用戶提供創建專輯功能。這里我有必要說明一下「小紅書」對于專輯的定義；為什么不叫-文件夾什么的。
首先收藏的筆記內容是為了一個共同目標（美妝、穿搭、護膚、做飯等），筆記作者各行各業描述的角度不同，但最終能幫助我達到目的。就像音樂專輯，一個專輯能出版取決于歌手、調音師、出品人、發行社等等共同努力。說回來這樣布局可以最大化的管理查看收藏的筆記內容，提高用戶回看筆記的效率。
我之所以拿「小紅書」來說，完全因為最近使用「抖音」時，首頁出現收藏按鈕，與點贊-評論-分享放到一個層級，我又看了看收藏頁面，沒有提供細分化操作，只是把點贊和收藏做了簡單區分。
「抖音」收藏類目下，包含視頻、音樂、道具、商品、合集。如果以后要給視頻做可分類的專輯功能，不禁覺得模塊入口過于深且交互操作過多，我還刻意看女友的「抖音」首頁沒有收藏按鈕，應該在做A/B Test。如果要優化視頻收藏模塊，希望抖音團隊改版優化好，就目前使用體驗收藏外置沒有發揮最大點擊需要。
二、【航旅縱橫】：航線圖 – 追憶往昔，鎖定用戶旅程記憶
1. 使用場景
打開App，查看近一年可視化飛行線路歷史，在年末階段發個動態總結一下旅程。
2. 設計思考
設計目標：給用戶里程碑式的飛行總結，產生情感依托，提升用戶粘性，航線圖的總結，有助于分享傳播，從而達到拉新目標。
設計方案：依托民航官方為背景，更好的匯集各大航空公司的機票、航班，給用戶準確、時效的功能使用。
對此，可以總結用戶近一年，全部的飛行史，在可視化地圖中展示出來，相比文字，視覺沖擊更強，一目了然，更加直觀。
不僅如此，針對高齡群體、老花眼、密集恐懼癥人群，提供熱力圖顯示，能直觀看到去過最多的地方在哪里?？傊疅崃D與航線圖兩種視覺表現，供用戶選擇。間接也能體現出「航旅縱橫」產品人性化的設計對用戶更加友好。提升用戶信任。這不就是一款好產品，之所以好的原因。
三、【iPhone查找】：伴侶安全 – 就算女友離家出走也能及時找到她
1. 使用場景
情侶相處多少會有小吵小鬧，解決之后感情又會加深。此款軟件與其說用來查找丟失的手機。不如說是解決情侶矛盾的調解師。
有一次，因為直男的性格我，一件事小變大，大變女友生氣到離家出走。剛出去時，頭腦還不清醒，等過一會情緒緩和下來發現原本主動承認錯誤就不會有的矛盾（女方其實看的就是一個態度）這也是經過多次矛盾總結出來的真理。
當我冷靜下來，意識到女友已經走了一段時間，情急之下發微信打電話都不回復，腦海里出現無數可能去的地方，但漫無目的的挨個既浪費時間又沒有效率。冷靜思考了一下，打開手機劃著劃著看到了「地圖」軟件（想到了定位）于是即刻打開「iPhone查找」果不其然下一秒女友1分鐘前的位置出現在地圖中（前提要雙方已綁定）欣喜之中，快速向女友位置走去。事后，女友問你是怎么找到我的？我說愛情的力量，心有靈犀（狗頭漏出）……
2. 設計思考
設計目標：iPhone查找，搭載原生系統，即使無互聯網也可以準確定位手機出現的位置，解決手機丟失追蹤，解決家人迷路、失蹤、位置等等。準確定位家人位置，互相給予保護與安全等保障。
設計方案：打開app直觀顯示家人與我的地圖位置、距離、最近一次出現的時間，且位置不斷刷新，給家人實時顯示，提供準確，時效，易理解的信息傳達，給彼此信息安全保障。
四、【快狗打車】：用拉貨來搬家 – 綜合對比，雙方利益最大化。
1. 使用場景
對于一年一搬，或幾年一搬的家庭，深知搬家的辛苦。全程日式搬家雖然省心但價格對于大眾還是無法接受。找人搬家如何定義搬家費用，價格高與價格適中，搬家效果其實更多取決于搬家師傅的為人。直觀的展示搬家費用明細，對于用戶來說，可以大致界定費用區間，不至于搬家過程中產生金錢糾紛無法協商。
拉貨：指把貨物從出發地送到目的地，如果選擇拉貨時搬運，基本都是默認雙方共同完成。選擇搬家搬運類型，一定是給到搬家師傅偏高的滿意價格，全程師傅搬家，遇到大包袋司機搬運合理，小物件，零碎物品，一般總是住戶來整理并搬運（因為容易丟失不放心）期間住戶搬運代替搬家師傅的一部分貨物是不是應該返還部分費用，所以這部分很難界定。這也是選擇「搬家」比選擇「拉貨」要貴的原因。
2. 設計思考
設計目標：解決給用戶直觀展示搬運價格明細，達到透明化，合理化區間。讓用戶對比從而選擇更符合自己需求的搬家種類。
設計方案：拉貨，搬家兩種類型都提供搬運服務，且都有搬運價格明細。針對拉貨需求的用戶不一定需要兩邊都搬運，這里能選擇單邊搬運或全程搬運。對于搬家來說，選擇搬家服務，默認就是要全程搬運的，價格明細只有總計。按需選擇。
對于經常搬家的我，拉貨模式更適合，價格透明合理，可接受，全程體驗也比搬家模式更輕松。行程中和司機交流中得知，某拉拉平臺抽取提成貌似最高，這樣算下來，用戶與司機明顯是被薅最嚴重的群體，并且價格明細鏈路過于復雜，查看不便捷整體閱讀完也是云里霧里。所以快狗打車能成為我一直使用的搬家產品，無論用戶還是司機還是平臺都達到了三方利益最大化。
五、【抖音】：剛剛看過-優化用戶觀影視頻銜接流程
1. 使用場景
最近迷戀上短視頻中三段式電影，隨機看完一個電影（1），還想繼續觀看（2）（3）結果打開作者主頁，使勁翻找剛剛看過的視頻，結果翻了好一會兒才找到，這時電影的記憶像魚兒一樣，忘了個全糊。
2. 設計思考
設計目標：解決對于上中下分級短視頻，完播率的提高。提好觀看用戶的觀影體驗。優化交互操作，提升操作效率。同時提高視頻博主，優質視頻的曝光。
設計方案：當用戶對某視頻產生興趣，想看視頻博主更多內容，提供點擊頭像或，屏幕外右滑操作快速進入主頁。這時提供兩種“剛剛看過”的顯示位置。第一種，當視頻最近發布，在一屏或滑動一次能顯示時“剛剛看過”會顯示在視頻頂層，并且文字下方黑色遮罩用來提高文字識別，與其他視頻做區分。讓用戶清晰看到。
第二種也是交互升級方案，視頻在主頁最下方或距離當前時間很遠的歷史線中，右下角會有最近看過的“剛剛看過”的點擊按鈕，點擊一下，自動把剛看過的視頻移動到手機可顯示的屏幕范圍，高效提高用戶查找所浪費的時間成本。
六、【MOO音樂】：獨特頻譜 – 打造產品記憶點
1. 使用場景
休閑時刻，聽著愜意的音樂，看著頻譜跟隨音樂節奏律動，視覺聽覺雙重享受，更加沉浸在音樂世界。
2. 設計思考
設計目標：提升視覺沉浸式體驗，解決播放頁動態元素單調無法傳達熱愛音樂用戶對音律共振的情感共鳴。
設計方案：「MOO音樂」潮流、偏向小眾、再打造更純粹的音樂世界。所以風格上看不到傳統音樂的影子。正因如此，在播放頁底部，加入音頻波動條，與音樂同步起伏，營造氛圍，充滿個性。給用戶帶來雙重享受?！覆实啊梗翰煌L的歌曲，底部音頻條樣式也不一樣，這樣可以提升神秘感、給用戶帶來探索的機會。
七、【微信】：懸浮窗口 – 及時聊天、及時閱讀兩手不誤
1. 使用場景
微信作為國民級產品，聊天與文章閱讀已成常態，經常在地鐵看公號文章時，朋友發來消息，像以前只能返回聊天頁面，回復后，在重新打開公眾號，找見文章，翻到對應文字下。
2. 設計思考
設計目標：優化聊天與閱讀文章的交互流程，提供稍后閱讀功能，也支持外鏈形式。大幅提升用戶聊天及閱讀效率。
設計方案：當閱讀公號文章或其他外鏈網站時，可點擊右上角更多按鈕，點擊「浮窗」自動收入首頁浮窗中?？赏ㄟ^右滑查看浮窗內已添加的內容，選擇對應文章進行繼續閱讀。
對于「微信」來說浮窗功能簡直就是及時雨，微信深度“捆綁”的現代人，加上大量碎片化信息，想要碎片信息整合閱讀，必須要有此功能。
對于「知乎」來說，本身就是問答平臺，不像「微信」有聊天、朋友圈、文章等多功能內容，浮窗功能顯然不是很必要。再加上，浮窗始終最頂層，層級過高，作為懸浮按鈕多少會遮擋文字有效閱讀，以及誤碰浮窗，手動刪除又徒增麻煩。即便「微信」有人聊天，直接放到后臺頁不會影響之后閱讀體驗。
對比「微信」與「知乎」同樣是浮窗，對于不同產品，使用相同功能，雖然可以降低學習成本，但深挖用戶需求是否有必要，再有就是我的PM曾對我說，加功能易，去功能難，尤其針對龐大用戶的產品。至此，回頭想想浮窗功能是否合適你的產品。這是值得深思的問題。
八、【皮皮蝦】：插眼 – 萬物皆可眼，讓你笑到抖三抖
1. 使用場景
作為主打搞笑視頻和神評論的應用，用戶大多在休閑娛樂時觀看，每一個視頻都有其爆梗的點，這個梗是用戶對視頻中點贊評論最高做出的置頂曝光，同時也最能表達出新奇點的評論給予肯定。當一個視頻沒有爆梗，會想關注日后爆梗時能說出怎樣有趣的段子，這時就需要插眼功能。
2. 設計思考
設計目標：解決視頻話題下用戶參與評論、回看等活躍度提升。想待會兒看的內容可以進行插眼操作。
設計方案：在視頻下方，針對無神評論時，提供插眼功能，當有神評論時，提供贊同功能。當用戶對視頻進行插眼，會顯示在個人中心插眼模塊內，表示用戶期待后續評論。
插眼是「皮皮蝦」與其他競品產生差異化的功能。slogan：萬物皆可眼，只要眼在手，天下我都有。如此功能你愛了嘛？
九、【iPhone信息】：批量選擇 – 高效編輯快捷處理繁雜信息
1. 使用場景
當今時代，微信聊天已成主流，「短信」大多用來接收登錄驗證碼，以及各種繁雜的廣告推送。有時收到一條銀行消息或者其他重要消息時，基本石沉大海要反復查找才能找到。
2. 設計思考
設計目標：解決用戶處理信息的高效性，提升批量編輯操作的簡易性，針對信息批量已讀、批量刪除，降低一個一個選擇的頻繁操作。提升使用時用戶體驗。
設計方案：在「iPhone信息」中，針對單個信息左滑刪除。針對多條信息可通過右上角「更多」-「選擇信息」進入批量選擇狀態，此時會有兩種交互手勢：一種可逐個點擊選中，適用于間隔信息的選擇，第二種可在左側「未選擇按鈕」長按并下滑進行批量選擇，值得注意的是當手勢滑動到標簽欄時，信息列表會默認向上滑動，繼續執行批量選擇，然后可針對所選信息進行「已讀」「刪除」操作。
這個交互手勢很早就有了，之所以拿來細說，因為當我在使用「安卓」「蘋果」來回切換時發現，「蘋果」這樣的設計，確實在使用體驗上高效易操作。加深我對蘋果產品的使用好感。
十、【淘寶】：主題換膚 – 眾多DIY主題，換你所想，給你自由
1. 使用場景
使用某產品經常會吐槽，設計的真丑，或者使用幾年風格老舊，對于全民級產品，輕易修改UI視覺都會帶來巨大的風險?？捎脩魠挓┊斍爸饕曈X設計，如何設計才能包容大眾用戶。
2. 設計思考
設計目標：解決主題視覺風格單一，為用戶提供可選擇的主題風格，給用戶自由度高的切換主題功能，提升使用好感，增加用戶粘性從而提升交易額。
設計方案：在「我的淘寶」–「設置」–列表「主題換膚」?！肝业奶詫殹?span id="ewsg6wq8" class="s1">–向下第四層卡片中左滑「主題換膚」兩個入口，可進入主題換膚頁面，提供眾多藝術家設計的主題風格，讓用戶選擇心儀的主題，使用到產品中。有趣的是。
這些主題大多都是動物IP，對用戶來說接受度更高，童趣可愛的形象，會激發用戶使用操作。同時在使用過程中，由于用戶經常使用，「淘寶」底部Tabbar基本形成基本認知，不用細看也能分清楚對應模塊類別，「主題換膚」的使用不會給用戶帶來學習或認知成本的增加。相反，會給用戶帶來使用體驗的升級。
十一、結語
設計師要有發現美的眼睛。美不僅是視覺，還有好的體驗流程。不要讓用戶思考，這是每個設計師所追求的。認真記錄產品細節，了解背后的思考，也是不斷提升自己邏輯思維和表達能力的一種方式。
本期產品細節分析結束，我們下期再見！
作者：碳水Sir；公眾號：草蓉三石
本文由 @碳水Sir 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unplash，基于CC0協議
- 目前還沒評論，等你發揮！
