編輯導語：産品最終服務于用戶，這就要求設計師了解用戶的需求、偏好與行為習慣等，進而才能更合理地設計出符合用戶期待值的産品。而對現有産品的剖析可以讓我們有所學并有所思。本篇文章裡，作者針對一些大廠産品的設計細節進行了分析和思考，一起來看一下。

前言

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

曾有人口出狂言“英語将來是世界語言”，對于這句話，或許我們可以直接否定，但不可置疑的是英語目前是全世界使用最多的語言。除此之外，不管是為了自身的提高、還是工作需要，英語都有一定的用處。

于是，很多進入職場的年輕人加入了自學英語大軍，接下來就要面對單詞記不住、發音不準、語法不會等難點。

作為三大難點之一“發音”的問題，很多人都從這裡開始放棄學英語。衆所周知，自學英語的首要步驟就是聽，然後多練習，但如果聽都聽不懂、練從何說起呢？

流利說·英語為更好地幫助用戶提高發音的準确性，當用戶出現第二次重複收聽單詞或句子時，自動彈出慢速（“蝸牛”圖标）播放選項供用戶選擇，讓語音播放達到更清晰的效果，通過行為預判解決用戶發音不準的問題。

通常，用戶在重複聽第一次，可以理解為沒聽清或其他因素導緻的幹擾，當存在多次重複收聽時，最大的可能性為用戶沒聽懂發音，則需要通過多次重聽提高記憶，這時系統彈出慢速播放讓用戶選擇并使用，方便通過慢放聽得更清晰，幫助用戶更快學習發音的标準，降低自學英語的難度，提高用戶的忠誠度。

257.「微信」應用-最有效的消息回複

1. 産品體驗

在微信對話框，長按其中一條消息，選擇彈窗中的“引用”後，可對消息做針對性的編輯/回複，被引用的消息會顯示在氣泡下方，點擊進入引用的消息詳情。

2. 設計思考

我們在聊天過程中，不管是對個人還是群聊，有較多的問題需自己回複時，當消息發出後，因對方很難判是針對哪個問題的回複而帶來理解上的困難，嚴重情況還會造成誤會、鬧笑話，所以需要過多的編輯文本内容或反複回答來避免尴尬及不必要的麻煩。

在微信對話框中，可以通過長按小程序、圖片、文件、文字等一系列内容進行引用，将消息編輯發出後，被引用的消息會顯示在該條消息下方，讓對方一眼就能看出消息的針對性。微信交流通過快速引用話題，避免唐突，有效減少重複解釋和文本内容的編輯量，解決消息混亂、前言不搭後語的問題。

258.「抖音」抖一抖-匹配即将“擦肩而過”的人

1. 産品體驗

在抖音的任何頁面晃動手機，頂部會彈出抖一抖入口，進入該頁面後，身邊有同時抖一抖的人将會出現在這裡。

2. 設計思考

兩年前，張一鳴、王欣和羅永浩幾乎同一時間上線多閃、馬桶MT、聊天寶，企圖在社交行業分一杯羹，微信簡單的“禁止分享”就将這些挑戰者扼殺在搖籃中。搖一搖，非常熟悉的一個詞，作為一個陌生交友神奇的功能，但凡想将手伸入社交領域的産品，都會用将搖一搖作為社交延伸的一個分支。

細心的用戶肯定也發現了抖音現在也有了“抖一抖”功能，跟微信的搖一搖有些相似，用戶可在任何頁面搖一搖，頂部将彈出“抖一抖”功能入口，進入後，如果身邊的人也在使用“抖一抖”，将會現在在列表。

與微信“搖一搖”不同的是，“抖一抖”隻會匹配到身邊的人。“抖一抖”不僅能多維度的滿足用戶陌生交友，促成相互之間的連接，還有助于進一步拓展産品的社交範圍，為用戶打造具有更強的互動性、新鮮感的短視頻社交平台。

（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 協議

,

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

查看全部