編輯導語：一個產品里往往包含許多的能夠提升產品體驗感的小細節，在用戶使用的過程中，不知不覺的改變了用戶的使用習慣，讓用戶愿意接觸并且喜歡上這款產品，成為其忠實的使用者。本文作者通過系列文章，為我們挖掘并總結了產品中有哪些能夠提升體驗感的小細節，一起來看看你有沒有發現吧。

不管你是一個什么類型的設計師，想要做出優秀的作品都離不開長期經驗的累積，那么去體驗優秀的作品并找到優秀的點，挖掘背后的設計原因以及帶來的商業價值是必經之路。靈感有時候來源于靈光一現，但更多時候來于自己設計信息的腦存量。

在體驗優秀的作品時，我們需要站在用戶的角度去發現好設計細節及交互解決方案，思考能給企業或用戶帶來價值并記錄下來，久而久之，就能提高自己的語言組織以及總結能力，再通過不斷的練習，以達到質變效果。

01 「微信」雙擊tab圖標-快速定位未讀消息

1. 產品體驗

在微信清理遺漏的未讀消息時，雙擊底部的微信圖標，即可自動精準定位到未讀消息的小紅點位置。

2. 設計思考

微信幾乎承擔我們的工作、生活、交友、娛樂等各種交流需求，隨時都有可能被各種消息轟炸。比如：砍價、集贊、廣告等，并非僅僅只有認識的人發來消息。

當我們收到了很多消息時，怎么清理都會發現還有小紅點，需要不停的上下滑動在龐大的消息列表中反復尋找，非常麻煩，一不小心就錯過重要消息，對于有強迫癥的用戶，看到沒有清理的小紅點真的是渾身難受。

其實，有個超快速找到未讀消息的方法一直隱藏其中，還有部分用戶不知道。

在微信的消息列表頁面，只需雙擊底部標簽欄的微信圖標，就會自動跳轉到未讀消息處，幫助用戶快速依次定位到相關的消息人位置，不會遺漏。尤其是關注了很多服務號以及加了很多的好友，有時候下拉真的比較難找，對無法忍受小紅點，不點就受不了的用戶來說，這個功能實在是太棒了，減少操作步驟，節約了大量的時間。

02 「UC瀏覽器」貼心的多窗口功能

1. 產品體驗

在UC瀏覽器的底部彈出菜單中，點擊多窗口后，即可加入新的窗口，實現多頁面瀏覽。再次進入底部菜單會顯示多個窗口的統計數量，進入后可進行增/刪窗口操作。

2. 設計思考

移動端的的瀏覽器主要以便捷出名，同時也有多家巨頭爭奪市場。UC瀏覽器的口碑雖然褒貶不一，但不得不說的是用戶量非常龐大。他不只是一個瀏覽器，它是集瀏覽器、小說軟件、視頻軟件、文件管理以及新聞uc頭條等多功能為一體的軟件，而且出的早，知名度高，還有各種皮膚任選。

在電腦上瀏覽網頁的時候，很多用戶都有一個習慣，為了滿足瀏覽各種不同的內容而避免重復操作，就會同時打開多個頁面，即多窗口瀏覽，但我們不可能隨時隨地都能方便使用電腦打開，大部分時間都會用手機瀏覽器，在同時瀏覽多個頁面的情況下，需要反復的關閉或返回重新打開，浪費時間不說，非WiFi環境下還浪費流量。

UC瀏覽器在很早就已經上線多窗口功能，只不過后來將此功能入口隱藏到了底部菜單中，很多用戶找不到以為此功能被拋棄了，帶來了很多的不便。

在UC瀏覽器的底部菜單中，點擊多窗口里面的“+”，即可新增一個窗口，實現多窗口瀏覽。再次打開底部菜單，就可以看到已打開的窗口數量，進入可新增、刪除或切換窗口操作。

UC瀏覽器的多窗口功能非常便捷，在滿足多個頁面瀏覽的同時，減少對用戶在瀏覽過程中思維上的打擾，解決了因單個頁面需要反復后退再重新進入頁面的繁瑣操作、影響瀏覽，還可以節省非WiFi環境下的手機流量。

03 「躺平」加入圈子-用無聊帶給你感觸

1. 產品體驗

在躺平APP的圈子頁面，如果沒有加入圈子，會出現一個很有趣的動畫提示及引導用戶去加入新的圈子。

2. 設計思考

大部分APP空狀態的處理方式都很隨意，空狀態是APP設計中不可或缺的一部分，特別是新用戶初次接觸到APP時，必然會面對很多空狀態，用戶在打開之后看到什么都沒有，體驗非常差。

就好比千辛萬苦經歷九九八十一難的唐僧師徒最后取到了一堆空白的佛經一樣，用戶經歷了選擇、下載、等到安裝，最后來到某個位置什么都沒有，如果在空白的模塊沒有合理的解釋以及引導，用戶可能頭也不回的就走了。

有時候連設計師都在想“這塊在沒有數據的時候，應該顯示什么東西呢？”，其實連設計師自己都不清楚，何況是用戶?？漳K在引導性、愉悅性和保留用戶等方面的潛質，對于產品體驗在細節當中的成敗有著不可忽視的作用。

躺平APP在空狀態上體驗非常的友好。在圈子頁面，如果沒有加入圈子，會出現一個很有趣的動態插畫，用IP撥動著“十字架”轉著圈圈，就像我們在沒事的時候摳著手指、搓著衣角一樣，顯得非常無聊，好像在說：這里什么沒有，趕快加入一個圈子吧?？此埔粋€簡單的動畫，卻帶來了不錯的用戶體驗。

1. 取悅引導用戶：沒有加入圈子時，首先通過動效吸引用戶眼球，然后整個動效過程帶有情感色彩，真正做到了人和設備的對話，在感受到沒有圈子就會很無聊的錯覺，能讓用戶覺得新鮮或者出乎意料，提示用戶去加入圈子，先讓用戶產生點擊的欲望后，引導用戶行動；
2. 情感化表達：加入一些情感化的表達，而不僅僅只是冷冰冰的文字，通過動效插圖在讓用戶明白當前的狀態的同時，往往也能引發用戶心底的情緒，從而彌補沒有圈子時帶來的失落感，甚至可以帶給用戶正面的情感；
3. 品牌傳播：通過IP原型作為動態插畫元素，不僅能讓用戶加入圈子來消滅空狀態，還能進行品牌傳播，加深記憶，讓用戶看到產品的第一印象，知道當前使用的是什么。

04 「京東」購物車-商品快速清理

1. 產品體驗

在京東APP的購物車里，如果添加的商品太多，需要選擇性的清除一部分，可以使用快速清理，購物車的所有商品將主圖用宮格的樣式呈現以供選擇，一目了然。

2. 設計思考

還記得以前網上購物才興起時，經常在想著自己缺什么東西，然后在淘寶或者京東挑選一番，看到合適的就下單購買了。而現在不管是否缺少、是否需要，沒事就會在各大電商APP逛，時間都是用小時來計算，不管是否真的喜歡，就往購物車一塞。

可能是為了比價、一時的心動、便于以后查看或者等待節日優惠，時間一久，購物車物滿為患，不得已挨個挑選然后移除，對于一屏只能展示3個商品的購物車，反復的上下滑動挑選真的是費時間。

京東APP的快速清理，對購物車商品的整理節約了大量的時間。在編輯狀態下，點擊下方的快速清理，購物車的所有商品將主圖用宮格的樣式呈現以供用戶選擇。

對比之前一屏只能顯示3個商品，在很大程度提升了視覺瀏覽效率，在快速清理選擇頁面，一屏可顯示28個商品，有了更直觀化的視覺體驗，還可以避免用戶因長時間瀏覽出現的選擇性麻木而移除商品判斷失誤，同時提高了操作效率。

05 「好奇怪」登錄頁-情感化的卡通插圖

1. 產品體驗

好奇怪的登錄頁面，右上方卡通公仔的視覺線正對準輸入區域，非?？蓯?。在輸入密碼時，卡通公仔會用雙手遮住眼睛，給用戶一種安全的暗示。

2. 設計思考

眾所周知，現在處于網絡時代，時常要登錄各種網站、論壇、郵箱、網上銀行、移動APP等等，因此不斷的注冊，就有了數不清的網絡賬號，但通常密碼就那么幾種，甚至大部分的賬號都只共用了一個密碼，安全就成了用戶的面臨的大問題，可能會出現泄露一個密碼多個賬號被盜的情況，是非常危險的。

以至于目前的很多產品都有了驗證碼登錄、指紋登錄以及面容識別。雖然有了各種安全手段，但密碼登錄依然是基礎，很多跟金融財產相關的產品依然無法逾越，該有的安全手段都用上了，并通過情感化方面提升用戶體驗。

在好奇怪的登錄頁面，右上方卡通公仔的視覺線正對準輸入區域，正好符合用戶對操作區域的視覺隱喻，加以視覺引導，讓用戶能在更快的時間內用視覺掃視到目的地。在輸入密碼時，卡通公仔會用雙手遮住眼睛，雖然沒有實質上的安全提升，卻給用戶一種安全的暗示，情感化的暗示讓用戶在輸入密碼的過程中從心里感到安全，更加放心，同時也增加趣味性，讓整個操作過程更加愉悅。

06 「網易云音樂」通曉古今音樂史的日歷

1. 產品體驗

在網易云音樂發現頁面，上滑至1.5屏的位置，即可點擊音樂日歷進入，隨時查看過去、今天、未來一段時間的音樂新聞，比如新上映歌曲專輯、歷史上今天的大事件、紀念日等。

2. 設計思考

喜歡音樂的用戶，對網易云音樂來說應該都不陌生，雖然沒有酷狗音樂那么的強大，但在音樂方面的一直都很專業，同時也研發出了很多小功能、小細節，比如：評論區抱一抱、一起聽歌“淋雨”等，深得人心。

在網易云的音樂日歷里，隨時能看到過去、今天以及未來一段時間里的音樂新聞，比如新上映的歌曲和專輯、過去的今天曾經發生過的大事件、某某紀念日等等。雖然用戶沒有明確需求，到對于喜歡音樂的用戶來說，這些事件提醒擺在這里是一個很大的驚喜，超出了用戶的預期，看到之后都會情不自禁的點進去。

一個小的功能從表面上看不一定每個用戶都喜歡，但投其所好，卻能增強用戶粘性，降低專業級的用戶流失，提升易用性。

（PS：上面的解釋看似牽強，但真正的作用毋庸置疑。就好比在寒冷的冬天，你穿著厚衣服雖然能夠保暖自足，但有人給你送來一盆火，算不上是雪中送炭，你也一定會感覺非常的溫暖舒適，也會對送火的人產生一定的印象而生出感激之情）

07 「微信」屏蔽別人朋友圈的高速通道

1. 產品體驗

在微信朋友圈頁面，長按用戶頭像2秒，點擊彈窗中的設置權限，就可以設置不看他或不讓他看。

2. 設計思考

微信改變了我們的生活方式，除了社交，還是記錄自己美好生活方式的“筆記本”，早上起來先打開微信、睡覺之前看看朋友圈。

但有很多好友發朋友圈特別頻繁，一種是微商代購，不停的發著各種商品；另一種是純粹閑的慌，恨不得連“放個屁”都要發個朋友圈讓別人來找顏色，當然也不排除我們自己。不管是討厭別頻率還是自己發的多，都可以設置成自己不看或者不讓別人看。

微信表面上看著簡單易用，其實真不簡單，有很多隱藏的小功能需要我們在不停的使用過程中去慢慢發現。在朋友圈頁面，長按用戶頭像2秒，會出現一個彈窗，點擊設置權限，即可直接進入設置頁面，開啟或關閉朋友圈權限，對比常規的從個人信息頁面進入，相當于開辟了一條高速公路，非常便捷。

對用戶來說，每減少一步操作，用戶體驗就提升了一大步，縮短路徑，簡化了操作流程。

08 「高德地圖」搜索-雙重錄入方式隨時更換

1. 產品體驗

在高得地圖搜索框文本狀態下，未輸入文本之前，依然提供語音錄方式的快捷入口；同理，語音錄入狀態下，也可快速切換至文本輸入方式。文本或語音錄入隨時切換。

2. 設計思考

說到搜索，大家都會立刻想到一個放大鏡圖標和一個矩形輸入框。搜索功能在眾多APP中占著舉足輕重的位置，為了能夠讓用戶快速準確的找到目標信息，搜索功能的用戶體驗就會顯得非常重要。

搜索方式除了傳統的文字輸入外，目前大部分應用也增加了語音錄入功能，讓搜索的條件錄入更便捷。

我們在使用搜索功能時，最常見的操作為：在文本輸入狀態下，若想改為語音錄入，則需要返回上一級頁面，再次從語音入口進入；同理，語音錄入狀態改為文本錄入，依然是先返回再重新進入，這種交互步驟也成了用戶認知的一種常態。

高得地圖的搜索條件方式切換，用戶體驗則更好。不管是在文本輸入狀態、還是在語音錄入狀態，都可以在當前頁面的快捷入口隨時切換，省去了返回上一級頁面的多余操作，優化交互路徑，減少操作步驟。同時還能有效避免因用戶多步驟操作而產生思維記憶的阻斷，導致短暫性“失憶”，延長目標完成時間。

09 「京東」取消訂單-讓商品回到購物車

1. 產品體驗

在京東APP取消訂單時，打開操作按鈕上方的“將商品放回到購物車中”的開關，提交后，商品自動添加到購物車。

2. 設計思考

相信有很多用戶在電商APP購物時，不管是否付款，都有過取消訂單或退款的經歷，不管是覺得買貴了、錢包緊張還是等待優惠，都有可能再重新購買。如果沒有及時添加到購物車，訂單取消后，下次則需要通過搜索或者歷史訂單進入找到該商品，方可下單購買。

京東APP在用戶取消訂單的頁面，給予了是否要將商品放回購物車的提醒開關，針對以后可能需要購買的用戶提供了“添加到購物車”的快捷入口，能避免用戶在下次購買時花費更多的時間成本，非常友好。站在營銷的角度，這個提示可以在用戶離開時做出了挽留，間接提升了用戶在應用內的留存，為下次的消費轉化埋下引線。

10 「QQ閱讀」模擬現實的日/夜模式切換

1. 產品體驗

在QQ閱讀的書籍內容頁面，點擊屏幕正中間，右上角會彈出一根拉繩，點擊可切換日/夜間模式

2. 設計思考

夜間模式對大家來說，一點都不陌生了，尤其是對于閱讀類型的APP，夜間模式早已屬于標配?？紤]到為了保護好用戶的視覺，給予一個舒適的移動端閱讀環境，只要進入設置就可以隨時更換日/夜間模式。

QQ閱讀的日/夜間模式切換，除了能在設置里更換之外，還可以通過點擊屏幕正中間，從右上角彈出的拉繩切換日/夜間模式。這種方式是考慮到了現實生活中的拉繩燈，以現實生活中的物品作為設計靈感來源，表意能力強，更加貼近用戶的真實環境。模擬現實世界為產品增加代入感，減少認知負荷，并且為界面帶來了新的感覺。

（PS：由于拉繩燈在現實生活中，時代較為久遠，新一代的年輕用戶并非都能識別，若非對主要用于人群做過市場數據收集及調研，這種切換方式還請謹慎使用）

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

作者：大漠飛鷹；公眾號：能量眼球

本文由 @大漠飛鷹 原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議。