編輯導(dǎo)語：設(shè)計師往往會賦予產(chǎn)品一些人性化的小設(shè)計，有些產(chǎn)品的小細(xì)節(jié)用戶在使用的過程中注意到了，并且深得消費者的青睞，而有些則被忽略了。本文作者通過日常的使用、思考與總結(jié)，為我們分享了一些既能美化界面，又能提升用戶體驗感的小設(shè)計，希望能對你的設(shè)計提供一些思路。

作為設(shè)計師，我們時時刻刻都在和各種應(yīng)用打交道，在體驗的過程中，其實里面有很多小揪揪需要深挖和思考，所以千萬不能小瞧它。

很多產(chǎn)品細(xì)節(jié)的背后都是為了更多新用戶的加入、瀏覽、留存、付費/轉(zhuǎn)化等，以最終達(dá)到對用戶服務(wù)/體驗的提升、內(nèi)容生產(chǎn)者的利益以及企業(yè)自身的商業(yè)化。

一、「微信」文本輸入-智能匹配表情

1. 產(chǎn)品體驗

在微信聊天的文本框輸入文字時，系統(tǒng)會根據(jù)文字的含義在已添加的表情專輯里智能篩選與文字含義相近的表情包，點擊即可直接發(fā)送。

2. 設(shè)計思考

微信作為最主流的社交軟件，算是人人必備了——下至剛會走路的孩子、上至80歲的老人，而微信最大的作用就是聊天（花樣多的就不提了）。

相信有很多用戶在微信的工具欄都添加了很多的表情包專輯，平時可以用來聊天、斗圖、簡單的文字替代等，但因添加太多，很多時候無法在短時間找到與想發(fā)送的文字含義相近的表情包。

微信聊天打字時，系統(tǒng)會自動匹配與文字含義相近的表情包，這個功能雖然出來已久，但存在的意義絕不是表面上看到的“方便”這點作用。比如：

1. 有時為了不想打字，可以直接回個表情包，簡單明了；
2. 衍生跟文字相近的含義，表情包可以用來增強(qiáng)語氣，對文字進(jìn)行補(bǔ)充說明；
3. 相對于冷冰冰沒有溫度的文字相比，表情包更貼近用戶的心理模型，產(chǎn)生趣味性、同理心等作用。
4. 難以啟齒或者羞于開口的文字，可以通過表情包的方式表達(dá)，以玩味的方式避免造成交流過程的不愉快
5. ……

表情包正是有了這些作用，方能襯托出“打字時自動匹配表情”的重要性，在使用過程中操作更加便捷，尤其是添加太多的表情專輯，再也不用花時間去苦苦尋找合適表情包了。

自動匹配這一功能給用戶帶來愉悅的體驗，增強(qiáng)使用頻率及用戶粘性。

二、「波洞」頂部導(dǎo)航-下劃線的巧妙過渡

1. 產(chǎn)品體驗

在體驗波洞APP時，所有帶頂部導(dǎo)航欄的頁面，在切換導(dǎo)航時，標(biāo)題的下劃線以聲波的異形樣式平滑過渡切換。

2. 設(shè)計思考

一個APP的頂部標(biāo)簽式導(dǎo)航，其作用僅次于底部標(biāo)簽欄的導(dǎo)航，類似于一個主要頁面的模塊分類；當(dāng)類型較多又不是太多時候，采用頂部標(biāo)簽導(dǎo)航是最合適的辦法，不僅容易吸引用戶去操作，還可以通過左右滑動的方式作全視化的展示，傳達(dá)更多信息。

波洞APP也采用了這種大眾化的頂部標(biāo)簽帶下劃線的導(dǎo)航樣式，但最引人注目的是切換時過渡的樣式。

在切換導(dǎo)航時，標(biāo)題的下劃線以聲波的異形樣式平滑過渡切換，就像一條蠕動的蟲子，通過這種樣式做到差異化，略帶趣味性增加用戶使用時的操作頻率。

通過聲波樣式的品牌元素作為下劃線的過渡，可以讓用戶在操作的過程中產(chǎn)生更深刻的印象，其記住的就是品牌的本身。

三、「躺平」品牌元素-融入用戶心理模型

1. 產(chǎn)品體驗

躺平APP從桌面啟動圖標(biāo)開始，到啟動頁，再到各頁面的扁平形象、空狀態(tài)、系統(tǒng)頭像等，都完美融合了用戶的心理模型及品牌元素，讓用戶印象深刻。

2. 設(shè)計思考

大部分APP應(yīng)用都融入了品牌基因，但基本上都是為了宣傳推廣、讓用戶記住或表現(xiàn)自己而強(qiáng)行注水，往往忽略了產(chǎn)品本身給用戶帶來的體驗以及產(chǎn)生的商業(yè)價值。

就像一個人有著華麗的外表而失去了靈魂，最終產(chǎn)生的結(jié)果跟企業(yè)的預(yù)期相差甚遠(yuǎn)。

躺平APP在品牌元素融入這一塊，做的算是出類拔萃的了，桌面圖標(biāo)、啟動頁、系統(tǒng)元素及空頁面，都是根據(jù)用戶的心理模以元素視覺化的形式展示給用戶，更貼近真實環(huán)境，用圖形提前表達(dá)出心理感受，讓用戶產(chǎn)生心理變化以增加情緒記憶。

比如：讓用戶熟悉的單詞、短語和概念進(jìn)行圖形化，而不是系統(tǒng)導(dǎo)向的術(shù)語，通過圖形描述來遵循現(xiàn)實世界的約定，使信息以自然且合乎邏輯的順序出現(xiàn)，給用戶更加直觀的感受，活潑有趣且讓用戶過目不忘。

四、「京東」新增地址-訪問剪切板并帶入地址信息

1. 產(chǎn)品體驗

在京東APP新建收貨人信息時，進(jìn)入該頁面，系統(tǒng)自動訪問剪切板，如果有復(fù)制過跟地址類型相似的信息，會通過彈窗提示確認(rèn)信息內(nèi)容，點擊立即粘貼，系統(tǒng)自動分離信息類型并錄入至對應(yīng)的表單輸入框，非常實用。

2. 設(shè)計思考

在我們使用的眾多電商APP里面，其中有大部分都錄入過地址信息，除了給自己買商品之外，有時還可能幫別人買或者買來送人。

關(guān)于收貨地址，最常見的方式就是別人通過QQ或微信把收貨地址發(fā)給我們，然后我們自己在APP里新增地址；但針對這么多種類的信息，很難做到一次性記住。

就需要在添加地址的APP與收信息的APP來回切換，最終完成地址的錄入，其中有部分設(shè)備較為老舊，在多個應(yīng)用切換時，還會出現(xiàn)應(yīng)用自動結(jié)束進(jìn)程或者閃退的現(xiàn)象，一言難盡。

京東APP在添加用戶收貨地址時，就免去了這個苦惱，只需要把地址信息復(fù)制，進(jìn)入新建收貨人頁面，系統(tǒng)會自動訪問剪切板并通過彈出顯示已復(fù)制的信息內(nèi)容，粘貼即可自動區(qū)分信息類型，自動錄入到對應(yīng)的表單輸入框。

如果有誤修改即可，讓新增地址變的更加簡單，大幅度的提升了操作效率，節(jié)約時間成本。

五、「淘寶」查看物流-地圖運輸軌跡帶來心理安慰

1. 產(chǎn)品體驗

在淘寶待收貨的訂單里，查看物流時，將物流的文字區(qū)域下拉，即可看到地圖上車輛的運輸軌跡信息。

2. 設(shè)計思考

我們在電商應(yīng)用里買到心儀的商品之后，最關(guān)心的應(yīng)該就是物流信息了。從下單開始，時不時就會去看上一遍，有很多用戶并不是因為急用，而是想快速體驗收到商品之后的心理滿足感。

但往往事與愿違，當(dāng)我們看了十幾遍之后，心里會更加的焦慮。

在淘寶APP查看訂單物流時，下滑頁面將文字信息拖到底部，即可看到地圖上物流車輛的運動軌跡，比起蒼白無力的文字信息相比，會有一種商品離自己越來越近的真實感，帶給用戶一種心理上的安慰。

另外地圖軌跡的信息更新較為延后，是因為商品到達(dá)一個站點，工作人員需要通過手動錄入信息變更狀態(tài)后，地圖軌跡才會更新。

因快遞公司經(jīng)常都是大批量的操作，等很多快件到了之后一起更新，所以先前到的快件需要很久之后才能看到地圖上的更新軌跡，雖然相比真實信息較為延后，但很有可能會降低用戶的時間預(yù)期而帶來意外驚喜。

說到意外驚喜，可能有人不理解或者不認(rèn)同，下面我舉個例子：

我們在某電商平臺購物，商家說2天就能收到商品，但過了3天才收到，這時候就會不淡定了，差評、抱怨、投訴滿天飛；但如果商家說4天才能收到商品，我們可能去別的店看或者隨便抱怨幾句就下單了，同樣是過了3天就收到商品，這時心情一定是激動的，服務(wù)好、物流快就成了當(dāng)時心情的代名詞，這個就是意外驚喜。

同樣的道理，淘寶物流地圖上的軌跡信息相對延后，很可能地圖上顯示快遞還在隔壁城市，但下一分鐘就收到派件電話，說已經(jīng)到樓下了，這時候的你可能不激動嗎？

六、「騰訊地圖」導(dǎo)航車標(biāo)-超趣味的主題切換

1. 產(chǎn)品體驗

使用騰訊地圖導(dǎo)航時，點擊車標(biāo)即可選擇自己喜歡的主題，下載使用后，地圖上原來的車標(biāo)就會變成自己喜歡的形象，滑稽有趣。

2. 設(shè)計思考

幾乎每個年輕用戶的手機(jī)里都裝有地圖應(yīng)用，無論是出門自駕、騎行、步行或者地點查詢，都會打開地圖應(yīng)用。常規(guī)的地圖功能都可以滿足用戶的需求，但有哪些比較好的細(xì)節(jié)可以增加用戶的粘性呢？

騰訊地圖相比某德地圖，雖然用戶體量小了很多，但通過創(chuàng)新的設(shè)計加上原有各渠道的推廣，依然有大量的用戶使用。

騰訊地圖APP通過趣味化的方式在導(dǎo)航車標(biāo)上加入了各種主題，通過下載自己喜歡的主題切換后，地圖上原來的車標(biāo)就會變成自己喜歡的形象。

眾所周知，騰訊游戲是整個行業(yè)中不可逾越的一座大山，在眾多主題里，「和平精英」、「王者榮耀」的形象就是用戶最熟悉的。

用戶可以選擇游戲人物角色、摩托車、卡丁車等作為地圖導(dǎo)航中的車標(biāo)?？梢韵胂?，騎車摩托車、安吉拉用著疾跑、開著卡丁車在地圖上狂奔是一種什么樣的感覺。

騰訊團(tuán)隊通過整合各種現(xiàn)有資源作為主題，給用戶創(chuàng)造了既然趣味又個性化的體驗，帶給用戶驚喜以增強(qiáng)用戶粘性。開車疲倦時，導(dǎo)航換個“吃雞”人物形象，有沒有感覺精神抖擻、到了服務(wù)區(qū)要來兩把的沖動。

七、「騰訊動漫」取消收藏-有那么容易取消成功嗎？

1. 產(chǎn)品體驗

體驗騰訊動漫APP，針對喜歡的動漫點擊收藏時，會從頂部向下彈出成功收藏提示的毛玻璃效果。取消收藏，系統(tǒng)會彈窗提示，并結(jié)合情感化的挑逗文案挽留用戶放棄當(dāng)前操作。

2. 設(shè)計思考

收藏（關(guān)注、喜歡）是每個用戶都操作過的，也是每個應(yīng)用最常見的功能了，雖然各種應(yīng)用屢見不鮮，但收藏的交互樣式就那么回事，常用的就是點擊“收藏成功”、再點擊“取消收藏”的toast樣式。

騰訊動漫APP的收藏交互就與眾不同了：點擊收藏時，會從頂部向下彈出成功收藏提示，這也符合用戶從上到下、從左到右的常規(guī)視覺瀏覽習(xí)慣，將操作結(jié)果反饋讓用戶第一時間發(fā)現(xiàn)。

取消收藏時，系統(tǒng)會彈窗提示，并結(jié)合挑逗性質(zhì)的文案在極力挽留用戶放棄操作；相對之前常規(guī)的點擊就立即取消成功的方式，這種彈窗式的二次操作一定能起到挽留效果，就好比挽留失敗則沒有損失，因為用戶來就是要取消收藏的；萬一挽留成功，就達(dá)到了自己的目的。

另外用戶的主要操作動機(jī)為“取消收藏”，而騰訊動漫的彈窗將主要動機(jī)降為次級，而“繼續(xù)收藏”上升到主操作，容易讓用戶產(chǎn)生誤判，在操作速度較快的情況下，用戶快速的點擊了主操作按鈕，以為成功取消收藏了，其實根本沒有操作成功，相當(dāng)于變相的阻止了用戶的操作。

這時候有些用戶可能會吐槽，誤導(dǎo)用戶的行為不太友好，其實不難理解。

記得之前，我下載了一款“xxx”名字的PC端軟件，后面在卸載的時候，反反復(fù)復(fù)出現(xiàn)了5個挽留的彈窗，誤導(dǎo)的方式讓我很煩，于是我下定決心，再好用也要把它卸載掉。

站在企業(yè)的角度可以這樣解釋：你把我上完了就想拋棄我，我挽留了幾次都不行，你還有資格怪我不友好么？

八、「支付寶」螞蟻森林-捷徑之道逛一逛

1. 產(chǎn)品體驗

使用支付號螞蟻森林的逛一逛，可以快速跳轉(zhuǎn)至有能量可收取的朋友的螞蟻森林頁面，待全部收取后，繼續(xù)同樣的操作，直至支付寶所有朋友的螞蟻森林沒有能量可收取為止。

2. 設(shè)計思考

10年前，很多用戶每天早上醒來的第一件事就是進(jìn)入QQ農(nóng)場偷菜，幾年后回想起來感覺是那么的幼稚；可10年后，依然有很多用戶早上醒來的第一件事還是拿起手機(jī)，不過這回不是偷菜了，而是進(jìn)入螞蟻森林收取能量。

螞蟻森林作為公益類型的一款小游戲，讓很多用戶的參與都感覺到為公益出了一份力的成就感，深得人心。

最近在玩螞蟻森林時，發(fā)現(xiàn)右下角多了一個“逛一逛”的按鈕，點擊可快速跳轉(zhuǎn)至朋友的螞蟻森林頁面（前提是有能量可收?。芰渴杖⊥瓿珊?，繼續(xù)反復(fù)相同的操作，直至沒有可收取的能量為止，非常方便。

之前收取能量，需要單獨點擊螞蟻森林里的朋友列表進(jìn)入，操作完成后返回再換個朋友，反復(fù)操作，“逛一逛”功能入口的上線，簡化了之前需要挨個重復(fù)點擊去收取能量的復(fù)雜操作，讓收取能量變得更高效便捷，節(jié)省了很多時間。

九、「支付寶」Tab欄-隱藏的圖標(biāo)小秘密

1. 產(chǎn)品體驗

進(jìn)入淘寶APP，底部標(biāo)簽欄的的首頁圖標(biāo)為品牌logo，頁面上滑至一屏內(nèi)容的1.5倍時，首頁圖標(biāo)變成了小火箭，點擊可直接回到頂部。

2. 設(shè)計思考

我們在使用過的應(yīng)用里面，至少有80%的APP都有底部Tab欄，分為幾個大的模塊。

眾所周知，有很多大企業(yè)在APP應(yīng)用停留在首頁時，就把logo作為底部Tab欄的首頁圖標(biāo)使用，進(jìn)入Tab其他功能后，logo換成了首頁的圖標(biāo)樣式，相當(dāng)于起到了雙重作用，即能當(dāng)做模塊入口使用，還可以進(jìn)行品牌傳播。

淘寶APP就是其中的一個例子，不過產(chǎn)品團(tuán)隊似乎并不滿足現(xiàn)有的雙重功能，還在挖掘更多價值以及提升用戶體驗。

淘寶APP在Tab欄首頁圖標(biāo)的第三個功能就是“回到頂部”，頁面上滑至一屏內(nèi)容的1.5倍時，首頁圖標(biāo)變成了小火箭，點擊可直接回到頂部。

其實在淘寶之前，也有少數(shù)的APP有這個操作，不過都是隱藏性質(zhì)的，還有iPhone手機(jī)直接點擊狀態(tài)欄也可以回到頂部，但淘寶的用戶體驗的確要好很多：

• 通過上滑后自動更換圖標(biāo)，明確的視覺提示，能夠節(jié)省用戶思考時間，通過視覺傳達(dá)快速一目了然；
• 放在底部Tab欄，離大拇指很近，縮短了手指與設(shè)備操作之間的距離，更易于操作，提升便捷性。

十、「自如」功能icon-充滿神秘氣息的輕量漸變

1. 產(chǎn)品體驗

進(jìn)入自如APP首頁，節(jié)奏緩慢且過渡自然柔和的金剛區(qū)輕量漸變icon，透漏著時尚且神秘的氛圍，同時瓷片區(qū)的卡片通過輕量漸變的色彩搭配也兼具美感。

2. 設(shè)計思考

一個APP首頁是應(yīng)用的核心部分，擔(dān)當(dāng)著對用戶的吸引力及轉(zhuǎn)化，與企業(yè)的效益有著直接的關(guān)系。

一個產(chǎn)品團(tuán)隊都會在首頁下很大的功夫，不管是用戶還是設(shè)計師，所看到的各種各樣、層出不窮的首頁設(shè)計風(fēng)格及樣式，時間一久就會視覺疲勞。

自如APP首頁的視覺風(fēng)格在同行業(yè)中算是與眾不同了，尤其是金剛區(qū)icon（其他頁面部分icon、插畫）通過扁平化的輕量漸變，營造出一種舒緩、治愈的沉浸感；同時輕量漸變也是當(dāng)下非常流行的色彩搭配，使整體色彩統(tǒng)一且不失豐富，透漏著時尚且神秘的氛圍。

還可以減輕用戶的視覺負(fù)擔(dān)，不僅能美化界面，還可以起到強(qiáng)調(diào)、醒目的作用，讓用戶產(chǎn)生一種想掌控的欲望，增加點擊率。

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

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

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

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