在 UI設計中，我們常常說用戶體驗至上，什么是用戶體驗?我們的產品為什么能夠留住人?為什么那么多人愛用?這都是值得思考的問題。

前幾天我在體驗一款產品注冊輸入驗證碼的時候發現，鍵盤能夠自動獲取到手機的短信，這真的是解救我這種每次輸入驗證碼要記兩遍的人。后來通過了解才知道是 iPhone手機更新 iOS12以后，系統鍵盤增加的提醒功能。

于是我又去研究了經常使用的京東金融，首先我測試了忘記密碼頁面，輸入驗證碼時他采用的系統鍵盤樣式，同樣系統鍵盤獲取到了短信驗證碼，直接點擊驗證碼即可輸入，簡單快捷。

同時我又測試了支付界面的短信驗證，京東金融為了安全考慮，并沒有采用系統鍵盤而是自己開發的安全鍵盤，并沒有獲取短信驗證碼信息，但是作為用戶的我并沒有感到不好用，畢竟以安全為主。

我想這個例子就可以回答我上面問的幾個問題。什么是用戶體驗?對于一個成熟的產品來說，你的用戶愛用、經常用就可以說他用戶體驗做得比較好。

如何才能讓用戶愛用呢?首先需要保證基本功能滿足;其次交互流程合理、最后在前兩個都做好的情況下，我們還可以從交互的小細節來提升產品體驗，從而讓用戶愛用。以下是我整理的8大交互小細節：

小操作也要及時反饋

讓用戶操作更方便

強調產品希望用戶注意的地方

激勵用戶進行下一步操作

新功能，引導用戶關注點

加入品牌基因

不經意時制造驚喜

點贊狀態跟隨

一、小操作也要及時反饋

反饋不單單是在大的功能頁面才用，小操作也需要提供及時反饋，讓用戶知道正在發生什么，從而有掌控感。這個反饋可以是聽覺、觸覺、視覺。

以愛奇藝安卓版V9.9.5視頻詳情頁為例，它就是加入了觸感反饋，當你點擊點贊或收藏時，手機會進行震動(目前iPhone版還未更新)，當我發現這個小交互的時候就被吸引到了。當你點贊的時候，就像你剛戀愛時，你男朋友牽你手觸電的感覺，加入觸感之后讓整個交互更加情感化了。同時當你點贊或收藏成功之后，也會及時反饋當前所處的狀態，提示成功，從而增強用戶的把控感。

二、讓用戶操作更方便

讓用戶操作更方便，這也是我們在做交互細節時需要考慮的，這樣可以盡可能的縮短用戶操作時間，同時也可以減輕用戶的認知負擔，促進用戶下單。

以天貓購物車為例，購物車單個列表可以左滑進行發現、移入收藏夾、刪除等功能，而我們長按列表，同樣可以展示這三個操作。

我們知道側滑操作是 iOS 才有的，而安卓版大多數編輯操作都是采用長按，天貓 iPhone版2種方式都有加入，可以照顧到更多人的習慣。

三、強調產品希望用戶注意點

產品不單單只是為了用戶體驗，其最終目的也是為了盈利，因此通過一些小交互也可強調產品希望用戶注意的地方。

左圖：以大眾點評為例，大眾點評詳情頁不斷上滑時，頂部會將個人信息和關注按鈕進行置頂操作，這樣就可方便用戶在瀏覽過程中隨時進行關注操作。

右圖：以掌上生活為例，在精選欄目界面向下滑動過程中，底部會出現一個產品的氣泡提示，點擊氣泡會下滑至相關位置的產品。

四、激勵用戶進行下一步操作

激勵用戶進行下一步操作，在一定誘因趨勢下，讓用戶自愿做產品期望他們做的事情，從而激勵用戶進行下一步操作。

以天貓雙11活動為例，從天貓首頁界面加入搶666紅包為誘導，作為用戶看到這樣的內容還是很想點進去看看的，當然進入之后也不負眾望確實讓我搶了紅包，領取到了80塊的福利，同時下方還有各種任務列表，一步步引導用戶去操作，從而達到產品想讓用戶操作的目的。

五、新功能，引導用戶關注

引導用戶關注，通過外力引導可以引導用戶做產品想讓他們做的事情，雖然我們說好的產品會自己說話，但是對于某些新操作，是有必要提醒用戶的。

以愛奇藝為例，在首頁你看到有一個長按試試的手型引導，這個是新加的操作，在初期長按操作優先在安卓版才有，但是很多人都不知道這個功能，我也是無意中發現的。在 iPhone版上線后，他們在第一張視頻圖上加入引導，可以更明確的讓用戶知道有該功能，長按封面后可對視頻進行預覽、收藏、直接看正片等操作。

六、加入品牌基因

在產品中合理的加入品牌基因，可以讓用戶一眼看出這是你的產品，從而提升產品的識別度。下面我找了兩款交互小細節中運用品牌基因的案例。如下圖：

以轉轉為例，它在底部標簽欄舵峰發布按鈕處，剛進頁面加載時，會有一個裝有發條的小熊在那轉啊轉，在如今趨同的產品中，很容易就能夠知道是轉轉的吉祥物。

以美團外賣為例，下拉刷新時，顯示一個袋鼠快遞員送餐的小動畫，看到它我們很容易就能夠知道是美團外賣。

七、不經意時，制造驚喜

不經意時，在一些小細節處制造驚喜，從功能上來說并沒有什么幫助，但是這個驚喜提供了超出了用戶預期的體驗，就會讓用戶對產品產生好感。

以騰訊視頻為例，在 doki明星詳情中，為明星打榜后可以繼續沖榜，點擊沖榜就有很多小愛心從天而降，為用戶營造浪漫溫馨的氛圍，提高用戶的幸福感。

八、點贊狀態跟隨

當某個功能比較重要時，可能會在多個地方出現，這時候就需要做好狀態的數據跟隨了，如下圖:

以騰訊視頻為例，騰訊doki詳情頁面在文章底部有一個大的點贊按鈕，提示用戶看完內容后進行點贊操作，但是如果用戶并沒有滑動到底部想點贊怎么辦，所以騰訊在詳情頁的底部固定有評論和點贊，在交互上就需要做到，點擊其中一個，另外一個效果要進行跟隨。

總結

作為設計師，我們在設計時除了考慮實現基本功能外，同時還可以考慮如何設計才能夠抓住用戶，讓用戶為你的產品買單。以上八個交互小細節其實仔細看，你會發現總結起來就是反饋、提醒、引導、激勵這些交互方式，在做交互設計時需要我們落實到細節，加強產品與用戶之間的互動，從而提升產品體驗的交互細節。

歡迎關注作者的微信公眾號：「海鹽社」

圖片素材作者：Timo Kuilder