產品設計細節，提升使用者體驗就差這一點！（2021-12）

產品始於需求、立於價值、久於體驗，良好的使用者體驗是網際網路產品立於之根本，也是UI設計師、互動設計師所追求的目標之一，需要在使用者目標不清晰以及對應用不理解的情況下，利用設計手段合理、合適的跟使用者對話，並解決使用者的需求，完成應用該有的使命。

至於如何引導、如何設計，大部分往往都是通過產品的細節達到目的。

166.「蜻蜓FM」0元VIP周卡-免費只為收更多的費

1. 產品體驗

新使用者進入蜻蜓FM會員頁面，通過上方醒目的￥0元開通超級會員以及套餐列表中的0元周卡吸引使用者立即開通，走完正常的支付（0元）流程後，即可享受一週的會員服務。會員到期後，系統會按照月卡標準自動扣費。

2. 設計思考

VIP增值服務是一個應用產生盈利的重要板塊，部分產品甚至把所有的收入來源都聚焦在這裡。如何讓使用者產生花錢購買增值服務的動機是需要慎重思考的，一不小心、可能因為門檻的原因把使用者拒之門外，使用者可能永遠都不再回來了，所以除了有物超所值服務和特權之外，還得有合理的手段，畢竟到了花錢的階段，誰都不傻。

不管用哪種方式引導使用者購買增值服務，使用者都會花一定的時間思考所提供的服務是否跟對應的價值成正比、是否還有別的優惠、其他同等產品會不會更好等情況，這時的心理防線最為脆弱，或許一點點正面或負面的資訊出現，都可能讓使用者立即做出兩種完全相反的決策。

蜻蜓FM在會員套餐中增加了0元周卡，走完付費（無需付費）流程後，便可享受VIP所有特權和服務，這種做法明顯是利用使用者損失厭惡的心理來促進轉化。

使用者購買之前，頁面上方醒目的「￥0」足夠引起使用者的注意，同時套餐中的0元周卡會讓大部分使用者毫不猶豫的去開通VIP，畢竟「白嫖」誰不喜歡？就算在使用之後有部分不滿意，自己也毫無損失，也是基於大眾使用者心理：免費的東西拿了是應該的，不拿就是自己的損失，比如那個…砍一刀0元帶走…什麼的就這麼個套路。

使用者購買之後，在一星期之內可享受所有特權和服務，如果有心的話，就有足夠的時間來了解所有增值服務內容，減少周卡到期後用戶續費的決策時間和心理防備，因之前開通周卡時已走完支付流程，使用者只要在自己心裡「點頭」就能無需任何操作進行接下來的自動續費，有效避免使用者在真實的續費操作過程中打「退堂鼓」。

另外使用者在使用VIP服務一段時間後，對於突如其來的中斷會很厭惡、煩惱，讓其有一種取消就會損失很嚴重的「錯覺」，促使使用者繼續使用，以此提高轉化。

（PS：暗雷，因之前在免費開通周卡服務時，同時也開通了自動按月付費流程，會有小部分使用者忘記取消或在到期後取消，系統都會正常扣費，這一個月你是註定要熬的……）

167.「網易雲音樂」卡帶模式-永遠的經典

1. 產品體驗

網易雲音樂的歌曲播放頁面，在延展功能選單中，點選切換卡帶模式，即可變成橫屏復古的磁帶效果。

2. 設計思考

有人說「情歌還是老的好」，雖然隨時都有新歌出現，但每個愛好音樂的人都有著自己的執著。

音樂不僅是娛樂、愛好和態度，更是一種情懷，許多80、90後都會有那麼幾首最愛的老歌，也會視為永遠的經典，比如去KTV的時候，開始一定不是新歌，而是唱自己最拿手那一首。經典、情懷、念舊是一部分人揮之不去的回憶。

在網易雲音樂播放頁面的延展功能中切換卡帶模式，橫屏磁帶出現的那一剎那，彷彿時光倒流，滿滿的回憶殺，這也是繼「屍骨未寒」的蝦米音樂離開之後，復古的磁帶效果再一次出現，經典的力量體現著部分人對音樂的態度，通過突出的復古磁帶效果，給使用者帶來美好的回憶，能讓產品獲得更多的認可與信任。

168.「淘寶」新增地址-簡單的互動讓操作更高效

1. 產品體驗

在淘寶新增收貨地址，點選收貨人輸入框時，會自動彈出姓名+電話歷史記錄，點選可自動錄入對應的輸入框。

2. 設計思考

關於收貨地址，想必使用者和設計師們是無比熟悉了，它是使用者下單成功之前必須要完善的功能，通常一個使用者有三五個收貨地址再正常不過，有必要的話，還會修改現有的地址或新增地址。

新增地址時，需要輸入姓名、電話、地址等一套常規資訊錄入流程，看來似乎沒有什麼不妥，但本著提供更好的使用體驗為目的，設計師們可以從行為預判、操作效率、狀態認知等多方面進行分析，必定能設計出更為便捷新增地址流程。

在淘寶新增地址時，點選姓名輸入框，會自動彈出姓名+電話的歷史記錄，以便使用者通過選擇快速完成資訊的輸入，對於需要在家、公司或租房處新增地址的使用者，免去了部分資訊的重複輸入，節省時間成本。

給使用者新增一個簡單的互動，就可以減少時間和不必要的重複步驟，讓操作流程變的更高效，以此增加產品的易用性。

169.「網易蝸牛讀書」免費時長-解決使用者所顧慮的「缺斤少兩」

1. 產品體驗

使用網易蝸牛讀書，每日有60分鐘的免費閱讀時間，在閱讀過程中，如果檢視/參與話題、評論，此階段是不計入閱讀時間的，待回到正常閱讀狀態後再次接著計時。

2. 設計思考

眾所周知，免費的東西不拿白不拿，合理的「白嫖」從來都沒覺得不體面，畢竟在網路發達的時代，總是有層出不窮的套路身不由己，能省就省吧。雖然很多使用者都會不經思索的大肆揮霍著免費得到的東西，但終會有部分人格外珍惜，有意去避免任何不必要的浪費。

網易蝸牛讀書為使用者每天提供60分鐘的免費閱讀時間，但大家都知道，看書不是隻為看書，而是要記住書中的知識或奇聞趣事，期間就免不了在評論發表自己的看法、瞭解別人的意見等，做閱讀之外的事情，其中必定會花費不少時間，那麼60分鐘的免費閱讀時間就會大打折扣。

產品團隊似乎早就看破了使用者的這層顧慮，在閱讀過程中如有出現評論、參與話題、檢視註釋等操作，則計時停止，待再次閱讀書本內容時接著計時，使用者絲毫不必擔心閱讀過程中的「小插曲」會佔用免費閱讀時間，這一貼心的產品細節可謂是十分友好，非常貼心且人性化。

170.「iPhone」關機-操作流程為什麼這麼繁瑣？

1. 產品體驗

iPhone的關機操作需要同時按下音量＋鍵和電源鍵，觸發區域置於裝置的最頂部且通過長距離的滑動才能完成關機操作，需花費更多的時間，及較高的操作難度。

2. 設計思考

人言「iPhone的設計是魔鬼」，這句話一點都不假。之前在網上看到一個帖子，iPhone X釋出的當天，一位女士購買後恰好趕上出差，起飛前，空姐對女士說：飛機就要起飛了，請關閉電子裝置。

女士拿著新買的iPhone X無奈地說了一句：我不會關機，你幫我關一下吧。空姐接過來手機擺弄了半天，最後無奈地說了一句：我也不會，要不開飛航模式吧…試想大部分的安卓手機一個電源鍵就能搞定，那麼把號稱最易用的iPhone改成這樣，良心不會痛嗎？可事實並非如此。

早前的手機，不管是取下電池充電、手機卡頓，還是裝卸SIM、記憶體卡，第一件事是關機，關機鍵還屬於較為頻繁的操作，只需長按電源鍵即可，偶爾還會因為誤操作或放在口袋擠壓的緣故關機了。

而如今智慧時代下，手機在一個月都不關機的情況也是存在的，隨著操作頻率的降低，其重要性、權重也會隨之下降。

iPhone將關機的操作難度加大，其首要作用就是避免誤操作，試想，在我們的日常生活中使用手機時，一個特別不常用的功能沒必要做的那麼方便、且還有可能因意外情況導致失誤關機，在增加關機難度之後，無論怎樣的失誤都很難同時長按音量鍵和電源鍵並滑動關機，大大降低了失誤關機的可能性；其次，因iOS系統的流暢性，很少因為卡頓進行開關機操作（個別除外），除此之外，好像沒有特別的原因去觸發。

關機意味著會結束所有應用程序、無法進行任何通訊，也在風險操作之列，另外長按音量+鍵、以及在離手指最遠、最不易操作的位置（與費茨定律相反）進行關機，則延長了操作時間，給予使用者足夠的時間思考是否確定進行下一步決策，若中途反悔，停止操作即可，不至於因操作太快而等待再次開機。

（PS：並非個人吹捧iPhone，因為站在設計師的角度，有一個不可否認常態：大部分中小型公司，只需按照ISO規範設計一套UI，即可適配iOS、Android所有機型；大部分中大型公司，在你入職之前已經備好了一臺Mac…）

171.「嗶哩嗶哩」一鍵三連-一次性「釋放」到底

1. 產品體驗

在嗶哩嗶哩視訊播放頁長按點贊，即可自動完成點贊、投幣、收藏三種操作，也被稱為B站的「一鍵三連」。

2. 設計思考

B站因其與眾不同特點，成為了國內領先的年輕人文化社群，比如：除版權方要求外，任何視訊都無廣告，達到秒開；每個人都能找到自己想要的東西；內部氛圍和諧，使用者集中在中高等教育人群；嚴格稽核，UP小管家監管等，平時沒事就泡在B站，沉積在自己的世界，當看到自己喜歡的東西，點贊、投幣、收藏、轉發功能就成了極高頻率的操作。

B站為了更方便使用者操作，上線了「一鍵三連」，即長按點贊可同時完成點贊、投幣、收藏，簡化了原本操作3次的步驟，一定程度上也提高了使用者打賞的機率。

另外一個視訊得到的三連越多，代表越多人喜歡這個視訊以及奉獻自己的金幣，也會值得後來者推薦給更多的朋友，準確的說，平臺也是為了造就更高質量（有水分）的視訊來留著自己的使用者以及吸引更多的新使用者使用的手段。

（PS：一鍵三連也一度被稱為「素質三連」，如果使用者對該視訊較喜歡，單獨操作三次會增加操作成本，完成度則會大打折扣，一鍵三連則會簡單很多，反正喜歡，何不一次性「釋放」到底？其中不乏一些感情用事、為了純粹好玩的使用者會跟風一鍵三連，流氓行為……）

172.「釘釘」搜尋-便捷的「萬能入口」

1. 產品體驗

在釘釘的搜尋功能中，輸入關鍵詞，即可檢視與該關鍵相關的所有功能/內容，如聯絡人、群組、聊天記錄…等一系列相關資訊，並做了明確的標籤分類。

2. 設計思考

釘釘常用於我們的工作中，它將我們在工作中需要使用的功能轉移到線上並集合於一體，比如溝通交流、檔案傳送、上/下班打卡、工資條、各種審批等，帶來了極大的方便，但也因隨著功能越來越多，造成資訊量過大、路徑較深的情況，導致尋找某個功能或與某使用者相關的資訊需要花費較多的時間。

釘釘將搜尋功能的範圍放大至全局，小到搜尋功能入口、大到搜尋跟使用者相關的所資訊，將想要內容通過搜尋隨時盡收眼底，可稱得上是「萬能入口」了，省時且高效，解決了使用者因尋找功能入口、使用者資訊要花費較大時間成本的苦惱問題，縮短操作路徑，給使用者帶來更便捷的使用體驗。

173.「豆瓣」實驗室-為功能正式上線提供先驅

1. 產品體驗

在豆瓣APP部分未上線的功能會優先發布在系統設定的實驗室中，以便使用者提前體驗及反饋建議，團隊會採納合理的建議進行優化，待功能正式上線後，會在實驗室對該功能貼上「已畢業」的標籤並停止使用。

2. 設計思考

網際網路智慧時代，每個人的手機中都應該裝有三五十個APP，大半都是一線網際網路公司所開發的應用。

在使用過程中，每個禮拜更新數十個應用也不稀奇，其中不乏有迭代、優化、新功能以及解決遺留問題，甚至還有上線不到一天的功能又通過強制更新給砍掉了，其中的彎彎繞繞是產品團隊不想看到的，但使用者的不買賬不得不重新審視。

在豆瓣APP的實驗室，部分未正式上線的功能在這裡展示，使用者可從此處進入優先體驗，如遇到使用中的問題或有好的想法可進行反饋建議，便於產品團隊蒐集體驗資料，合理的進行優化，有效提升正式上線後的使用者體驗，減少突發問題的發生，為功能上線後的穩定性提供有力的保障。待功能正式上線後，此入口也隨之關閉。

174.「ETC車寶」開啟系統通知-時刻在引起你的注意

1. 產品體驗

首次進入ETC車寶，如果沒有開啟系統通知，後續進入訊息頁面後，開啟系統通知提示將長期置於訊息頁面頂部，關閉提示後暫時不顯示，若結束應用程序之後，再次進入訊息頁面會再次置頂提示。

2. 設計思考

我們在下載APP後，首次進入都會收到一堆彈窗，比如訪問網路、位置、開啟通知等許可權。使用者是否會開通系統通知，一般只會把需求較為明確的應用開啟，例如QQ、微信、手機銀行及釘釘等常用或重量級的APP，其他的都是視情況而定，因為開啟一堆通知，手機滴滴響個不停也是挺煩人的。

是否開啟通知許可權，自由選擇是使用者該有的權利，所以產品只能在影響最小的情況下時刻提醒使用者、並提供快捷通道促使使用者主動開啟。

進入ETC車寶，如果未開啟系統通知，訊息頁面會有開啟通知的提示長期置於內容頂部，如若手動關閉，下次進入還會顯示，直至開啟為止。這麼做表面上會影響用體驗，甚至會造成小部分使用者流失，但站在產品、運營、業務的角度，想提高使用者的使用頻率、讓使用者第一時間知道活動/上新等，最簡單的辦法就是推送，如果某個東西能吸引到使用者，推送出去，使用者只要開啟就達到目的了。

有很多時候可能沒有兩全其美的辦法，只能通過分析平衡利弊，合理的做出取捨，長期置頂的開啟通知提示便是利弊均沾。

175.「高德地圖」打車-一方下單 八方支援

1. 產品體驗

使用高德打車，設定好起點/終點，可同時在多個平臺叫車和選擇多種車型，最終以優先搶單的平臺、車型為準。

2. 設計思考

在打車生涯中，給我印象最深的一次是兩年前的深圳火車站，晚上11左右還下著小雨，用滴滴打車下單準備回住處，等了40多分鐘無司機接單，且沒有計程車經過，最後坐了一輛私家車才得以解決。

時至今日，雖然有幾十家打車平臺誕生，但誰也不敢保證使用其中一個平臺能在任何時間叫到車，偶爾使用兩三個打車平臺同時下單也不稀奇，一旦需要趕時間，在等待的過程中真的是煎熬，甚至連部分優惠券也變的無用。

高德打車提供了一個很具特色的一站式出行服務，平臺接入了十幾個當下較為主流的打車平臺，方便給使用者多個選擇，相比其他平臺不同的是，高德無需招攬管理車輛和司機，而是讓其他平臺進駐，就像開了一個「賣家店鋪」，活生生整出一個打車版的天貓、餓了麼。

對使用者來說，通過一次下單，既能做到貨比三家，還能更快叫到車輛以及共享優惠，相比以前手機同時安裝多個APP、叫不到車時多方下單要方便多了，萬一同時被多方接單，取消任何一方都有可能承擔違約責任。高德打車能有效防止單個平臺很難打到車的情況，解決了使用者在打車過程中一個很實際的痛點，為潛在的不良體驗提供了不錯的解決方案。

用其他平臺打車需要排隊，前面還有幾十人的時候…趕時間去火車站、機場的時候…接人可能會遲到的時候…三更半夜，很難打到車的時候…不妨使用高德打車，一次性勾選幾十個網約車平臺和多種車型，可能瞬間就有司機接單了。

176.「蜻蜓FM」聯合會員-產品組合策略製造物超所值的錯覺

1. 產品體驗

在蜻蜓FM的超級會員頁面，除了有常規的會員套餐外，還可以選擇系統提供的聯合會員，支付成功後，實現VIP多應用使用。

2. 設計思考

一說起付費，大部分人都避而遠之，沒有誰會跟自己的錢過不去，除非是剛需或者有足夠吸引使用者的特權服務。對於一款真正好的產品，付費理所當然，但實在有太多的產品並不值得為之付費，這也給消費者一種感覺，在眾多付費應用中，真正好用的並不過半。如何讓使用者付費購買增值服務或心甘情願的續費變成了企業很頭痛的問題。

蜻蜓FM在會員功能中開闢了聯合會員版塊，與多個不同的平臺組合，讓使用者花一份錢即可享受多個應用的VIP服務，一會員多用，相比開通單個VIP更具誘惑力，通過多應用疊加的方式讓使用者感受到與眾不同，以明確的價值告知以達到吸引使用者、引導使用者感性消費為目的，製造出物超所值的錯覺。

177.「每日優鮮」確認下單-換購優惠促使更多轉化

1. 產品體驗

在每日優鮮選好商品後，去結算時，會彈出部分換購商品，其價格都會在原價之上給予一定的折扣優惠，一鍵加購之後即可合併支付。

2. 設計思考

對於電商產品的促銷手段，都已經見怪不怪了，所謂的一元購、免費送、第二件半價等，不管使用何種手段，其都需要讓消費者清楚這個產品的價值所在，看誰能抓住使用者的心理，否則在公開透明的套路之下，使用者並不買賬。

每日優鮮在使用者去結算時，自動彈出部分換購商品，其在原價之上都有一定的價格優惠，其目的是讓使用者明白只有購買了主產品才能享受這個特權的錯覺，那麼使用者可能就會考慮是否要珍惜這次機會，如碰到後續可能想買的商品，這時一定會加強其加購慾望，促使下單轉化，大家都清楚，使用者一旦離開，很可能轉投其他平臺。

從人性角度來看，使用者對於免費的東西不會太在意，不要白不要，如果用不上，要了再扔掉也是有可能，回頭來可能還會給差評。

花了錢的東西才知道珍惜，換購優惠本是在消費行為中發生的，因使用者的主要消費行為已經定局，接下來的換購是針對之前的消費行為的一個獎勵，是福利機會，換購的優惠往往會給使用者製造出意外驚喜，這樣一來會對這一次消費的滿意度更高，那麼復購率自然會隨之提升。

178.「豌豆公主」加入購物車-貼合操作需求邏輯的動效

1. 產品體驗

在豌豆公主的商品詳情頁，加入購物車時，設計了商品主圖跳入購物車的動效，非常清晰的視覺反饋。

2. 設計思考

動效在UI設計中的運用已經逐步熟練，有時候看似花哨的UI概念動效，並不只是為了耍酷而存在，在靜態頁面合理的加上一個動效，能增強產品的趣味性和親和力。在購物類型的APP中，加入購物車通常會用文字在螢幕中心、底部toast小窗提示，或者以數字動效傳達加入購物車成功之後的視覺反饋。

豌豆公主APP裡的商品加入購物車時，會出現商品主圖跳入購物車的動效，相比toas純文字提示更能表達所操作的含義，體現操作之後的反饋過程，表意更清晰。此動效設計貼合了整個過程的概念，反饋後的短暫等待也不會變的那麼枯燥，互動過程自然且符合使用者需求邏輯，以此帶來更好的視覺體驗。

179.「淘寶」搖一搖-隱藏的互動設計有何妙用？

1. 產品體驗

進入淘寶首頁搖一搖，會彈出搖一搖小貼士入口，進入可檢視在不同頁面、場景下搖一搖所對應的功能反饋，科普搖一搖的妙用。

2. 設計思考

搖一搖算是微信的老牌功能，說到它，基本上人人都知曉，尤其是利用它引過粉的人，人們都說喜歡用搖一搖的人大概是內心有點孤獨，又渴望與這個世界有交集吧。隨著時間的推移，使用搖一搖的人越來越少，或許就慢慢的退出了歷史舞臺，但它作為人人熟知的功能，依然在部分APP中作為一個隱藏功能的存在。

在淘寶首頁搖一搖，如無匹配到附近的優惠活動或可互動的電視節目，會利用搖一搖小貼士科普搖一搖的妙用，方便使用者在合理的場景中使用。雖然目前各應用都在弱化搖一搖，但依然可在特殊場景發揮其重要的作用。作為隱藏功能的存在，既不佔用空間資源、也不影響使用者使用其他功能，希望大家儘量去發現吧。

180.「快手」私密收藏-洞察人心的快捷入口

1. 產品體驗

在快手的收藏頁面，視訊下方固定提示作品是否為公開狀態，以及提供快捷入口方便使用者隨時進入隱私設定將收藏的作品公開/隱藏。

2. 設計思考

裝上抖音快手這些短視訊軟體，就能讓很多使用者全然不知時間的流逝，玩到忘情所以、看到眼睛發酸。

先不說那些搞笑段子或真正有幫助的視訊，其對於很多喜好做夢的男性來說，看著一堆節省布料、搔首弄姿的舞蹈幾乎挪不開眼，偶爾還會還會收藏幾個比較特別的日後細品，但是收藏的視訊一不小心就會被扒開謙謙君子的人設，成家的人更不用多說，要是被那位知道，就先準備好榴蓮吧。

快手似乎早就看出了這類使用者的難言之隱，使用者可在隱私設定中決定是否公開自己的收藏夾，且在收藏視訊的下方長期提示當前作品的隱私狀態並提供快捷入口，方便使用者隨時根據自己的實際情況快速進行設定，節省了原本需要進入隱私設定的操作過程，節約大量的時間，避免了多餘的重複操作，考慮周全且人性化。

PS：文中並無任何男/女、職業歧視或批鬥，實乃社會常態，當我們看不錯的視訊，不管是樹立自己的人設，還是內容真心有趣，都有想要分享的慾望。試想，部分拿著別人的作品收藏還要加鎖，那麼到時是為什麼呢……

結語

設計師需要養成體驗產品的好習慣並將優秀的產品細節記錄下來，加強自己的記憶，不僅能提升自己的語言組織和總結能力，也為日後輸出優秀的作品當鋪墊，對自己的能力提升以及未來的職業發展帶來便利。

本期產品設計細節分享結束，我們下期再見。

#專欄作家#

致力於產品需求的驅動、產品體驗的挖掘，利用設計的手段為受眾使用者帶來更好的體驗，即好看、好用。

本文原創釋出於人人都是產品經理，未經許可，禁止轉載

題圖來自 Unsplash，基於 CC0 協議