編輯導語：當你在使用一款App或者瀏覽一個網頁的時候，要么對某個產品的某一點設計狂贊不止，要么對有的點無力吐槽。在細節之處注重產品體驗感的產品，往往會令用戶夸贊不已。而如果你能夠發現這些細節，并且在自己的能力范圍內，去學習并應用于自己產品的優化和改進之中，那你就很棒了！

設計不是拼圖，深入下去，有很多細節需要推敲，而這些細節的背后的邏輯與意義更值得關注。

產品主要強調的是與人的交互，用戶通過對產品的操作來實現自身的目的，比如雙擊、滑動、常按等，而操作一般建立在產品的功能基礎上。

產品的功能細節體現在產品的業務邏輯中，產品所提供的功能是否更好的滿足用戶的需求，操作細節與功能細節密不可分，功能影響著用戶的操作，而操作細節更多體現在用戶的感受。

一、「淘寶」缺貨-主操作按鈕并未置灰

1. 產品體驗

在淘寶挑選到自己喜歡的商品時，如果該商品缺貨，主操作按鈕文字會變成“缺貨中，提醒掌柜發貨”的提示。

2. 設計思考

除了吃飯最重要之外，接下來應該就是網購了，當然，這也是建立在自身經濟條件或“信用”良好的情況下。

當我們在購物應用上看到心儀的商品時，滿懷期待的去下單，結果看到一個灰色的按鈕不能操作，部分APP只顯示了庫存0，其他什么提示也沒，滿滿的挫敗感有木有？

淘寶APP則是用了友好的方式提醒用戶。當我們需要下單發現缺貨時，淘寶并沒有用一個灰色不能點擊的按鈕呈現。

相反，按鈕做的更加醒目，通過提示“缺貨中，提醒掌柜發貨”文案提示，同樣能激起用戶點擊的欲望，讓整個流程能夠繼續，而不是在此終結，導致用戶不知多措。

有一點我們心里都知道，根本不需要用戶提醒，商家肯定更清楚商品是否缺貨，這樣做的目的是便于用戶繼續完成主流程的操作，也留用戶一絲希望，后期有再次光臨的可能性。

同時，讓用戶暫時忘記無法達到目標的挫敗感，安撫負面情緒，又有體諒的情懷。

二、「使命鬧鐘」治療懶床癌-不辱使命

1. 產品體驗

使命鬧鐘是治療懶床癌“患者”的專用藥，只需設定一種關閉鬧鐘的方式，在鬧鐘響起后，要想成功關閉，則需要完成設定的方式（要動腦筋），待鬧鐘成功關閉，頭腦已經清醒。

2. 設計思考

明天早上我要早點起床，先設定兩個鬧鐘，好好學點東西，Emm……。清晨，鬧鐘一個接一個的響起，瞇著眼睛無限延時，N分鐘過去之后…天啦，要遲到了。

這種情況80%人都經歷過吧，我們總是無限的把希望寄托在明天，殊不知想的比做得多，到了第二天睡到太陽曬屁股了依然是平凡的一天。

不管我們是為了利用早上的珍貴時間還是為了早睡早起，但是早上起床困難卻成了我們最大的障礙。

使命鬧鐘可以幫助我們解決這個問題。在設定鬧鐘時，選擇一個關閉鬧鐘的方式。

比如：搖一搖、吹一吹、數學題等，可用讓我們通過動腦經的方式完成關閉鬧鐘的條件方可，這真算是神仙操作了，狠起來來自己都不放過的趕腳，待鬧鐘成功關閉，睡意已去、大腦清醒，可以準備起床了。

（PS：本人親身經歷，曾經設置過數學題，出題的太狠了：162×46+1149=？，這時如果還迷迷糊糊，可能連手機里的計算器都找不到，更不要說把每個數字精準的輸入完成計算了。）

三、「網易云音樂」截圖預判分享行為

1. 產品體驗

在網易云音樂的任何界面，只要系統判斷有截圖行為，就會彈出最常用的分享渠道，便于用戶傳播分享。

2. 設計思考

分享功能是每個互聯網產品不可或缺的功能，它可以滿足不同人的傳播需求。比如用戶認同一個東西的價值、希望得到某種虛榮、利用稀奇古怪的事情博取關注和點贊等。

曬悲傷，博人同情，或者是排解壓抑情緒，表面上看雖然只是用戶的一種表達方式，但還有一個最重要的就是企業自身產品的推廣和傳播。

想要用戶更高頻率的觸發分享行為，就需要在用戶行動之前花點小心思了。

網易云音樂在任何頁面，只要系統判斷用戶有截圖行為，就會主動彈出分享渠道，便于用戶直接進行傳播。

跟其他大部分APP需要在特定也頁面才能分享或者通過打開社交軟件傳播相比，縮短了操作路徑，提高了用戶對截圖頁面的分享幾率，方便用戶的同時也可以對產品的推廣起到一定作用。

那么，問題來了，截圖自動彈窗對于不需要分享的用戶來說并不友好，還要手動關閉，是不是增加了用戶的操作成本呢？

其實不然，根據Facebook調研數據表明，在娛樂、多媒體類型的應用里，高達69%的用戶截圖都是為了分享，占據大部分用戶群體，其截圖自動彈出分享正是為迎合這三分之二的用戶提供便利。

一個產品的呈現不管用哪種方式表達，都無法讓所有用戶滿意，只需滿足大部分用戶即可，這也是設計團隊即使發現了這方面的不友好，也沒有對這個功能痛下殺手的原因。

另外，分享功能雖然重要，但并不屬于高頻操作，所以即對部分用戶不友好，但如果其他方面能做到盡善盡美，并不會給用戶帶來多大的影響，最終也會在微弱的負面情緒下坦然接受。

四、「全民K歌」練唱-利用加載進度普及使用技巧

1. 產品體驗

全民K歌的練唱功能，首次進入在加載進度時，除了加載動畫和進度條之外，還會出現各種功能使用技巧的小提示，避免用戶在等待的過程中出現焦慮的情況。

2. 設計思考

用戶與界面的每一次互動都是一次加載過程，因操作引起的頁面跳轉、刷新或彈窗等行為，頁面都需要向服務器發送請求信息。

在此過程中，由于網絡及頁面自身處理信息的原因，導致加載過程可能發生延長，從而需要一個“反饋”即加載來緩和用戶的等待。

有時加載時間過長會讓用戶感到崩潰，如何緩解用戶在等待過程中可能會出現的焦慮感，是一個非常重要設計要素，否則就會造成用戶的流失。

在使用全名K歌的練唱功能時，由于首次進入的加載時間（6~10秒）較長，除了應有的加載動畫之外，還使用了進度條百分比提示，向用戶生動的展示著當前頁面的加載的進度，從而通過進度條設計喚起用戶情感，以實現與用戶情感層次的交流。

另外還會出現各種功能場景使用技巧的小提示，弱化用戶正在等待加載頁面的心理感知，將用戶的思維引導至其他方面，緩解因等待可能出現的焦慮，通過教育用戶來達到由被動變主動的目的。

五、「農業銀行」銀行卡設置別名

1. 產品體驗

在農業銀行的卡片詳情頁面，可以分別對不同卡片設置別名，比如工資卡、房貸卡、生活卡等。

2. 設計思考

進入互聯網時間，人均著手多張銀行卡。手機銀行APP也可以綁定多張卡片，因賬戶是同一個人開設的。所以顯示的名稱是一樣的，并且還有部分用戶在同一家銀行根據不同卡種的優惠程度辦理了多張信用卡。

因個人需要，不同的卡片可能用于不同的用途，比如工資卡、炒股賬戶、房貸卡等，如果卡片資金混用，整體收支可能會一團糟。

在農業銀行APP的卡片詳情頁面，可根據自己不同用途的需求，對卡片設置一個便于記憶、個性化的名稱，并不會影響到在銀行賬戶中的名字，設置好之后，便于用戶更好的對自身理財賬戶進行區分，方便記憶和使用。

另外還可以避免銀行卡部分信息被（他人瞟竊）泄露，登錄時無需銀行卡號或身份證號，憑借設置的別名加密碼登錄即可。

六、「高德地圖」導航-不一樣的超速預警

1. 產品體驗

使用高德地圖導航時，如果超速駕駛，系統除了語音播報和左上角時速變紅之外，屏幕兩側還會出現紅色的光芒閃動，用視覺強調超速預警。

2. 設計思考

我們在使用導航自駕時，經常會聽到語音播報“前方限速xxx，你已超速”，因為超速提醒會提前500米播報，這時如果及時把速度降下來，基本不會有事。

但如果沒有聽到語音播報，一如既往向前沖，那么就要悲劇了。

首先，別人都在減速，而自己還在超速，就會給自己或其他人帶來很大的安全隱患；其次如果被電子警察拍到，罰款不說還得扣駕照分。

高德導航在超速的情況下，除了應有的語音播報和左上角時速標識變紅外，在屏幕兩側還會出現紅光閃動，用強烈的視覺提醒告知用戶已超速，非常顯眼。

可以在用戶沒有聽到語音播報的情況下，再次通過視覺預警，降低超速發生的概率，避免給自己或他人帶來安全隱患以及經濟損失。

（PS：當我們開著車超速的時候，突然出現的紅光閃動，有沒有感覺到，就像玩吃雞、王者時，血條快沒有了突然出現的紅光閃動。如果還無腦向前沖，就算有十條命也不夠你造的，總之后果很嚴重。）

七、「搜狗輸入法」一秒發送一屏表情

1. 產品體驗

使用搜狗輸入法長按表情emoji時，屏幕會出現一連串的表情輸入，并伴隨數字提示清晰顯示表情的數量。

2. 設計思考

在社交聊天中，表情是我們必用的功能，表情往往比文字更能表達我們的真實感受，它能表達出我們的喜怒哀樂，相比冷冰冰的文字更生動、貼切。

每個用戶都有那個幾個常用具有代表性的表情符號，但不同的應用，表情符號的樣式也有明顯的不同。

這時候我們就可以通過搜狗輸入法，在任何應用都能使用同一套表情系列，能滿足用戶在所有（部分不支持顯示表情的除外）應用的表情需求，其他的功能也是一應俱全。

搜狗手機輸入法emoji表情的魅力還不止于此。在與好友溝通的時候，會看到它每間隔一小段時間，就能發來一屏幕的表情，很驚訝也很好奇，這是怎么辦到的呢？

其實很簡單，只需要在鍵入狀態下長按emoji，屏幕上會連續出現此表情，一直按著會一直增加，而且還伴隨著數字提示，可以清楚知道已輸入表情的數量。

用emoji發多個表情能表達出豐富情感，既方便又好玩，動效的表情和數字變化讓顯示更加直觀，同時又略帶趣味性。

八、「悅跑圈」數值變化的動效設計思考

1. 產品體驗

進入悅跑圈首頁，累計跑量的總數據通過動效在1500毫秒內從0不斷增加、直至累計的實時數據為止，非常顯眼。

2. 設計思考

數據是每個APP里面非常重要的板塊，有很多時候，用戶頻繁的進入應用，而目標則是直擊數據累計。

數據雖然是最真實的寫照，但如果表現的不夠合理，反而會帶來負面影響，影響信息的傳播，誤導用戶的認知。

悅跑圈APP則是在短時間內，將用戶累計跑量從0至總數據以動效的方式逐步增減展現，將抽象的數據通過可視化的手段表達出其內里的信息和規律，更加直觀地傳達數據信息，便于用戶的大腦能夠更好地抓取和理解有效信息，增加信息的印象。

這種逐步增加的動效變化方式，讓數據更容易被接受、內容更容易被理解、信息更容易被記憶。

當累計數據很低時，從另一方面也起到的安撫用戶心理的作用，暗示著任何東西和事務都是從0開始不但的積累，只要不放棄，數值就會不斷增加，更是對用戶的一種鼓勵。

九、「百度網盤」會員即將到期巧妙的提醒

1. 產品體驗

百度網盤的會員即將到期時，進入我的頁面，會從設備右側緩緩彈出挽留的文案提示，5秒后自動消失，再次進入后會看到新的文案，點擊可直接進入續費頁面。

2. 設計思考

會員是互聯網產品中最穩定的一個用戶群體，也是企業在盈利需求上非常重要的支柱，隨著會員對產品的認同不斷增加，企業也會鉆研更多能滿足會員的服務和特權（我說的會員不是注冊用戶，而是開通增值服務購買虛擬產品的客戶群）。

在如今基本全面小康生活的條件下，開通會員的用戶有很多并不是有硬性需求，或許只是一時興起短暫的需要，那么在會員到期時，如何留住會員繼續使用增值服務則成了企業關鍵問題點。

產品對于這種情況的處理，常見的無非三種：

1. 無任何提示：用戶會員到期后，在不知情的狀況下自動失去增值類的服務特權；
2. 強提示：通過彈窗或新頁面告知用戶會員即將到期，提醒用戶續費，雖然有一定的作用，但如果設計不當，可能會造成用戶的反感；
3. 弱提示：合適的時間、合適的地點給予用戶弱提示會員即將到期，能輕微吸引用戶注意力但不影響其他功能的使用，屬于友好的提醒。

百度網盤則是用了第三種弱提示。進入我的頁面，在個人信息及部分功能區域給予簡單的文案，不影響其他功能的使用。

友好的文案提示，絲毫不提續費會員的字眼，而是告知用戶即將失去什么，會有什么樣的后果，給用戶造成一種心理負擔，強調之前所獲得的增值服務內容即將過期、無法繼續使用，體現出服務或內容的「稀缺性」。

從而讓用戶產生恐懼心理，強調事情的后果之后，促使用戶行動，能喚醒用戶的「警惕意識」，且能帶來一定的驅動力，在不是特別理性的情況繼續續費該服務，從而形成轉化。

十、「微信」長按信息-搜一搜的妙用

1. 產品體驗

在微信對話框長按消息，點擊搜一搜，即可查到跟詞條相關百科、視頻號、朋友圈、其他文章等。

2. 設計思考

微信搜一搜功能上線快3年時間，可真正在用的用戶卻不多。

在自己的印象中，有沒有出現過這種情況：當朋友發來一個自己不熟悉的網絡名詞時，為了避免尷尬，趕緊復制到瀏覽器看看是什么梗，等了解清楚之后再回到微信，“臥槽”應用都結束進程了，需要重新進入，emmm…..

使用微信的搜一搜，長按需要搜索的信息調出菜單，選擇搜一搜，即可在微信內搜索跟所選消息相關的內容。

搜一搜會自動提取消息的關鍵詞，如果對自動提取的關鍵詞不滿意，點擊頂部標題的箭頭，在彈出的頁面中，滑動選擇新的關鍵詞即可，省時又省力，減少對用戶搜索需求流程的打斷以及不必要的重復操作，提升用戶體驗。

十一、結語

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

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

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

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

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