編輯導語：一款好的產品除了功能過硬之外，還需要讓用戶在使用的時候感受到舒適，提升用戶的體驗感。而這些，往往體現在產品設計的小細節中。很多時候，我們喜歡一款產品，卻說不上來哪里打動了我們，其實被我們忽略掉的就是那些能夠提升產品體驗的小細節。

產品始于需求、立于價值、久于體驗，良好的用戶體驗是互聯網產品立于之根本，也是UI設計師、交互設計師所追求的目標之一。

需要在用戶目標不清晰以及對應用不理解的情況下，利用設計手段合理、合適的跟用戶對話，并解決用戶的需求，完成應用該有的使命。

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

一、「餓了么」首頁-優惠券彈窗刺激轉化

1. 產品體驗

每日首次進入餓了么首頁，系統都會自動出現一系列優惠券彈窗，點擊優惠券直接進入可使用類型的店鋪列表，下單即可自動當做現金抵扣。

2. 設計思考

作為電商平臺，最重要的就是消費轉化，畢竟是要靠用戶消費之后的利潤來吃飯的。

對于消費轉化的提升，平臺也都會從商品運營、用戶運營及分析用戶轉化流失原因等及時的做出各種對策，保證能對用戶產生足夠的吸引力。

常見的手段無非就是：特價、滿減、疊加折、買贈、換購、套裝組合、限時購等方式，但當所有平臺都有了這些營銷手段之后，對用戶來說又變的毫無吸引力，那么就需要去思考在何時、何地啟用這些手段才能吸引用戶呢？

餓了么APP在每日首次使用時，都會自動彈出一系列優惠券，是典型的屬于利用彈窗進行利益引誘。

在用戶還未產生消費欲望之前，通過福利的發放、商品的優惠等利益刺激手段，吸引用戶繼續完成對內容/商品的消費，以此降低用戶流失，比起把優惠券放在商品旁邊的那種常規做法，更具吸引力。

當提示用戶有很多的優惠券未領取，激起用戶的好奇心與貪便宜心理后，不管用戶是有目標還是無目標性的消費，只要優惠的數額越大，對用戶的吸引力就越大，吸引用戶參與下單消費，?從而提升轉化。

二、「網易云音樂」雙擊播放頁面收藏歌曲

1. 產品體驗

在網易云音樂的播放頁面，除了點擊心形圖標可以收藏外，直接雙擊屏幕空白區域，也可以收藏，去除精準點擊操作，非常便捷。

2. 設計思考

不管是聽歌還是看視頻，遇到喜歡的我們就會點贊給予作者鼓勵，還可以進行收藏，以便于回味，收藏更像是一種不在乎天長地久，只在乎曾經擁有的感覺，只希望在擁有它的時候，好好保存。

收藏有利于用戶的二次使用，以增強用戶粘性促進消費轉化，是一個相當重要的功能，很多產品都會在按鈕位置、交互樣式、手勢、區域等多種方式提升用戶體驗，達到吸引用戶以觸發操作為目的。

網易云音樂的播放頁面，除了有常規的收藏按鈕可觸發之外，還增加雙擊屏幕空白區域收藏的方式，這樣就增大了收藏的觸發范圍，無需精準點擊，操作方式更加便捷。

雙重路徑，多種方式更能提升收藏的觸發率，以便于用戶二次使用，通過增強使用粘性提高用戶消費轉化的幾率。

三、「UC瀏覽器」廣告帶流量、自身賺受益

1. 產品體驗

UC瀏覽我的頁面會有一個紅包小動畫懸浮在設備右側，吸引用戶點擊；

進入紅包頁面之后，里面有很多紅包任務，在未完成的情況下若離開此頁面，會出現福利類型的彈窗進行利益引誘，對用戶作出挽留。

2. 設計思考

使用過電商類型APP的用戶都再清楚不過了，為了達到轉化的目的，各種手段是層出不窮，用戶有多精，應用的套路就有多深。

雙11將近，各大電商平臺也都在使出渾身解數，有用戶直呼“猝不及防的一波引誘，最后一道心理防線崩塌，就開始剁手了”。UC瀏覽器雖然不是電商類應用，但卻是其他購物平臺打宣傳廣告的利器，只要做好流量入口，點擊量夠高，平臺的收入就不多說了。

UC瀏覽器我的頁面有一個紅包小動畫懸浮在設備右側，通過動態的方式，時刻吸引著用戶的注意力。

相比靜態的入口方式，?更加吸引眼球，增加視覺關注度，動態?設計豐富了圖標入口更多可能性的表達，結合對應的動態效果表達出不同的情緒或情感，提升用戶的點擊欲望，增加點擊率。

用戶進入紅包頁面之后，在未完成紅包任務的情況下若要離開，會用彈窗對用戶作出挽留。

通過彈窗里面的文案進行福利發放、商品優惠等刺激手段對用戶進行利益引誘，這種「目標趨近效應」的心理效果，會讓用戶繼續完成未完成的事物，目的是對用戶做出挽留，使其盡快達成目標，最終進行消費轉化。

四、「流利說·英語」尼爾森可用性原則-狀態的可見性

1. 產品體驗

流利說·英語每天默認給用戶的學習任務時間為30分鐘。

學習前，標簽欄的圖標為正常狀態；學習中以百分比的環形統計樣式，根據學習進度實時更新數據；學習后，圖標增加“對勾”提示，告知用戶已完成。

2. 設計思考

流利說·英語是一款很棒的英語學習軟件，相信有很多用戶都是被里面的各種營銷手段所折服（當然目的也是為了學好英語），然后就開通了月/季/年會員，購買了會員之后你也會覺得物超所值，用戶體驗以及教學方式與同類型的應用相比，都是走在最前沿的。

開通了會員之后，用戶就會奔著每天的學習任務目標（不少于30分鐘）而去，應該不會有人在沒有開通會員的情況下隨時進入流利說APP休閑娛樂吧，那么每天30分鐘學習任務的設計體驗就成了會員用戶的焦點。

用過流利說·英語APP的用戶都知道，每天的最低學習時間是30分鐘，學習進度除了用戶自身心理預期和界面提示外，還通過系統的可見性，在合適的時間、位置再次提醒著用戶。

底部標簽欄的學習圖標根據學習前、學習中、學習完成后給予不同的狀態提示，即使在其他tab主功能頁面，也能讓用戶隨時清楚自己學習任務的完成進度。

尼爾森10大可用性原則的“?系統狀態的可見性”告訴我們：系統應該在適當的時間給予合適的反饋，以此讓用戶了解正在發生的事情，它包括位置可見、數量可見、狀態可見，流利說標簽欄的圖標變化正好詮釋了這一點，非常貼心。

五、「支付寶」掃物識別-為淘寶建立轉化通道

1. 產品體驗

在支付寶首頁頂部的掃一掃功能里，選擇識物，拍取商品的照片，即可從淘寶商品庫篩選出跟照片相同/相似的商品，進入可直接從淘寶渠道完成下單。

2. 設計思考

我們對家族產品了解的很多，但對于他們的推廣方式，如果沒有細品，可能還了解它們是如何互通、建議用戶認知、互相拉取流量的。

比如：網易紅，?通過統一的品牌色調融入產品設計風格及圖標繪制表達品牌調性，提高品牌的可識別性，建立家族品牌的認知；騰訊QQ，早前我們玩過的騰訊游戲以及微信的推出，大部分用戶可能都是從QQ宣傳渠道了解的；還有百度的全家桶、金山的捆綁……

雖然每個家族的多個產品都會通過不同的方式相互推廣，但推廣力度最大的要數阿里企業產品的「淘寶」和「支付寶」了。用過淘寶的用戶都知道，訂單支付需要用支付寶，所以支付寶不用特別宣傳就被直接帶動。

支付寶最新版本上線了拍照識物功能，之前我寫過一篇細節是關于淘寶的拍照識物功能的，這里就不多說。

從支付寶的掃一掃進入選擇“識物”，即可從淘寶商品庫篩選出跟照片相同/相似的商品，直接在支付寶APP里對淘寶的產品下單，正所謂多一種選擇就多一個方便。

拍照識物功能，對在淘寶有購物需求要使用此功能的用戶，多提供了一個渠道，還針對不了解淘寶的用戶做了一波宣傳，為淘寶拉取流量，提高轉化率，做到了家族企業血脈相連。

六、「興業銀行」查看銀行卡完整卡號

1. 產品體驗

興業銀行我的賬戶里面，初始化卡號展示默認隱藏中間段的多個數字，可通過點擊卡號后面的眼睛圖標，輸入查詢密碼后顯示完整卡號，并有一鍵復制功能。

在賬戶頁面截圖，會出現toast彈層，確認是否本人操作的警告提示。

2. 設計思考

銀行卡作為我們的個人小金庫，相信每個人都有多張在手。

在如今的互聯網時代，不管是線下還是線上，有很多地方要用到銀行卡，而銀行為了個人財產安全，部分銀行并未在APP中提供卡號，以至于我們在要用的時候，因無法記住銀行卡號，導致接下來的需求無法完成。

興業銀行（及部分其他銀行）APP幫助用戶解決了這一難題。

進入賬戶頁面，銀行卡號默認隱藏中間段的多個數字，可使用查詢密碼查看完整銀行卡號，還提供了一鍵復制操作，便于用戶在其他地方使用。通過密碼的查詢方式，既能解決賬戶安全問題，又能方便用戶隨時通過線上查詢卡號。

另外系統在賬戶界面檢測到有截圖行為時，會彈出toast安全提示，對這個小彈層，其作用也是眾說紜紜、各抒己見。

因為自己截圖，這個toast毫無意義；如果是陌生人截圖，這個提示對賬戶本人也是沒有任何作用，從表面上看確實很雞肋。

不過有一點需要說明，其他人進入到賬戶頁面就需要通過手機鎖屏密碼、APP登錄密碼、賬戶安全密碼、銀行查詢密碼（查看完整卡號），突破層層密碼防護才行。

所以能達到這種條件的不是“情人”就是“基友”，對于賬戶本人基本上不用擔心財產問題。

我個人認為這個toast提示是給其他人看的，只不過用心理暗示告訴對方請謹慎操作（這是我的賬戶，涉及財產問題，你不要瞎搞）。

七、「淘寶」加入購物車-清晰感知反饋狀態

1. 產品體驗

使用淘寶把喜歡的商品添加到購物車時，會在屏幕中間出現短暫的彈窗提示，告知用戶已添加成功。

2. 設計思考

說起購物車，簡直比自家的床還要了解，尤其是“剁手節”的將近，大家都會瘋狂的買買買，裝了一車又一車，然后坐等節日到來。

雖然每個用戶都會使用購物車，不知道大家有沒有留意，哪種添加到購物車的反饋方式最友好，最符合用戶的心理預期呢？

淘寶加入購物車成功時的反饋相對來說是更符合用戶心理預期的，成功添加之后，屏幕中間會出現“添加成功，在購物車等親~”toast彈窗提示。

我們用過的很多其他電商類型的APP，加入購物車都是直接在購物車圖標上通過數字變化反饋。

而淘寶的則是通過彈窗提示，這并非僅僅只是做差異化，在屏幕中心提示，占據有利地形，可以讓用戶更清晰的感知到當前的交互狀態，比起數字變化類型的反饋更加明顯，記憶更清晰，以便于用戶在短時間內進行下一步決策。

八、「微信」青少年模式的作用

1. 產品體驗

在微信的設置頁面，通過登錄密碼開啟青少年模式，設置成功后可修改大部分的功能訪問權限，能夠有效避免青少年以學習為由沉浸在網絡世界里。

2. 設計思考

網絡帶給青少年的益處毋庸置疑，但是青少年沉迷網絡的問題也應當引起廣泛的關注。

之前QQ就出過青少年模式，不過起到的作用是微乎其微。

因為大部分老人和孩子都只知微信而不知QQ，依然會頻繁出現孩子以學習為由在微信上嗨聊、刷視頻、看新聞、買了不知情商品的情況，更有甚者直接在“吃雞、王者”里花著父母的血汗錢去買皮膚，讓很多家長苦不堪言。

微信新版本上線青少年模式功能，通過登錄密碼驗證后開啟，使微信小游戲、小程序、視頻號、公眾號、搜一搜等很多功能會受到一些保護限制，家長也可根據情況設置允許訪問的范圍。

其實，任何功能都沒有絕對性的，就比如上文所說，孩子玩游戲充錢買皮膚的事，家長也有不可推卻的責任，沒有手機解鎖密碼和微信的支付密碼，是不可能充值成功的。

所以密碼的安全性也需要做好安全防護，只有在家長的嚴格監督和輔助下，微信青少模式才能起到它應有的作用。

九、「百度網盤」取消會員-善意的提醒暗藏轉化

1. 產品體驗

在取消百度網盤超級會員時，會使用彈窗對用戶做出挽留，告知取消會員后造成的后果，需慎重思考，并弱化用戶主操作的行為召喚按鈕，讓用戶放棄取消會員的想法或通過操作失誤而終止用戶的行動。

2. 設計思考

每個產品都是基于以用戶轉化為目標的，尤其是付費類型的增值業務，每一個用戶的轉化都來之不易，如果用戶離開，可能是永久性質的。

當產品檢測到用戶有離開行為時，需要及時通過適當的鼓勵或營銷手段在用戶離開之前作出適當的挽留，避免用戶轉投他處。

百度網盤在取消超級會員時，就通過彈窗來挽留用戶。在彈窗中，羅列了部分對用戶非常重要的功能，先以文案手段作出警告，提醒用戶取消會員后可能帶來的影響、后果。

然后圍繞產品的功能亮點進行展示說明，以此證明產品或內容的質量與真實性，讓用戶產生焦慮感，?強調取消會員的后果，喚醒用戶的「警惕意識」，且能帶來一定的驅動力。

最后將主/次行為召喚按鈕位置對調，通過視覺上的設計手段、障眼法阻止用戶‘溜走’，來達到留存，降低用戶的流失率。

十、「keep」跑步-屏幕常亮減少操作頻率

1. 產品體驗

使用keep跑步時，因給自己設有心理目標，會經常查看跑步用時及里程。在跑步設置里開啟屏幕常亮，可避免因息屏鎖定而需要解鎖的麻煩操作，方便隨時瀏覽運動數據。

2. 設計思考

身體是革命的本錢，現一代的年輕用戶群體在緊湊的生活、工作的雙重壓力下，很多都會通過運動減壓。

基于金錢和時間成本的考慮，不一定會去健身房，那么運動軟件里的跑步就成了首選，如果不給自己定下跑步目標就很難堅持下去，有了目標后，手機屏幕上的數據就成了堅持跑步的關鍵。

在跑步時，用戶需要經常查看跑步的時長以及里程，因手機自動息屏鎖定的情況，需要解鎖方能看到數據，特別是有強迫癥的用戶可能會邊跑邊操作，非常麻煩。

若果手機配置較差，鎖屏后還有可能自動結束應用進程，真是苦不堪言，嚴重的話還會導致用戶失去跑步的動力，而運動APP也直接被雪藏。

使用keep跑步時，這個問題迎刃而解。在跑步設置里開啟屏幕常亮功能，就可避免因息屏鎖定而需要解鎖的麻煩操作，方便用戶在跑步的過程中隨時瀏覽運動數據，非常方便。

十一、結語

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

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

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

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

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