起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識產品細節剖析，讓你看看大廠是如何做設計的（2021-23）
編輯導語：產品所提供的功能是否更好的滿足用戶的需求，與產品的操作細節和功能細節密不可分。本篇作者就對15種產品的細節設計進行了剖析，分享了自己對大廠產品設計的思考，希望對你有用，一起來看一下。
設計不是拼圖，深入下去，有很多細節需要推敲，而這些細節背后的邏輯與意義更值得關注。產品主要強調的是與人的交互，用戶通過對產品的操作來實現自身的目的，比如雙擊，滑動，常按等，而操作一般建立在產品的功能基礎上，產品的功能細節體現在產品的業務邏輯中，產品所提供的功能是否更好的滿足用戶的需求，操作細節與功能細節密不可分，功能影響著用戶的操作，而操作細節更多體現在用戶的感受。
2021 | 第23篇分享目錄（331~345）
- 331.「順豐速運」收寄影響匯總-實時更新受疫情影響派件的地區
- 332.「Keep」跑步-提供動力的多目標設計
- 333.「騰訊視頻」自制GIF-免去借助第三方應用的步驟
- 334.「QQ音樂」設置循環次數-不要讓單曲循環毀了一首歌
- 335.「騰訊視頻」毫無違和感的中途廣告-不打斷用戶
- 336.「愛奇藝」空間音頻-手機看片 影院級質量
- 337.「豆瓣」評論自動折疊-邊控制 邊保持言論自由
- 338.「淘票票」排行榜-重復展示 幫助用戶快速決策
- 339.「騰訊視頻」音量調節-由綠變紅的進度條
- 340.「抖音」視頻頁-一個頁面到底可以存在幾種交互手勢？
- 341.「餓了么」意向標記-輔助用戶更快作出決策
- 342.「網易云音樂」共享歌單-我的耳機分你一半
- 343.「流利說·英語」加強課-“歷史正確率”引起用戶重視
- 344.「高德地圖」導航中-車機互聯 方便快捷
- 345.「產品經理」“底線”-俏皮的文案 不一樣的感受
331.「順豐速運」收寄影響匯總-實時更新受疫情影響派件的地區
1. 產品體驗
打開順豐速運小程序的寄件咨詢，可在“收寄影響匯總”中實時查詢受特殊環境影響、暫停收寄件的地區。
2. 設計思考
在這個飛速發展的時代，任何事物所遵循一直不變的原則就是“一直在變”。就拿寄快遞來說，在我們的印象中，受潛在意識及慣性思維的驅使，感覺只要寄出物品，就沒有到達不了的地方，但在當下疫情肆虐的大環境下，現實告訴我們，任何地方都有可能送達不了，不要等快件卡在半路才知道收件地址被“禁”了。
順豐速運最近上線了“收寄影響匯總”功能，方便用戶在寄件之前就能知曉收件地址是否在可配送范圍之內，防止寄出之后對方無法收件，特別是保質期較短（生鮮、食物）的物品，避免因快件滯留給自己帶來不必要的損失?！笆占挠绊憛R總”功能需要用戶寄件（盈利）的同時又能兼顧到現實環境的影響、并在用戶有需要時及時反饋，不得不說是一個非常好的功能，通過“服務至上”的考量給予用戶更好的體驗，定能收獲更廣泛的用戶群體也能讓產品獲得更多的認可與信任。
332.「Keep」跑步-提供動力的多目標設計
1. 產品體驗
使用Keep跑步，可以用距離、時長、熱量、配速設定目標，作為自己跑步堅持下去的動力和精神支柱。
2. 設計思考
大佬王建林曾說：“給自己定一個小目標，比如先賺他一個億”，emm……扯遠了。我們做任何事情，都會先定下一個目標，不管多大，它都將是自己堅持下去的動力和努力想要達到的，很多時候，一旦達到目標而沒有及時進階目標、或者根本沒有目標，就會安于現狀，甚至逐漸頹廢走下坡路。其實跑步也不例外，堅持下去需要極強的耐力及自律，可人的惰性是天生的，沒有人敢說跑步會比吹著空調、磕著瓜子、刷著抖音舒服，但依然有人能堅持下去，這始終離不開自己堅定不移的目標。
使用keep跑步，可根據自己的習慣在跑步之前給自己定下時間、距離等目標，有效避免半途而廢，通過具體的計劃比如3km、30分鐘等，讓自己更容易堅持下來，如果單憑三分鐘熱度或毫無標的運動，注定剛開始就要時刻面臨結束的下場。Keep的多種類目標設計可滿足不同類型的用戶群體選擇適合自己的類型，同時也提供了能讓自己堅持下去的動力（跑步頻繁看手機就是最好的證明）源泉，將自己的想法變成目標任務，一旦完成，也會有一定成就感，為自律增添一份定力。
333.「騰訊視頻」自制GIF-免去借助第三方應用的步驟
1. 產品體驗
在騰訊視頻的全屏播放頁面，選擇好自己想要截取的位置，可通過右側的“攝像機”圖標進入生成GIF圖片。
2. 設計思考
平時大家在看視頻的時候，發現搞笑或煽情的片段就想截圖分享給他人，但圖片始終不如動圖生動自然，如果想截取片段制作動圖，還得先錄制好、再借助第三方應用生成GIF圖片，很不方便。
使用騰訊視頻看片時，如想截取部分片段（GIF）則無需這么麻煩，只需在橫屏觀看時從右側的入口進入，自行錄制片段制作GIF，最長不超過10s，便于用戶隨時以動態的形式分享，免去了第三方應用的介入，省時省力。
334.「QQ音樂」設置循環次數-不要讓單曲循環毀了一首歌
1. 產品體驗
在QQ音樂的播放界面，播放模式為單曲循環狀態下，長按播放模式按鈕，可在彈窗中設置循環次數。
2. 設計思考
喜歡單曲循環聽歌的人最容易陷入歌曲或自己背后的故事之中，認真去聽每一個細節，用來記錄真情實感，對自己來說也是一件比較浪漫的事情，但如果過分的對一首歌單曲循環，也可稱得上成功毀掉一首歌系列。
QQ音樂最近上線了設置單曲循環次數功能，長按播放界面的播放模式圖標即可。很多時候，我們聽到喜歡的歌曲總是會忍不住多聽幾遍，但一直聽下去難免會有些枯燥，這時只需根據自己的喜好設置循環播放次數，最多不超過20次，既可以滿足自己當時的心理需求，也能避免因長時間陷入異常心情的環境中無法自拔，給自己、歌曲帶來很大的“創傷”。
335.「騰訊視頻」毫無違和感的中途廣告-不打斷用戶
1. 產品體驗
使用騰訊視頻看片，當相關臺詞出現時，跟臺詞相關聯的廣告會從左下角無縫插入，與劇情毫無違和感。
2. 設計思考
大家似乎已經習慣了所有視頻類應用的片頭廣告，這也成了所有用戶的潛在意識，但為什么非常痛恨視頻中間直接插播的廣告呢，很明顯，片頭廣告具有確定性且用戶有心理準備，易于接受，但在視頻中間插播的廣告顯得太過于突然、甚至直接打斷用戶沉浸式的體驗，顯然沒有做好準備“迎接”，以至于遭到用戶的吐槽、反感，甚至厭惡。
騰訊視頻在影片播放中插入廣告時則換了一個思維，當與廣告相關聯的特定臺詞出現，該廣告毫無違和感出現在屏幕左下角，相比中途直接插播廣告更為巧妙、更加友好，既不打斷用戶觀看，似乎還透漏著小幽默，用戶更易于接受，如感興趣直接點擊進入轉化流程，無需要則直接略過，也將對看片時的影響程度降到最低。雖然用這種方式插入的廣告其點擊、轉化率都沒有中途直接插播的高，但卻能找到更多的機會點，以量多來彌補點擊、轉化率的不足，也不失為一種好的策略。
（PS：自古以來，產品若想盈利，那么與用戶一定是對立，既不能為了滿足用戶需求無下限的給用戶提供便利，也不能為了達到產品的目的過分的剝削用戶，我們需要在中間找到一個平衡點，在滿足產品需求的同時也要滿足用戶訴求，可用設計的手段將雙方的損失降到最低，以達到共贏的效果）
336.「愛奇藝」空間音頻-手機看片 影院級質量
1. 產品體驗
使用愛奇藝橫屏看片時，可從右上角菜單中開啟“空間音頻”功能，它可以模擬影院的多聲道音效。
2. 設計思考
十年前，我們大多是在網吧聽音樂、看電影、聊視頻、打游戲，智能手機的出現，雖不能說是可以的代替電腦，但在手機上基本可以滿足?；ヂ摼W發展至今，以至于用戶的需求不僅僅是用手機代替電腦完成一些簡單的事情，更多的是上升到精神層面、對高質量的追求，比如視頻畫質、音效等。
使用愛奇藝看片，開啟“空間音頻”功能后，能夠很真實的模擬影院場景的聲道音效，營造強烈的空間感，即使旋轉設備，也能正常定位到當前的聲道?！翱臻g音頻”屬VIP功能，兼顧用戶在看片高質量體驗、增加吸引力的同時，更是提供了物超所值的VIP服務，進一步引導用戶付費轉化。
337.「豆瓣」評論自動折疊-邊控制 邊保持言論自由
1. 產品體驗
在豆瓣APP圈子動態的評論區，部分評論被舉報一定次數后，若無違反平臺重大規定，系統并未做刪除處理，而是將其內容自動折疊。
2. 設計思考
任何產品的評論區都是作者與用戶、用戶之間相互交流的區域，這里還可以反映出興趣點和需求，用戶可以對作品表達同理心或是不同意見的宣泄，也可以是與其他用戶之間無休止的探討，總之可以暢所欲言。雖然每個產品都提倡線上言論自由，但“國有國法、家有家規”，任何毫無節制放縱用戶去進行一些惡意中傷、低俗無下限的言論，不管是對產品還是用戶都將是一場災難，產品也自有一套管制措施，輕則刪除、封號，重則追究其法律責任。
當我們說某個人不是一個好人時，但未必就是一個壞人，評論區的內容亦是如此，總有一些走在規則邊緣上的言論，我們無法定論為合規還是違規，放任不管恐防惡化，直接處理也違反了言論自由。
豆瓣評論區的內容，針對引起部分用戶不適、但確實沒有違反平臺規定的言論，系統選擇了較為中肯的做法，將這類評論進行折疊處理，且無法回復評論或點贊，用戶若不是刻意點開，等同于屏蔽該內容。這種做法既控制了評論的質量，同時也保持了言論自由，還教育了其他點開查看的用戶通過自己的理解來界定違規內容的區間，真正做到了兩全其美。
338.「淘票票」排行榜-重復展示 幫助用戶快速決策
1. 產品體驗
淘票票首頁，在列表中查找電影時，系統會無規則的多次重復展示票房榜、影片榜、口碑榜等榜單。
2. 設計思考
排行榜的作用是提供一個可供我們對比、幫助做出決策的條件，主要面向無目標或目標性不強類型的用戶，有些應用會在不同的頁面提供多個排行榜入口，用以引導用戶進入查看，其重要性不言而喻。
在淘票票首頁下拉查找電影時，系統會不同程度重復展示電影多個類型的排行榜。首先，用戶在列表中查找時，足以說明其目標性不強，重復展示排行版能將優質的資源獲得更大程度的曝光，輔助用戶快速做出決策；其次，電影類型的列表資源量本身就不大，重復顯示榜單并不會對用戶造成過多的干擾，利用排行版產生吸引力，減少用戶在列表中查找的時長，將無目標的用戶變成有目標的用戶，以促成轉化。
（PS：重復性展示只適合列表內容不多的應用，如果內容較多，反復展示不僅占資源，還會引起用戶的反感）
339.「騰訊視頻」音量調節-由綠變紅的進度條
1. 產品體驗
在騰訊視頻看片過程中調節音量時，進度條的顏色首先是綠色，當增加到70%以后，會逐漸由綠色過渡至紅色。
2. 設計思考
有人說，將手機音量開到最大看片、聽音樂，會對設備造成一定的影響，雖然，真正對設備的影響微乎其微，但大多數人依然不會經常將設備音量增加到100%，不然可能吵到他人，在安靜的環境下甚至傷害自己的耳朵。
騰訊視頻看片調節音量時，在70%以內，進度條的顏色基本為綠色，這也正是設備最為常見的音量數值，同時綠色也意味著安全。當超過70%時，進度條色值則由綠變紅，一般在正常環境下，長期將音量調整的100%看片或聽音樂，對自己的聽力造成一定的損傷（任何事物/事件長期停留在極限值，都將會產生一些不可預知的后果），即便在較為喧鬧的環境為了讓自己聽的清楚將音量調到最高，但勢必會制造出高于當前環境的噪音而影響其他人，所以騰訊視頻的音量進度條不僅僅告知了用戶當前音量的數值/進度，更是通過顏色的變化起到一定的警示作用，保護自己、關愛他人。
340.「抖音」視頻頁-一個頁面到底可以存在幾種交互手勢？
1. 產品體驗
在抖音的視頻頁面，同時存在著搖一搖、單擊、長按、雙擊、多次連擊、上/下/左/右滑動9種交互手勢以應對不同的操作。
2. 設計思考
移動端設備交互手勢操作的優勢主要在于方便快捷，在屏幕任何（無操作入口）位置即時操作，無需精準點擊，容錯性極強，有效節約用戶大量的時間成本。另外，所有通過交互手勢操作能達到的效果，在某個位置也有其固定入口，以便于部分用戶條件反射、習慣性的手動點擊。
抖音在視頻單個頁面中融入了9種交互手勢“搖一搖-找附近也在搖的抖友；單擊-播放/暫停；長按-調出分享及部分功能彈窗；雙擊-點贊；多次連擊-連續點贊；上/下滑動-前后切換視頻；左/右滑動-tab類型切換。抖音如此多的交互手勢作為隱藏的存在，也許很多用戶還不知道，即便知道，也可能是習慣性的去固定入口操作，但站在設計師的角度，我們應該合理的將交互手勢更多的融入到自己的產品中，給用戶提供便利的同時，逐漸培養用戶的操作習慣，讓其在后續的應用中可不加思考的利用便捷操作快速滿足自己的需求。
341.「餓了么」意向標記-輔助用戶更快作出決策
1. 產品體驗
在餓了么外賣店鋪列表，凡是已經加入到購物車的商品，都會在店鋪縮略圖的右上角標記數量提示，避免用戶在不同類型的店鋪列表中重復進入同一個店鋪。
2. 設計思考
平時在使用外賣平臺點餐時，若非緊急情況或目標非常明確，可能會在多個類型（猜你喜歡、銷量/評價排序、精選推薦）店鋪列表中瀏覽，并將自己稍有意向的商品先添加到購物車，但時不時就會在不同列表中刷到同一家店鋪，點進去后才發現這家早就看過，很是浪費時間，尤其是在網絡不好的情況下，emm……
使用餓了么點餐，已加入到購物車的商品會在店鋪列表中標記提示，便于用戶在不同的列表刷到同一家店鋪時能及時發現，快速過濾，幫助用戶節省更多時間以提高點餐效率。眾所周知，用戶一個頁面停留的時間越長、不確定性就越強，離開的可能性也就越大，產品若能輔助用戶更快速的作出決策，轉化率就能隨之提升。
342.「網易云音樂」共享歌單-我的耳機分你一半
1. 產品體驗
在網易云音樂“我的”頁面創建歌單時，勾選“設置為共享歌單”，即可邀請好友加入、并一起管理該歌單。
2. 設計思考
很多時候，我們聽到好聽的歌曲都會迫不及待的分享出去，若是遇到“志同道合”的歌友，還會經常一起聽、將歌單相互分享，聽歌的同時還能相互交流，當歌單出現大的變動時，還得重新分享。
網易云音樂最近上線了共享歌單功能，在創建歌單時勾選“設置為共享歌單”，創建成功后將好友拉進去，就可以互相進行歌單管理、添加歌曲了，相比以往的歌單分享更實用，省去了很多后續的麻煩。其實，共享歌單并非僅僅只是共享，更是將自己的音樂世界分給對方一半，能一起共享歌單的人要么是極度信任，要么是想了解對方、想被對方了解的人，將“我的耳機分你一半”，以聽音樂的方式拉近彼此的距離。
（PS：需共享歌單的用戶需要各自開通黑膠VIP方可正常使用，不然只能在系統給予的特定時間內使用）
343.「流利說·英語」加強課-“歷史正確率”引起用戶重視
1. 產品體驗
在流利說·英語的強化訓練課程中，系統會在題目上方顯示以往學習的“歷史正確率”，幫助用戶根據實際情況調整對不同內容的重視程度。
2. 設計思考
線上學習的習慣通常是有序進行，通過對自己制定學習時間或章節規劃來逐漸完成學習目標，對不同內容的難易程度基本相同對待，這就造成了簡單的知識輕松掌握，遇到難點時，即便二次復習也很難做到精準把控，學習多次，知識點卻依然被拋諸腦后，甚至根本無法判斷其真實難易程度。
流利說·英語通過用戶以往學習時的發音標準及正確率自動生成強化訓練課程，且在單個課題內容上方提示“歷史正確率”，避免用戶對每個內容都是按部就班的學習，如若正確率較低，足以讓用戶更精準的理解該內容的難易程度，并引起重視，方便用戶根據不同的難易程度做出不同程度的努力與付出，更易于對知識的吸收。
344.「高德地圖」導航中-車機互聯 方便快捷
1. 產品體驗
使用高德車機版，與手機端登錄同一個賬號并綁定汽車后，可通過手機設置目的地，點擊開始導航后會自動從手機轉移到車載導航。導航過程中，還可直接在手機設置路線偏好、更改目的地等操作。
2. 設計思考
當朋友將位置發給我們時，上車后還得在車載導航上輸入地址搜索，搜出來還不精確，有時甚至直接“無結果”，就只能一邊駕車一邊看手機了，不方便不說、還影響駕駛安全。
使用高德地圖，登錄同一個賬號且綁定車輛后，即可車機互聯。平時在社交應用中收到的地址直接用高德地圖打開，一鍵導航后可自動從手機轉移至高德車載導航，非常方便，即便從一開始就用車載導航，也可從手機打開高德地圖后直接更改路線偏好、更改目的地等操作，一鍵同步。在駕駛過程中，通過手機端進行導航控制不僅方便（用戶偏好），還能直接將手機交給其他人操作，減少駕駛員分心的情況，大大提升了安全系數。
345.「產品經理」“底線”-俏皮的文案 不一樣的感受
1. 產品體驗
在產品經理APP列表頁，滑到底部沒有內容時，會出現“別扯了 這是我的底線”頗具俏皮、玩味的文案。
2. 設計思考
將一個頁面的內容滑到底部時，繼續滑動要么圖標轉了幾圈恢復原樣、要么沒有任何反應，這是很多應用都在犯的低級錯誤，移動端的新手用戶是否會想，手機卡了、還是網絡不好呢？雖然有部分優秀的互聯網產品關注到了這一塊兒，并在頁面底部也予以相應的提示告知用戶已經到了頁面的末尾處，但僅僅只是一個通知而已。
產品經理在列表頁的末尾處使用的較為俏皮的“別扯了，這是我的底線”文案提示，玩味的表達方式或許能引發用戶會心一笑，用以彌補因沒有多余內容可能給用戶帶來的失落感，相比一本正經的提示，甚至可以帶給用戶正面的情感，留下更深的印象。很多時候，文案的重要性舉足輕重，站在設計師的角度，如果僅僅給用戶反饋結果，那只是完成了應盡的責任和義務，但如果注重細節，并非多大的變動，只需變換一下思維、利用設計的手段打動用戶、留住用戶才能發揮出設計的更大價值。
結語
設計師需要養成體驗產品的好習慣并將優秀的產品細節記錄下來，加強自己的記憶，不僅能提升自己的語言組織和總結能力，也為日后輸出優秀的作品當鋪墊，對自己的能力提升以及未來的職業發展帶來便利。
本期產品設計細節分享結束，我們下期再見。
#專欄作家#
大漠飛鷹；公眾號：能量眼球，人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘，利用設計的手段為受眾用戶帶來更好的體驗，即好看、好用。
本文原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自Unsplash，基于 CC0 協議
為什么我的餓了么加購了也沒有那種的交互顯示狀態呢
qq音樂的設計好喜歡啊，有時候喜歡聽一首歌然后就一直單曲循環，聽著聽著就沒有那么那么喜歡了，這個設計真的好棒啊。
感謝閱讀
不得不佩服大廠的設計細節，很戳人心，點贊，瘋狂點贊。
感謝支持
這些設計真的很不錯啊，細膩，符合消費者的心理，設計師都好用心啊。
感謝支持
非常細膩的觀察了。個人認同幾乎全部。
想討論一個。
「騰訊視頻」毫無違和感的中途廣告-不打斷用戶。這個對我個人來講比較煩，因為它從無到有的動作會奪走我的注意力，例如我在看懸疑片，或一些高潮部分，或重要信息交代的部分，或者不能錯過的精彩部分時，還是會影響體驗的。與之相比，直接滿屏的廣告對我來講是更好的，起碼起碼不會影響觀賞內容。當然應該也有部分人只是希望電視劇在播放而已，對影視作品的觀賞投入的專注度沒有那么高，可能只是一種畫面聲音的陪伴，那這個功能就對他們比較友好。但對于追求影視內容的觀看者來講，確實是有影響的。我甚至認為，有些時長較長的影視作品播放出于健康性（視力，姿勢，專注度）考慮的廣告時間還是挺好的，不過怎么維持觀看者的健康又是需要深入了解去探討的。事實上像B站一樣的播放平臺便是相對來講廣告不影響內容的一種體驗，不過平臺不同特點也會影響廣告投入方式。
贊同，那個要硬說是好設計，就有點屬于設計師的自我陶醉了。
我曾經騎著自行車，很不削的看了一眼旁邊的寶馬，心里暗想：這車主怎么混的就開個寶馬，看看旁邊的保時捷、路虎……
哇，非常用心的分析、評論。
雖然自己寫了很多，但自我認為，不是每一個點的想法都是正確的，在這樣的磨合中不停的試錯才能相互成長，非常感謝。
大廠的設計真是沒得說，尤其是視頻類、音樂類APP的設計細節特別容易給用戶留下深刻印象。
文章觀點不一定都正確，但需要有一雙善于觀察的眼睛
很喜歡文章里的一句話，“我們需要在中間找到一個平衡點”，現在的產品應該更加講求精細化人性化運營。
感謝認可
確實，給用戶一些良好的體驗比如給予用戶一些成就感這樣的感覺確實會讓用戶持續使用軟件
感謝支持
1
??