設(shè)計的思考不僅要注重表象層面，也需要圍繞信息傳達這一設(shè)計的本質(zhì)功能，以充滿自省的精神深化和反思自己的設(shè)計意識，即做到“好看、好用”。在設(shè)計過程中，要站在公司的利益上，懂用戶所想，在每一個關(guān)鍵點都要帶給用戶意想不到的驚喜，這些往往都是通過細(xì)節(jié)體現(xiàn)出來的。

01.「微信」添加好友-掃描與被掃指尖切換

產(chǎn)品體驗：

使用微信掃一掃添加好友時，如果對方打開二維碼的速度較慢（網(wǎng)絡(luò)不好/手機卡頓/操作不熟），為避免自己久等，可通過左下角的二維碼入口將自己的個人二維碼提供給對方掃描添加。

設(shè)計思考：

微信的掃一掃功能簡直強大到不敢相信，除了我們?nèi)粘Ｒ玫闹Ц陡犊?、物品查詢、各種信息的獲取等，還有一個重大的功能就是添加好友。不知道大家有沒有碰到過這種情況，需要添加好友時，自己打開掃一掃，過了很久卻發(fā)現(xiàn)對方還在功能的路徑中徘徊，遲遲沒有打開二維碼頁面，這時我們不得不說一聲“你掃我吧”，于是自己從掃描頁面返回，一頓騷操作，把自己的個人二維碼給對方展示了出來。

微信在掃一掃頁面左下角提供的個人二維碼入口，便于在加好友出現(xiàn)問題時，隨時由被動變?yōu)橹鲃?，指尖切換掃描與被掃的添加方式，節(jié)約用戶時間成本以及緩解掃描等待的焦慮感。基于用戶添加好友時所處的使用環(huán)境，考慮周全且人性化，極大方便用戶使用。

02.「高德地圖」錄入車牌號-降低限行違章概率

產(chǎn)品體驗：

在高德地圖的導(dǎo)航設(shè)置中，錄入自己的車牌號并開啟避開限行提醒，在導(dǎo)航過程中如果途徑限行路段，系統(tǒng)會有語音播報提醒并自動避開限行路段重新規(guī)劃路線。

設(shè)計思考：

自北、上、廣、深四個一線城市交通部分別出臺汽車限行措施后，其他部分城市也相繼出了限外政策，外地車牌如果想要在本城市隨時出行，需要（部分城市通過搖號）獲得本地車牌號方可。不管我們對交通路線有多熟悉、或者經(jīng)過其他城市的限行路段，因限行導(dǎo)致的違章真是防不勝防，畢竟每個地方的限行政策都是通過固定渠道對外宣布，不會通知到每一個駕駛員，如果不能第一時間獲得限行訊息，悔之晚矣。

使用高德地圖導(dǎo)航，在登錄后錄入車牌號并開啟“避開限行”，系統(tǒng)就會自動檢測導(dǎo)航路線，如果要經(jīng)過限行/限外路段時會自動重新規(guī)劃，通過繞行來避讓限行的路段，如果無法避開則提示：已無法為你規(guī)避限行路段，請合理安排出行。自動規(guī)劃路線能夠有效避免因限行導(dǎo)致的違章，給我們造成經(jīng)濟損失，尤其是駕照，畢竟一周期才12分。就算無法避開，也可以通過語音提前知道限行路段，并合理安排出行時間。

（PS：雖然很多用戶感覺無需登錄也可以正常使用，但登錄之后可以享受更多特權(quán)以及更加優(yōu)質(zhì)的服務(wù)）

03.「支付寶」你想要的收款二維碼樣式是這樣的

產(chǎn)品體驗：

在支付寶的收款二維碼頁面截圖時，系統(tǒng)預(yù)判用戶有使用二維碼收款的需求，通過彈窗提示是否需要保存二維碼圖片，自動去掉無關(guān)信息并統(tǒng)一規(guī)范樣式。

設(shè)計思考：

移動支付自上線開始，微信支付和支付寶支付各自占領(lǐng)著半江山，只要涉及線上交易，絕大多數(shù)用戶每天必定會選擇其中一個使用，雖然兩大企業(yè)的方向截然不同，但支付系統(tǒng)在用戶體驗方面都是一如既往的持續(xù)提升，以此來增加用戶的粘性。

支付寶收款二維碼頁面觸發(fā)截圖，在截取成功的狀態(tài)下，同時彈出保存二維碼圖片提示。跟設(shè)備截取的圖片相比，單獨保存的二維碼樣式更加簡潔，且規(guī)范統(tǒng)一，信息內(nèi)容更加聚焦，便于用戶直接傳送或打印使用。其實進入收款二維碼頁面，在下方原本就有保存圖片入口，基于用戶進入此頁面的需求明確，對性子較急且耐性較低的用戶來說，這個被弱化的保存入口，可能直接忽略（別不信，我見過有人手上拿著手機還在到處找手機）。截圖時出現(xiàn)的彈窗提示，相當(dāng)于上了一道保險，避免使用截圖自行裁剪打印的樣式不統(tǒng)一，導(dǎo)致付款用戶心中原本就已存在的默認(rèn)收款二維碼樣式發(fā)生變化，形成認(rèn)知負(fù)擔(dān)。

04.「抖音」暗示用戶-好看就要分享

產(chǎn)品體驗：

在抖音短視頻頁面停留一段時間后，分享圖標(biāo)會自動變成最近常分享的某個用戶頭像，暗示用戶好東西要分享。

設(shè)計思考：

抖音作為當(dāng)前最火的短視頻（直播）平臺，相信很多用戶即使不經(jīng)常玩，但最起碼會玩，雖然有部分低俗、劣質(zhì)的用戶在破壞著平臺的規(guī)則，但整體看來是利大于弊的，其他的交給人心。下載抖音的用戶大部分獲取來源應(yīng)該是來自于他人的分享，一傳十十傳百，最終傳到人手必備，所以平臺是相當(dāng)注重分享功能的用戶體驗。

抖音的分享功能，其實還有一個小細(xì)節(jié)，當(dāng)我們停在某個短視頻頁面一段時間時，原本的分享圖標(biāo)會變成最近分享的用戶的頭像。用戶對分享功能都有常規(guī)的認(rèn)知，當(dāng)我們在觀看某個視頻一段時間后，系統(tǒng)自動評判該用戶對此視頻感興趣，基于用戶看到感興趣的東西就喜歡炫耀、分享的心理（比如“孫悟空到此一游”），系統(tǒng)將分享圖標(biāo)變成用戶頭像，意在提醒觀者分享，以達到最大化傳播可能的目的，以及為平臺拉取新用戶。

05.「智行火車票」搜索攻略-確保使用的流暢性

產(chǎn)品體驗：

首次打開智行火車票的搜索功能，會自動彈出搜索攻略，以指導(dǎo)用戶可搜索的范圍及使用規(guī)范，后續(xù)再次打開搜索即恢復(fù)常規(guī)用法，如果再次了解，點擊搜索攻略即可。

設(shè)計思考：

對于搜索功能，可謂是熟悉的不能再熟悉了，千篇一律的輸入關(guān)鍵字即可，大不了重新再來。搜索是產(chǎn)品中不可或缺的一部分，無論打開哪個App,都能很快找到，但如果搜索功能做的好了，也是用戶轉(zhuǎn)化的關(guān)鍵流量入口，比如搜索方式、呈現(xiàn)樣式、搜索引導(dǎo)等，用戶體驗不容忽視。

智行火車票APP的搜索攻略就是在合適的時間、合適的地點準(zhǔn)確的傳達給用戶。首次進入，即自動彈出搜索攻略教育新用戶，明確的告知使用搜索功能可以搜什么？怎么搜？避免用戶一打開就直接擼字，而造成使用錯誤的概率提高以及影響搜索結(jié)果的準(zhǔn)確性，用戶一旦碰壁，很有可能轉(zhuǎn)身就離開。自動彈出的搜索攻略由被動變?yōu)橹鲃?，可以提前告知用戶搜索范圍及關(guān)鍵詞示例，降低出錯的幾率，讓整個搜索流程更加順暢，為后續(xù)的使用提供便利，減少用戶的流失。

06.「蝦米音樂」評論-一鍵表達心情

產(chǎn)品體驗：

在蝦米音樂聽歌時，進入評論功能，除了可文字評論外，還能表達聽歌時的心情，隨時查看有多少同樣心情的人在聽這首歌，很有代入感。

設(shè)計思考：

文字是我們交流常用的元素，但很多時候因使用的方法不當(dāng)而造成含義上的變化，比如一段話后面加個感嘆號，到底是消極還是敵意？聲音也是一樣，當(dāng)我們開著車對行人按喇叭，是表示禮貌還是憤怒？而表情則是不同，它表達的是一種類型，比如一個笑臉，可以理解為滿意、開心、高興等。表情除了可以委婉的表達自己內(nèi)心的情感之外，也是因為表情的無責(zé)任性，你會聽到人說，請注意你的言行，但沒人會說，請注意你的表情包。

蝦米音樂APP在歌曲的評論功能，除了有文字評論之外，還可以表達聽歌時的心情，即表情評論。進入評論頁面，首先看到的是某某等幾人使用的什么樣的心情評論，并提示共有多少人參與，引導(dǎo)用戶接下來該做什么，讓用戶快速地進入到產(chǎn)品使用中，給予了明確行為操作的指令，觸發(fā)并提高了用戶的參與度。另外使用表情相比文字評論更容易操作，系統(tǒng)預(yù)設(shè)好可供用戶選擇的表情包并附帶文字提示，用戶無需思考便可一鍵操作，很大程度上降低了完成的難度。事實表明，同樣能達到目的的辦法，簡單的是最實用、也是。

07.「美團」收貨地址-二次提醒降低出錯的概率

產(chǎn)品體驗：

在美團提交訂單頁面選擇好地址后，頁面上滑，詳細(xì)地址會懸浮在導(dǎo)航欄，便于用戶二次確認(rèn)或修改。

設(shè)計思考：

線上購物已經(jīng)成為了我們的家常便飯，外賣行業(yè)解決著我們“吃”的問題更不例外。通常我們在選擇好商品后，地址作為重量級的信息都會優(yōu)先展示在訂單頁面的頂部，首先基本都會提供一個默認(rèn)地址，如果不需要進入地址修改即可。縱然如此，依然有部分用戶因為急于下單，后續(xù)發(fā)現(xiàn)地址錯誤，就需要聯(lián)系商家修改地址或者取消訂單重新下單，浪費時間不說，還會影響心情。

美團APP在提交訂單頁面，針對地址方面相當(dāng)于加了一道保險。用戶在選擇完地址上滑頁面后，詳細(xì)地址懸浮在的標(biāo)題欄上，點擊可直接修改收貨地址，雖然不一定每個用戶都能看到，但長時間懸浮在頁面頂部，時刻都在提醒著用戶，只要稍一抬頭，即可看到醒目的大字（地址），便于用戶潛意識的瀏覽或眼睛的余光掃描，發(fā)現(xiàn)有誤及時修改，降低下單時地址出錯的概率，考慮周全，給予更好的用戶體驗。

08.「菜鳥」下拉刷新-趣味化的“空投”

產(chǎn)品體驗：

菜鳥APP在頁面下拉刷新的過程中，會有一個紙箱從空中落下的動畫效果，類似空投，仿佛在說“你的補給已送到，請及時查收”，非常貼合平臺的屬性及特征。

設(shè)計思考：

下拉刷新早就不是什么新鮮的東西了，幾乎所有的應(yīng)用里都會有這個功能，通常都是一個持續(xù)的動效在告知用戶，頁面的數(shù)據(jù)正在加載，請稍等，市場上很多APP的刷新樣式都是大同小異。不過一旦做好刷新樣式，就不僅僅是告知用戶當(dāng)前頁面狀態(tài)這么回事了，比如下拉刷新前后兩種狀態(tài)借助過渡動效連接到一起，讓用戶了解界面到底發(fā)生了什么改變，以及在刷新的過程中如何留住用戶繼續(xù)等待，避免用戶焦躁的情緒......

菜鳥APP在下拉刷新的過程中就使用了趣味性的動畫方式，首先通過空中出現(xiàn)的箱子緩緩落到地面，有趣又貼合產(chǎn)品整體的設(shè)計概念，用生動形象的情感化設(shè)計反饋平臺行為，為人機交互增加了趣味性和互動性，而且還可以緩解用戶在等待刷新過程中的焦慮感；其次，這種動效可用幫助用戶理解屏幕上發(fā)生了什么，也會讓用戶有所期待。

（看到這個動效，有沒有似曾相識的感覺“哇，那邊有空投，馬上要落地了，趕緊上車沖過去”）

09.「美團」匿名差評-降低商家對用戶的騷擾

產(chǎn)品體驗：

對美團的訂單進行評價時，如果選擇差評（1~2分），系統(tǒng)將自動開啟匿名開關(guān)以便于用于匿名評價，商家是無法查詢到匿名用戶信息的。

設(shè)計思考：

評價在商品頁面展示給所有用戶，對店鋪商品起著至關(guān)重要的作用。95%的用戶購物之前都會參考評價，好評會增加用戶購買信心；而差評可能會讓用戶放棄購買這個商品，甚至認(rèn)為這不僅僅是劣質(zhì)商品，更有劣質(zhì)店鋪的潛在想法。其實有很多商家都有通過刷單來提升店鋪的銷售量和買家秀的質(zhì)量，作假都尚且如此，何況是真實用戶呢？所以商品一旦有了差評，不僅會影響店鋪的整體動態(tài)評分和好評率，還會降低店鋪排名，很大程度上會影響其他用戶判斷及產(chǎn)品的轉(zhuǎn)化率，所以商家一看到差評就激動得馬上打電話和買家溝通改評價，低頭認(rèn)錯，尤其是新店或者新品有差評時，不斷的聯(lián)系（騷擾）會給消費者帶來一定的困擾。

美團APP的訂單評價如果選擇差評，系統(tǒng)將自動開啟匿名評價，由被動變?yōu)橹鲃樱苊庥脩粢蚯榫w化或忘記打開匿名，而遭受到商家電話的騷擾，通過補償被要求修改或刪除差評。當(dāng)然，如果用戶不想匿名，關(guān)閉開關(guān)即可。匿名評價不僅降低用戶的困擾，還能提升商品評論的真實性，以協(xié)助平臺通過大數(shù)據(jù)對整體店鋪進行排名和評分展示，減少對后來消費者的誤導(dǎo)。

（杠精思維“這樣豈不是讓很多鍵盤俠來惡意給店鋪差評”。其實別忘了一個前提，就是必須要通過下單支付并等待訂單完結(jié)后才可以進行評價，畢竟大部分用戶不會刻意這樣做，任何產(chǎn)品不就是滿足80%以上的用嗎？）

10「釘釘」保護信息隱私的密聊

產(chǎn)品體驗：

從釘釘好友對話框的右上角進入設(shè)置頁面，點擊進入密聊，即可對聊天信息上一道鎖，保護信息隱私安全。

設(shè)計思考：

眾所周知，我們在聊天的過程中，信息很容易泄露，有很多窺探用戶隱私的程序，比如進入某些網(wǎng)頁會提示需要獲取用戶位置、讀取通訊錄等都屬于隱私。尤其是社交類型的應(yīng)用，會有相關(guān)保護交流信息的安全措施。如消息撤回、閱后即焚、動態(tài)瀏覽權(quán)限等都有一定效果。

釘釘推出的密聊功能就是聊天信息的一道安全鎖。進入密聊后，消息禁止復(fù)制和轉(zhuǎn)發(fā)、頭像名字打碼防截屏、不可被錄屏、消息通知不顯示內(nèi)容等，很大強度上保護交流信息的隱私，給用戶帶來安全保障。

（有人會問，用微信的人更多，為什么沒有密聊功能呢？從用戶群體和性質(zhì)來分析，微信主打社交，男女老少通吃，基本上都是嗨聊、打發(fā)時間或平時的常規(guī)交流等；而釘釘主打的移動辦公，主流的用戶基本趨向于白領(lǐng)類型的群體，一般屬于工作交流，很多聊天都涉及到商業(yè)信息，包括一些文件和商業(yè)機密，誰都清楚商業(yè)機密泄露的嚴(yán)重性）

結(jié)語：

設(shè)計師需要養(yǎng)成體驗產(chǎn)品的好習(xí)慣并將優(yōu)秀的產(chǎn)品細(xì)節(jié)記錄下來，加強自己的記憶，不僅能提升自己的語言組織和總結(jié)能力，也為日后輸出優(yōu)秀的作品當(dāng)鋪墊，對自己的能力提升以及未來的職業(yè)發(fā)展帶來便利。

轉(zhuǎn)自：站酷

作者： 大漠飛鷹CYSJ 

藍(lán)藍(lán)設(shè)計( m.sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)