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

不管你是一個(gè)什么類型的設(shè)計(jì)師，想要做出優(yōu)秀的作品都離不開長(zhǎng)期經(jīng)驗(yàn)的累積，那么去體驗(yàn)優(yōu)秀的作品并找到優(yōu)秀的點(diǎn)，挖掘背后的設(shè)計(jì)原因以及帶來的商業(yè)價(jià)值是必經(jīng)之路。靈感有時(shí)候來源于靈光一現(xiàn)，但更多時(shí)候來于自己設(shè)計(jì)信息的腦存量。

在體驗(yàn)優(yōu)秀的作品時(shí)，我們需要站在用戶的角度去發(fā)現(xiàn)好設(shè)計(jì)細(xì)節(jié)及交互解決方案，思考能給企業(yè)或用戶帶來價(jià)值并記錄下來，久而久之，就能提高自己的語言組織以及總結(jié)能力，再通過不斷的練習(xí)，以達(dá)到質(zhì)變效果。

01 「微信」雙擊tab圖標(biāo)-快速定位未讀消息

1. 產(chǎn)品體驗(yàn)

在微信清理遺漏的未讀消息時(shí)，雙擊底部的微信圖標(biāo)，即可自動(dòng)精準(zhǔn)定位到未讀消息的小紅點(diǎn)位置。

2. 設(shè)計(jì)思考

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

當(dāng)我們收到了很多消息時(shí)，怎么清理都會(huì)發(fā)現(xiàn)還有小紅點(diǎn)，需要不停的上下滑動(dòng)在龐大的消息列表中反復(fù)尋找，非常麻煩，一不小心就錯(cuò)過重要消息，對(duì)于有強(qiáng)迫癥的用戶，看到?jīng)]有清理的小紅點(diǎn)真的是渾身難受。

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

在微信的消息列表頁面，只需雙擊底部標(biāo)簽欄的微信圖標(biāo)，就會(huì)自動(dòng)跳轉(zhuǎn)到未讀消息處，幫助用戶快速依次定位到相關(guān)的消息人位置，不會(huì)遺漏。尤其是關(guān)注了很多服務(wù)號(hào)以及加了很多的好友，有時(shí)候下拉真的比較難找，對(duì)無法忍受小紅點(diǎn)，不點(diǎn)就受不了的用戶來說，這個(gè)功能實(shí)在是太棒了，減少操作步驟，節(jié)約了大量的時(shí)間。

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

1. 產(chǎn)品體驗(yàn)

在UC瀏覽器的底部彈出菜單中，點(diǎn)擊多窗口后，即可加入新的窗口，實(shí)現(xiàn)多頁面瀏覽。再次進(jìn)入底部菜單會(huì)顯示多個(gè)窗口的統(tǒng)計(jì)數(shù)量，進(jìn)入后可進(jìn)行增/刪窗口操作。

2. 設(shè)計(jì)思考

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

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

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

在UC瀏覽器的底部菜單中，點(diǎn)擊多窗口里面的“+”，即可新增一個(gè)窗口，實(shí)現(xiàn)多窗口瀏覽。再次打開底部菜單，就可以看到已打開的窗口數(shù)量，進(jìn)入可新增、刪除或切換窗口操作。

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

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

1. 產(chǎn)品體驗(yàn)

在躺平APP的圈子頁面，如果沒有加入圈子，會(huì)出現(xiàn)一個(gè)很有趣的動(dòng)畫提示及引導(dǎo)用戶去加入新的圈子。

2. 設(shè)計(jì)思考

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

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

有時(shí)候連設(shè)計(jì)師都在想“這塊在沒有數(shù)據(jù)的時(shí)候，應(yīng)該顯示什么東西呢？”，其實(shí)連設(shè)計(jì)師自己都不清楚，何況是用戶?？漳K在引導(dǎo)性、愉悅性和保留用戶等方面的潛質(zhì)，對(duì)于產(chǎn)品體驗(yàn)在細(xì)節(jié)當(dāng)中的成敗有著不可忽視的作用。

躺平APP在空狀態(tài)上體驗(yàn)非常的友好。在圈子頁面，如果沒有加入圈子，會(huì)出現(xiàn)一個(gè)很有趣的動(dòng)態(tài)插畫，用IP撥動(dòng)著“十字架”轉(zhuǎn)著圈圈，就像我們?cè)跊]事的時(shí)候摳著手指、搓著衣角一樣，顯得非常無聊，好像在說：這里什么沒有，趕快加入一個(gè)圈子吧?？此埔粋€(gè)簡(jiǎn)單的動(dòng)畫，卻帶來了不錯(cuò)的用戶體驗(yàn)。

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

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

1. 產(chǎn)品體驗(yàn)

在京東APP的購物車?yán)铮绻砑拥纳唐诽?，需要選擇性的清除一部分，可以使用快速清理，購物車的所有商品將主圖用宮格的樣式呈現(xiàn)以供選擇，一目了然。

2. 設(shè)計(jì)思考

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

可能是為了比價(jià)、一時(shí)的心動(dòng)、便于以后查看或者等待節(jié)日優(yōu)惠，時(shí)間一久，購物車物滿為患，不得已挨個(gè)挑選然后移除，對(duì)于一屏只能展示3個(gè)商品的購物車，反復(fù)的上下滑動(dòng)挑選真的是費(fèi)時(shí)間。

京東APP的快速清理，對(duì)購物車商品的整理節(jié)約了大量的時(shí)間。在編輯狀態(tài)下，點(diǎn)擊下方的快速清理，購物車的所有商品將主圖用宮格的樣式呈現(xiàn)以供用戶選擇。

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

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

1. 產(chǎn)品體驗(yàn)

好奇怪的登錄頁面，右上方卡通公仔的視覺線正對(duì)準(zhǔn)輸入?yún)^(qū)域，非常可愛。在輸入密碼時(shí)，卡通公仔會(huì)用雙手遮住眼睛，給用戶一種安全的暗示。

2. 設(shè)計(jì)思考

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

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

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

06 「網(wǎng)易云音樂」通曉古今音樂史的日歷

1. 產(chǎn)品體驗(yàn)

在網(wǎng)易云音樂發(fā)現(xiàn)頁面，上滑至1.5屏的位置，即可點(diǎn)擊音樂日歷進(jìn)入，隨時(shí)查看過去、今天、未來一段時(shí)間的音樂新聞，比如新上映歌曲專輯、歷史上今天的大事件、紀(jì)念日等。

2. 設(shè)計(jì)思考

喜歡音樂的用戶，對(duì)網(wǎng)易云音樂來說應(yīng)該都不陌生，雖然沒有酷狗音樂那么的強(qiáng)大，但在音樂方面的一直都很專業(yè)，同時(shí)也研發(fā)出了很多小功能、小細(xì)節(jié)，比如：評(píng)論區(qū)抱一抱、一起聽歌“淋雨”等，深得人心。

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

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

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

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

1. 產(chǎn)品體驗(yàn)

在微信朋友圈頁面，長(zhǎng)按用戶頭像2秒，點(diǎn)擊彈窗中的設(shè)置權(quán)限，就可以設(shè)置不看他或不讓他看。

2. 設(shè)計(jì)思考

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

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

微信表面上看著簡(jiǎn)單易用，其實(shí)真不簡(jiǎn)單，有很多隱藏的小功能需要我們?cè)诓煌５氖褂眠^程中去慢慢發(fā)現(xiàn)。在朋友圈頁面，長(zhǎng)按用戶頭像2秒，會(huì)出現(xiàn)一個(gè)彈窗，點(diǎn)擊設(shè)置權(quán)限，即可直接進(jìn)入設(shè)置頁面，開啟或關(guān)閉朋友圈權(quán)限，對(duì)比常規(guī)的從個(gè)人信息頁面進(jìn)入，相當(dāng)于開辟了一條高速公路，非常便捷。

對(duì)用戶來說，每減少一步操作，用戶體驗(yàn)就提升了一大步，縮短路徑，簡(jiǎn)化了操作流程。

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

1. 產(chǎn)品體驗(yàn)

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

2. 設(shè)計(jì)思考

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

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

我們?cè)谑褂盟阉鞴δ軙r(shí)，最常見的操作為：在文本輸入狀態(tài)下，若想改為語音錄入，則需要返回上一級(jí)頁面，再次從語音入口進(jìn)入；同理，語音錄入狀態(tài)改為文本錄入，依然是先返回再重新進(jìn)入，這種交互步驟也成了用戶認(rèn)知的一種常態(tài)。

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

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

1. 產(chǎn)品體驗(yàn)

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

2. 設(shè)計(jì)思考

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

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

10 「QQ閱讀」模擬現(xiàn)實(shí)的日/夜模式切換

1. 產(chǎn)品體驗(yàn)

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

2. 設(shè)計(jì)思考

夜間模式對(duì)大家來說，一點(diǎn)都不陌生了，尤其是對(duì)于閱讀類型的APP，夜間模式早已屬于標(biāo)配。考慮到為了保護(hù)好用戶的視覺，給予一個(gè)舒適的移動(dòng)端閱讀環(huán)境，只要進(jìn)入設(shè)置就可以隨時(shí)更換日/夜間模式。

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

（PS：由于拉繩燈在現(xiàn)實(shí)生活中，時(shí)代較為久遠(yuǎn)，新一代的年輕用戶并非都能識(shí)別，若非對(duì)主要用于人群做過市場(chǎng)數(shù)據(jù)收集及調(diào)研，這種切換方式還請(qǐng)謹(jǐn)慎使用）

本期產(chǎn)品細(xì)節(jié)分享結(jié)束，我們下期再見。

作者：大漠飛鷹；公眾號(hào)：能量眼球

本文由 @大漠飛鷹 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議。