編輯導語：産品所提供的功能是否更好的滿足用戶的需求，與産品的操作細節和功能細節密不可分。本篇作者就對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. 設計思考

在這個飛速發展的時代，任何事物所遵循一直不變的原則就是“一直在變”。就拿寄快遞來說，在我們的印象中，受潛在意識及慣性思維的驅使，感覺隻要寄出物品，就沒有到達不了的地方，但在當下疫情肆虐的大環境下，現實告訴我們，任何地方都有可能送達不了，不要等快件卡在半路才知道收件地址被“禁”了。

順豐速運最近上線了“收寄影響彙總”功能，方便用戶在寄件之前就能知曉收件地址是否在可配送範圍之内，防止寄出之後對方無法收件，特别是保質期較短（生鮮、食物）的物品，避免因快件滞留給自己帶來不必要的損失。“收寄影響彙總”功能需要用戶寄件（盈利）的同時又能兼顧到現實環境的影響、并在用戶有需要時及時反饋，不得不說是一個非常好的功能，通過“服務至上”的考量給予用戶更好的體驗，定能收獲更廣泛的用戶群體也能讓産品獲得更多的認可與信任。

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. 設計思考

十年前，我們大多是在網吧聽音樂、看電影、聊視頻、打遊戲，智能手機的出現，雖不能說是可以的代替電腦，但在手機上基本可以滿足。互聯網發展至今，以至于用戶的需求不僅僅是用手機代替電腦完成一些簡單的事情，更多的是上升到精神層面、對高質量的追求，比如視頻畫質、音效等。

使用愛奇藝看片，開啟“空間音頻”功能後，能夠很真實的模拟影院場景的聲道音效，營造強烈的空間感，即使旋轉設備，也能正常定位到當前的聲道。“空間音頻”屬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 協議

,

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

查看全部