起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識產品細節剖析，讓你看看大廠是如何做設計的（2021-18）
編輯導語：產品最終服務于用戶，這就要求設計師了解用戶的需求、偏好與行為習慣等，進而才能更合理地設計出符合用戶期待值的產品。而對現有產品的剖析可以讓我們有所學并有所思。本篇文章里，作者針對一些大廠產品的設計細節進行了分析和思考，一起來看一下。
前言
Dan Saffer 說過“最好的產品通常會做好兩件事情，功能和細節”，功能可以吸引用戶關注這個產品，而細節則能夠讓關注的用戶留下來，當PM確定好產品目標后，就不要讓用戶斷送在設計師的手上。
資深的設計師之所以強，是因為強在對設計細節的把控能力，他們總是能看到大部分設計師看不到的問題，這些細節不需要要處理的多么炫酷、耀眼，或許僅僅只是一句文案、一幅插圖或者一個打動人心的動畫，能使用戶獲得愉悅的使用體驗。
2021 | 第18篇分享目錄（256~270）
- 256.「流利說·英語」慢速播放-降低發音學習難度
- 257.「微信」應用-最有效的消息回復
- 258.「抖音」抖一抖-匹配即將“擦肩而過”的人
- 259.「微信」切換賬號-一鍵操作 等同多開
- 260.「抖音」協議/條款-清晰且明確的視覺提醒
- 261.「支付寶」版本更新提示-引導用戶第一時間體驗新版本
- 262.「愛奇藝」“奇觀”-演員/歌曲信息快速識別
- 263.「站酷」搖一搖-關閉還是啟用 自己決定
- 264.「抖音/快手」為什么Tab欄沒有搭配圖標？
- 265.「keep」動作提醒-提高線上健身的效率和質量
- 266.「微信」限時狀態-結合當下屬性打造特殊基因
- 267.「全民K歌」喚醒搜索-無處不在的交互手勢
- 268.「優酷HD」iPad端看片-“隔空操作”帶你玩轉黑科技
- 269.「淘寶」一鍵清除未讀消息，避免重復操作
- 270.「網易云音樂」取消截屏分享-根據場景給予適當的提示
256.「流利說·英語」慢速播放-降低發音學習難度
1. 產品體驗
在使用流利說·英語跟讀的過程中，如果需要重復收聽，點擊機底部的“小喇叭”圖標即可，當第二次（包括以后）點擊該圖標時，會彈出圖標選項，“小喇叭”為正常語速播放，“蝸?！睘槁俨シ?。
2. 設計思考
曾有人口出狂言“英語將來是世界語言”，對于這句話，或許我們可以直接否定，但不可置疑的是英語目前是全世界使用最多的語言。除此之外，不管是為了自身的提高、還是工作需要，英語都有一定的用處。
于是，很多進入職場的年輕人加入了自學英語大軍，接下來就要面對單詞記不住、發音不準、語法不會等難點。
作為三大難點之一“發音”的問題，很多人都從這里開始放棄學英語。眾所周知，自學英語的首要步驟就是聽，然后多練習，但如果聽都聽不懂、練從何說起呢？
流利說·英語為更好地幫助用戶提高發音的準確性，當用戶出現第二次重復收聽單詞或句子時，自動彈出慢速（“蝸?！眻D標）播放選項供用戶選擇，讓語音播放達到更清晰的效果，通過行為預判解決用戶發音不準的問題。
通常，用戶在重復聽第一次，可以理解為沒聽清或其他因素導致的干擾，當存在多次重復收聽時，最大的可能性為用戶沒聽懂發音，則需要通過多次重聽提高記憶，這時系統彈出慢速播放讓用戶選擇并使用，方便通過慢放聽得更清晰，幫助用戶更快學習發音的標準，降低自學英語的難度，提高用戶的忠誠度。
257.「微信」應用-最有效的消息回復
1. 產品體驗
在微信對話框，長按其中一條消息，選擇彈窗中的“引用”后，可對消息做針對性的編輯/回復，被引用的消息會顯示在氣泡下方，點擊進入引用的消息詳情。
2. 設計思考
我們在聊天過程中，不管是對個人還是群聊，有較多的問題需自己回復時，當消息發出后，因對方很難判是針對哪個問題的回復而帶來理解上的困難，嚴重情況還會造成誤會、鬧笑話，所以需要過多的編輯文本內容或反復回答來避免尷尬及不必要的麻煩。
在微信對話框中，可以通過長按小程序、圖片、文件、文字等一系列內容進行引用，將消息編輯發出后，被引用的消息會顯示在該條消息下方，讓對方一眼就能看出消息的針對性。微信交流通過快速引用話題，避免唐突，有效減少重復解釋和文本內容的編輯量，解決消息混亂、前言不搭后語的問題。
258.「抖音」抖一抖-匹配即將“擦肩而過”的人
1. 產品體驗
在抖音的任何頁面晃動手機，頂部會彈出抖一抖入口，進入該頁面后，身邊有同時抖一抖的人將會出現在這里。
2. 設計思考
兩年前，張一鳴、王欣和羅永浩幾乎同一時間上線多閃、馬桶MT、聊天寶，企圖在社交行業分一杯羹，微信簡單的“禁止分享”就將這些挑戰者扼殺在搖籃中。搖一搖，非常熟悉的一個詞，作為一個陌生交友神奇的功能，但凡想將手伸入社交領域的產品，都會用將搖一搖作為社交延伸的一個分支。
細心的用戶肯定也發現了抖音現在也有了“抖一抖”功能，跟微信的搖一搖有些相似，用戶可在任何頁面搖一搖，頂部將彈出“抖一抖”功能入口，進入后，如果身邊的人也在使用“抖一抖”，將會現在在列表。
與微信“搖一搖”不同的是，“抖一抖”只會匹配到身邊的人?！岸兑欢丁辈粌H能多維度的滿足用戶陌生交友，促成相互之間的連接，還有助于進一步拓展產品的社交范圍，為用戶打造具有更強的互動性、新鮮感的短視頻社交平臺。
（PS：開啟私密賬號、未授權定位的用戶，無法正常使用該功能。）
259.「微信」切換賬號-一鍵登錄 等同多開
1. 產品體驗
從微信的設置中進入切換賬號頁面，可在列表中添加多個賬號，在后續的登錄中無需輸入信息，一鍵切換登錄。
2. 設計思考
微信是必備的交流工具，在現實生活中，我們可能存在多個微信號，家人朋友一個、工作團隊一個、銷售副業一個……最煩惱的就是切換賬號時，每次要輸入賬號密碼，即便手機自動記憶信息，也不方便，準備兩個手機不僅要多花一份錢、不方便攜帶，還可能要承受其他人異樣的眼神。
在微信設置-切換賬號功能中，可添加多個微信賬號，后續有切換需求時，選擇對應的賬號一鍵切換登錄，雖然不是真正的多開，但接近于多開了，非常方便。
一鍵切換幫用戶節省了大量的時間成本，減少不必要的煩惱及多余操作，讓產品變的更容易使用，也間接增加了用戶使用粘性。
（PS：一鍵切換登錄功能雖然出現的很早，除了少數不允許多賬號的應用之外，還有很大一部分應用并沒有上線此功能，如能提供，定能提一部分用戶體驗。）
260.「抖音」協議/條款-清晰且明確的視覺提醒
1. 產品體驗
在抖音登錄頁面，使用本機號碼一鍵登錄時，按鈕的文案為“同意協議并一鍵登錄”，強化用戶對“登錄即表示同意服務/協議”的認知。
2. 設計思考
每個應用的登錄頁都有用戶服務協議/條款，這也是為了避免后續在使用中產生疑惑。
但是，用戶在登錄時絕大多數都不會點開協議去查看，浪費時間不說，而且對于長篇大論的文本內容，實在沒有看下去的欲望，以至于后來，很多產品會默認勾選、幫助用戶去同意服務協議，非常不合理，準確的說算違法了。
鑒于此，部分應用又將文案改為“登錄即表示同意xx協議”的弱化文字提醒，當用在使用過程中出現問題后，依然會說文字太小、太弱存在誤導登錄等行為，導致發生不必要的糾紛。
抖音的登錄頁面，將同意協議文案融入登錄按鈕中，用強化視覺的方式“同意協議并一鍵登錄”加深用戶已經同意的認知，非常清晰明確的文案提醒在提升用戶印象的同時，方便存在疑問或警惕心理的情況下去仔細閱讀服務協議。相比之前視覺較弱的純文字提醒，能有效降低被用戶忽略的幾率，避免用戶后續發使用過程中，因情況不明而帶來不必要的麻煩。
261.「支付寶」版本更新提示-引導用戶第一時間體驗新版本
1. 產品體驗
支付寶在新版本上線后，首頁會在重要位置給予提示，點擊可快速跳轉到市場更新頁面。在應用市場的更新記錄的最后內容中，也會引導用戶在設備中開啟自動更新的設置方法，時刻促使用戶保持使用最新的版本。
2. 設計思考
任何一個APP在發布新版本時，都是為提升用戶及公司價值而為之，可能是提升用戶使用體驗、bug修復、糾錯挽回損失、提高公司收益等。
在這個競爭激烈的環境，即便冒著給用戶帶來負擔的風險，也不得不頻繁的更新迭代，但任何一個新版本，都只能在用戶更新并使用之后才能發揮產品的最大價值。
支付寶的新版本上線后，不管是APP首頁還是應用市場，都有明確的引導提示督促用戶更新，便于用戶隨時都能使用最新版本，給予享受最新、最好的服務及使用體驗，當用戶的更新頻率逐漸提高并變為積極時，方能體現出產品價值的最大化，也能間接提升企業的利益。
262.「愛奇藝」“奇觀”-演員/歌曲信息快速識別
1. 產品體驗
使用愛奇藝全屏觀看影片時，點擊左側第二個圖標“奇觀”，即可識別出正在播放的畫面演員姓名及背景音樂。
2. 設計思考
當我們在影片中看到自己喜歡的角色或插曲時，卻不知演員姓名、歌曲名字，一股腦地打開百度搜索，會找到大量的相關信息，這足以說明當相同的需求、問題較多時，搜出的結果就就越多，但這并不排除搜索出的結果跟真實信息會有一定的偏差，不知過去了多久，自以為了解演員的影迷們還被蒙在鼓里。
使用愛奇藝看片，如果看到自己喜歡的角色或聽到喜歡歌曲卻不知道名稱時，在橫屏狀態下點擊屏幕左側的“奇觀”圖標，即可快速識別并將結果從右側彈出，以列表的方式展示出來，點擊還能查看演員、歌曲詳情。
感興趣的演員資料一鍵識別、好聽的背景音樂一鍵識別、不懂的臺詞知識一鍵識別……愛奇藝通過“奇觀”快速滿足用戶需求，無需借助第三方平臺搜尋相關信息，給用戶提供最便捷查詢途徑的同時，還利用識別技術的創新，為用戶打造出從內容觀看、信息識別到娛樂互動的一體化服務流程，進一步滿足用戶的個性化需求。
（PS：“奇觀”還可以識別出畫面中出現的物品，更能一鍵下單同款，其在內容創作、內容營銷、商業變現等多環節發揮巨大作用。相較于前者，演員/歌曲識別旨在滿足用戶需求、提示用戶體驗，而物品識別、一鍵下單則是利用前者帶來的好感進行內容營銷、商業變現。）
263.「站酷」搖一搖-關閉還是啟用 自己決定
1. 產品體驗
在站酷APP中搖一搖，會彈出意見反饋彈窗，為避免誤觸影響使用，還提供了“關閉搖一搖反饋”的快捷入口。
2. 設計思考
搖一搖，時不時會出現在各種應用里，但在現實使用過程中，除了用戶有對應需求主動發起的搖一搖手勢之外，其他情況下觸發、喚醒搖一搖反饋均會影響用戶正常使用，甚至是反感，即便有時候會告知用戶去關閉搖一搖的操作方法，但勢必會增加用戶的操作、學習成本。
站酷APP在檢測到用戶存在搖一搖行為時，除了給用戶提供主動發起的手勢“意見反饋”需求入口外，還提供了因失誤引發的被動偽需求，即“關閉搖一搖反饋”快捷操作，點擊即可關閉。
此入口能避免用戶在無搖一搖需求時觸發而影響正常使用，讓用戶自己選擇哪一種情況更符合，即便后續出現不利于自己的情況，也會因當初自己的選擇而不會有太大的抵觸心理。
264.「抖音/快手」為什么Tab欄沒有搭配圖標？
1. 產品體驗
進入抖音、快手APP后，眼尖的用戶就會發現底部Tab欄只有文字而沒有圖標，目的是通過弱化Tab欄、降低對用戶的吸引力，讓用戶更專注于視頻內容。
2. 設計思考
Tab Bar大多出現在應用底部，是一個囊括了多項可在屏幕之間隨時切換功能頁面的容器，90%以上都是圖標+文字的樣式，而且有很多設計師都會在Tab圖標上下功夫，通過差異化的樣式和不同的動效來吸引用戶的眼球，其重要性可想而知。
在短視頻火爆的今天，抖音/快手是數一數二的存在，絕大部分人的手機中必定安裝了兩大應用其中的一個，善于觀察細節的用戶會發現，這兩個APP的底部Tab欄都選用了純文字樣式，沒有圖標。
首先，抖音/快手有著龐大的用戶，且群體跨度非常大，使用純文字遵循簡單易用的原則，特別是老人、小孩這一類用戶，無需考慮圖標的辨識度及具體含義，能更直觀的地通過文字進行理解。
其次，眾所周知，圖像/圖形/圖片有著天然的比文字更具視覺吸引力，作為視頻類應用，需要打造沉浸感，沒有圖標的純文字Tab欄在視覺上對用戶的吸引力較小，能讓用戶連貫且自然將注意力集中視頻內容上。如果產品希望用戶更專注于內容本身，減弱標簽欄的視覺吸引力是一個不錯的設計思路。
（PS：說到用戶群體對圖標辨識度這一塊兒，必然有一些偏差。比如：當應用中出現放大鏡圖標時，大部分用戶的第一印象是搜索、查找，但在三、四線城市的老、幼用戶眼中，可能是平底鍋、波浪鼓、棒棒糖……）
265.「keep」動作提醒-提高線上健身的效率和質量
1. 產品體驗
使用keep健身，鍛煉每進行一部分，都會給予一定的休息時間來緩解身體壓力，同時會提示下一個鍛煉動作。
2. 設計思考
能堅持健身的人都很自律，這只是一個很淺顯的說法。其實大部分健身的用戶都有一個目標，減脂、增肌或塑形，這個目標才是自己健身堅持下去的動力。
基于很有人在經濟、時間因素的影響下選擇的線上應用健身，殊不知在跟著做的情況下，有很多動作不到位、不規范，從而引導各種不良的問題，不管你承不承認，健身的核心是更健康，其次才是去追求自己想要的效果。
使用keep應用在線健身，鍛煉每持續一段時間后，都會給一定的休息時間。
考慮到用戶休息時精神及身體機能都處于放松狀態，為避免休息結束后異常（對下一個動作出現的非常突然毫無準備，慌忙中隨便應付，導致鍛煉動作不規范；或者規范好動作后、本來就為數不多的鍛煉次數已經進行好幾個，最終鍛煉不到位）情況的發生，在頁面提供了下一個動作的預告，便于用戶在開始之前有足夠的準備快速完成下一個動作心理模擬，減少因毫無準備而出現的動作不規范或鍛煉不到位的情況發生，降低運動損傷的風險，提高線上健身的效率和質量。
266.「微信」限時狀態-結合當下屬性打造特殊基因
1. 產品體驗
在微信狀態選項中，限時狀態的選項會根據當下熱點或特殊的日子/節日限時提供，當時間一到會自動消失。
2. 設計思考
微信狀態上線時，龍哥對這個功能的思考是：認為社交的本質是找到同類，而“狀態”是給人看到的，最好還是同類人看到。
但很多用戶吐槽設置后只有24內有效，且很難被人發現，其實真實情況并非如此，如果你想長期有效且好友都能看到，發個朋友圈不就解決了么？
首先，狀態功能相對低調，再也不用擔心像朋友圈那樣被別人以為是在炫耀、博眼球，不必利用分組來對朋友設置查看權限，因為只有真正關心我的人才會點進來看到我的名片；其次，24小時的限制也會減少我們對于表達自己狀態的壓力，由“死”變“活”，今天的傷心明天就不見了。
經常使用狀態功能的用戶會發現，選項中有一欄為限時狀態，它主要是由系統在重大節日或特殊日期范圍內提供、結合當前日期屬性所設計的狀態并限時提供，比如奧運會期間有喝彩、看比賽，用戶可在有效時間范圍內設置自己的狀態。
微信限時狀態根據日期打造特殊基因，不僅能提高用戶之間的互動性，也有利于表達自己當前的想法，另一方面也通過應時應景的小心思展現了產品有趣的靈魂。
（PS：設置狀態后的有效時間、狀態選項中的限時，二者一定要區分開來，前者為設置好狀態后24小時內有效，后者是系統提供在一定時間內可供我們選擇的狀態。）
267.「全民K歌」喚醒搜索-無處不在的交互手勢
1. 產品體驗
在全民K歌APP中，長按底部標簽欄中間的“話筒”圖標，即可在不切換頁面的情況下快速喚醒語音搜索彈窗。
2. 設計思考
搜索是應用中一個非常重要的模塊，最為常見的位置是在應用的首頁、主功能頁和列表頁，它能方便用戶快速查找內容，這也讓很多團隊都在想辦法在不影響用戶使用的情況下以最大程度擴展搜索功能的原因。一個良好的搜索功能體驗所具備的首要條件就是“使用前-便捷的搜索入口”。
全民K歌應用除了在部分頁面頂部有正常的功能搜索入口外，還在Tab欄中間的功能圖標上提供了長按快速喚醒語音搜索的交互手勢。
在不跳轉頁面的情況下彈出語音搜索，一改以往必須要從搜索入口進入的路徑，方便用戶在必要的情況下，通過Tab欄5大功能的任何一個主頁面隨時通過交互手勢喚醒搜索功能，減少了頁面之間的跳轉，提高用戶的操作效率。
268.「優酷HD」iPad端看片-“隔空操作”帶你玩轉黑科技
1. 產品體驗
在iPad端用優酷HD看片時，可通過“隔空“”交互手勢，在保持一定距離的情況下完成播放/暫停、快進/快退、全屏/半屏切換操作。
2. 設計思考
對于喜歡追劇的小伙伴來說，iPad設備無疑是最好的選擇，屏幕大、視野寬、看著爽，無論是在蹲坑、洗衣服、做飯、織毛衣都不影響，堪稱移動版的“電視機”。
使用iPad不僅方便，同時也說明可能不需要經常操作設備，意味著解放出雙手可以去做更多其他的事情，但影片的內容跌宏起伏且不可控，當我們偶爾需要再次操作設備時，即便不方便（洗衣服滿手是水、切肉滿手是油）也得放下手頭上的事情走近設備操作，無疑增加了操作成本。
使用優酷APP在iPad端看片，則無需這么麻煩，只需掌握基本的手勢，便可保持一定的距離“隔空”進行播放/暫停（OK手勢）、全屏/半屏切換（手掌）、快進/快退（大拇指朝向左/右）基本的常規操作，用戶在不方面觸控的情況使用非常方便，堪稱黑科技。
“隔空”交互手勢滿足了用戶在多場景下使用優酷看片的基本操作需求，能有效降低操作成本，為提升用戶體驗帶來了價值。
（PS：“隔空”交互手勢操作對設備有一定的要求，另外需要開啟允許訪問攝像頭權限。）
269.「淘寶」一鍵清除未讀消息，避免重復操作
1. 產品體驗
在淘寶消息頁面的左上角，點擊清除未讀，即可一鍵清除所有未讀消息的小紅點，消息列表瞬間安靜。
2. 設計思考
在很多電商APP中的消息列表，經常接收到各種對自己毫無用處的商家推送信息，這些未讀消息的小紅點，猶如任務懸而未決，想讓其消失純屬人之常情。
對于強迫癥用戶，不去主動消除未讀狀態，相當于在接納不完美，看著十分難受，如果一條一條地點開，像淘寶、美團這種一天就可能幾十上百條信息保證你點到懷疑人生。
淘寶APP消息列表的左上角，提供了清除未讀消息操作，點擊后可一鍵清除所有消息小紅點，讓那些無關緊要、毫無用處的消息瞬間變為已讀，對強迫癥患者來說簡直就是福星，解決了因消息太多、單個清除太慢的痛點，避免了很多不必要的重復操作。
270.「網易云音樂」取消截屏分享-根據場景給予適當的提示
1. 產品體驗
在網易云音樂APP存在截屏行為時，系統會自動彈出分享渠道以便于用戶即時分享，但并非每一次截屏都有分享的想法，當分享彈窗關閉次數每累計3次時，會從頂部向下彈窗在設置中取消截屏分享的toast提示。
2. 設計思考
我們在應用中看到感興趣事務/事件時，會忍不住截屏分享給好友或發個朋友圈，大部分應用也正是考慮到用戶有這一行為動機，所以當檢測到有截屏行為時，會自動彈出分享渠道給用戶提供最快捷的操作，若細分場景，有時候截屏純屬留作紀念，并非打算分享，這時候出現的彈窗就會是干擾的存在，成為用戶的負擔。
在網易云音樂截屏彈出分享渠道時，手動關閉分享彈窗累計每達到3次為一個周期，會從頂部彈出可在設置中關閉的toast提示，通過特定的截圖次數周期變化給予額外的提醒，引導用戶進入設置中關閉截圖分享，有效避免每次截屏后都出現彈窗給用戶帶來的干擾。
結語
設計師需要養成體驗產品的好習慣并將優秀的產品細節記錄下來，加強自己的記憶，不僅能提升自己的語言組織和總結能力，也為日后輸出優秀的作品當鋪墊，對自己的能力提升以及未來的職業發展帶來便利。
本期產品設計細節分享結束，我們下期再見。
#專欄作家#
大漠飛鷹；公眾號：能量眼球，人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘，利用設計的手段為受眾用戶帶來更好的體驗，即好看、好用。
本文原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自?Unsplash，基于 CC0 協議
寫的非常好，很細節
堅持著做?。『馨?，雖然我能找到有些APP的功能亮點，但就是表達不好。很喜歡你這個系列，堅持著更新啊。
感謝支持，繼續努力