作為設(shè)計(jì)師，我們時(shí)時(shí)刻刻都在和各種應(yīng)用打交道，在體驗(yàn)的過(guò)程中，其實(shí)里面有很多小揪揪需要深挖和思考，所以千萬(wàn)不能小瞧它。很多產(chǎn)品細(xì)節(jié)的背后都是為了更多新用戶的加入、瀏覽、留存、付費(fèi)/轉(zhuǎn)化等，以最終達(dá)到對(duì)用戶服務(wù)/體驗(yàn)的提升、內(nèi)容生產(chǎn)者的利益以及企業(yè)自身的商業(yè)化。

「微信」文本輸入：智能匹配表情

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

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

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

微信作為最主流的社交軟件，算是人人必備了，下至剛會(huì)走路的孩子、上至80歲的老人，而微信最大的作用就是聊天(花樣多的就不提了)。相信有很多用戶在微信的工具欄都添加了很多的表情包專輯，平時(shí)可以用來(lái)聊天、斗圖、簡(jiǎn)單的文字替代等，但因添加太多，很多時(shí)候無(wú)法在短時(shí)間找到與想發(fā)送的文字含義相近的表情包。

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

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

表情包正是有了這些作用，方能襯托出“打字時(shí)自動(dòng)匹配表情”的重要性，在使用過(guò)程中操作更加便捷，尤其是添加太多的表情專輯，再也不用花時(shí)間去苦苦尋找合適表情包了。自動(dòng)匹配這一功能給用戶帶來(lái)愉悅的體驗(yàn)，增強(qiáng)使用頻率及用戶粘性。

「波洞」頂部導(dǎo)航：下劃線的巧妙過(guò)渡

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

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

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

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

波洞APP也采用了這種大眾化的頂部標(biāo)簽帶下劃線的導(dǎo)航樣式，但最引人注目的是切換時(shí)過(guò)渡的樣式。在切換導(dǎo)航時(shí)，標(biāo)題的下劃線以聲波的異形樣式平滑過(guò)渡切換，就像一條蠕動(dòng)的蟲子，通過(guò)這種樣式做到差異化，略帶趣味性增加用戶使用時(shí)的操作頻率。通過(guò)聲波樣式的品牌元素作為下劃線的過(guò)渡，可以讓用戶在操作的過(guò)程中產(chǎn)生更深刻的印象，其記住的就是品牌的本身。

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

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

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

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

大部分APP應(yīng)用都融入了品牌基因，但基本上都是為了宣傳推廣、讓用戶記住或表現(xiàn)自己而強(qiáng)行注水，往往忽略了產(chǎn)品本身給用戶帶來(lái)的體驗(yàn)以及產(chǎn)生的商業(yè)價(jià)值。就像一個(gè)人有著華麗的外表而失去了靈魂，最終產(chǎn)生的結(jié)果跟企業(yè)的預(yù)期相差甚遠(yuǎn)。

躺平APP在品牌元素融入這一塊，做的算是出類拔萃的了，桌面圖標(biāo)、啟動(dòng)頁(yè)、系統(tǒng)元素及空頁(yè)面，都是根據(jù)用戶的心理模以元素視覺化的形式展示給用戶，更貼近真實(shí)環(huán)境，用圖形提前表達(dá)出心理感受，讓用戶產(chǎn)生心理變化以增加情緒記憶。比如：讓用戶熟悉的單詞、短語(yǔ)和概念進(jìn)行圖形化，而不是系統(tǒng)導(dǎo)向的術(shù)語(yǔ)，通過(guò)圖形描述來(lái)遵循現(xiàn)實(shí)世界的約定，使信息以自然且合乎邏輯的順序出現(xiàn)，給用戶更加直觀的感受，活潑有趣且讓用戶過(guò)目不忘。

「京東」新增地址：訪問(wèn)剪切板并帶入地址信息

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

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

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

在我們使用的眾多電商APP里面，其中有大部分都錄入過(guò)地址信息，除了給自己買商品之外，有時(shí)還可能幫別人買或者買來(lái)送人。關(guān)、于收貨地址，最常見的方式就是別人通過(guò)QQ或微信把收貨地址發(fā)給我們，然后我們自己在APP里新增地址，但針對(duì)這么多種類的信息，很難做到一次性記住，就需要在添加地址的APP與收信息的APP來(lái)回切換，最終完成地址的錄入，其中有部分設(shè)備較為老舊，在多個(gè)應(yīng)用切換時(shí)，還會(huì)出現(xiàn)應(yīng)用自動(dòng)結(jié)束進(jìn)程或者閃退的現(xiàn)象，一言難盡。

京東APP在添加用戶收貨地址時(shí)，就免去了這個(gè)苦惱，只需要把地址信息復(fù)制，進(jìn)入新建收貨人頁(yè)面，系統(tǒng)會(huì)自動(dòng)訪問(wèn)剪切板并通過(guò)彈出顯示已復(fù)制的信息內(nèi)容，粘貼即可自動(dòng)區(qū)分信息類型，自動(dòng)錄入到對(duì)應(yīng)的表單輸入框，如果有誤修改即可，讓新增地址變的更加簡(jiǎn)單，大幅度的提升了操作效率，節(jié)約時(shí)間成本。

「淘寶」查看物流：地圖運(yùn)輸軌跡帶來(lái)心理安慰

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

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

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

我們?cè)陔娚虘?yīng)用里買到心儀的商品之后，最關(guān)心的應(yīng)該就是物流信息了。從下單開始，時(shí)不時(shí)就會(huì)去看上一遍，有很多用戶并不是因?yàn)榧庇?，而是想快速體驗(yàn)收到商品之后的心理滿足感。但往往事與愿違，當(dāng)我們看了十幾遍之后，心里會(huì)更加的焦慮。

在淘寶APP查看訂單物流時(shí)，下滑頁(yè)面將文字信息拖到底部，即可看到地圖上物流車輛的運(yùn)動(dòng)軌跡，比起蒼白無(wú)力的文字信息相比，會(huì)有一種商品離自己越來(lái)越近的真實(shí)感，帶給用戶一種心理上的安慰。另外地圖軌跡的信息更新較為延后，是因?yàn)樯唐返竭_(dá)一個(gè)站點(diǎn)，工作人員需要通過(guò)手動(dòng)錄入信息變更狀態(tài)后，地圖軌跡才會(huì)更新。因快遞公司經(jīng)常都是大批量的操作，等很多快件到了之后一起更新，所以先前到的快件需要很久之后才能看到地圖上的更新軌跡，雖然相比真實(shí)信息較為延后，但很有可能會(huì)降低用戶的時(shí)間預(yù)期而帶來(lái)意外驚喜。說(shuō)到意外驚喜，可能有人不理解或者不認(rèn)同，下面我舉個(gè)例子：

我們?cè)谀畴娚唐脚_(tái)購(gòu)物，商家說(shuō)2天就能收到商品，但過(guò)了3天才收到，這時(shí)候就會(huì)不淡定了，差評(píng)、抱怨、投訴滿天飛;但如果商家說(shuō)4天才能收到商品，我們可能去別的店看或者隨便抱怨幾句就下單了，同樣是過(guò)了3天就收到商品，這時(shí)心情一定是激動(dòng)的，服務(wù)好、物流快就成了當(dāng)時(shí)心情的代名詞，這個(gè)就是意外驚喜。同樣的道理，淘寶物流地圖上的軌跡信息相對(duì)延后，很可能地圖上顯示快遞還在隔壁城市，但下一分鐘就收到派件電話，說(shuō)已經(jīng)到樓下了，這時(shí)候的你可能不激動(dòng)嗎?

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

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

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

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

幾乎每個(gè)年輕用戶的手機(jī)里都裝有地圖應(yīng)用，無(wú)論是出門自駕、騎行、步行或者地點(diǎn)查詢，都會(huì)打開地圖應(yīng)用。常規(guī)的地圖功能都可以滿足用戶的需求，但有哪些比較好的細(xì)節(jié)可以增加用戶的粘性呢?騰訊地圖相比某德地圖，雖然用戶體量小了很多，但通過(guò)創(chuàng)新的設(shè)計(jì)加上原有各渠道的推廣，依然有大量的用戶使用。

騰訊地圖APP通過(guò)趣味化的方式在導(dǎo)航車標(biāo)上加入了各種主題，通過(guò)下載自己喜歡的主題切換后，地圖上原來(lái)的車標(biāo)就會(huì)變成自己喜歡的形象。眾所周知，騰訊游戲是整個(gè)行業(yè)中不可逾越的一座大山，在眾多主題里，「和平精英」「王者榮耀」的形象就是用戶最熟悉的。用戶可以選擇游戲人物角色、摩托車、卡丁車等作為地圖導(dǎo)航中的車標(biāo)?？梢韵胂?，騎車摩托車、安吉拉用著疾跑、開著卡丁車在地圖上狂奔是一種什么樣的感覺。騰訊團(tuán)隊(duì)通過(guò)整合各種現(xiàn)有資源作為主題，給用戶創(chuàng)造了既然趣味又個(gè)性化的體驗(yàn)，帶給用戶驚喜以增強(qiáng)用戶粘性。

(開車疲倦時(shí)，導(dǎo)航換個(gè)“吃雞”人物形象，有沒有感覺精神抖擻、到了服務(wù)區(qū)要來(lái)兩把的沖動(dòng))

「騰訊動(dòng)漫」取消收藏：有那么容易取消成功嗎?

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

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

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

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

騰訊動(dòng)漫APP的收藏交互就與眾不同了。點(diǎn)擊收藏時(shí)，會(huì)從頂部向下彈出成功收藏提示，這也符合用戶從上到下、從左到右的常規(guī)視覺瀏覽習(xí)慣，將操作結(jié)果反饋?zhàn)層脩舻谝粫r(shí)間發(fā)現(xiàn)。取消收藏時(shí)，系統(tǒng)會(huì)彈窗提示，并結(jié)合挑逗性質(zhì)的文案在極力挽留用戶放棄操作，相對(duì)之前常規(guī)的點(diǎn)擊就立即取消成功的方式，這種彈窗式的二次操作一定能起到挽留效果，就好比挽留失敗則沒有損失，因?yàn)橛脩魜?lái)就是要取消收藏的;萬(wàn)一挽留成功，就達(dá)到了自己的目的。另外用戶的主要操作動(dòng)機(jī)為“取消收藏”，而騰訊動(dòng)漫的彈窗將主要?jiǎng)訖C(jī)降為次級(jí)，而“繼續(xù)收藏”上升到主操作，容易讓用戶產(chǎn)生誤判，在操作速度較快的情況下，用戶快速的點(diǎn)擊了主操作按鈕，以為成功取消收藏了，其實(shí)根本沒有操作成功，相當(dāng)于變相的阻止了用戶的操作。

(這時(shí)候有些用戶可能會(huì)吐槽，誤導(dǎo)用戶的行為不太友好，其實(shí)不難理解。記得之前，我下載了一款“xxx”名字的PC端軟件，后面在卸載的時(shí)候，反反復(fù)復(fù)出現(xiàn)了5個(gè)挽留的彈窗，誤導(dǎo)的方式讓我很煩，于是我下定決心，再好用也要把它卸載掉。站在企業(yè)的角度可以這樣解釋：你把我上完了就想拋棄我，我挽留了幾次都不行，你還有資格怪我不友好么)

「支付寶」螞蟻森林：捷徑之道逛一逛

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

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

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

10年前，很多用戶每天早上醒來(lái)的第一件事就是進(jìn)入QQ農(nóng)場(chǎng)偷菜，幾年后回想起來(lái)感覺是那么的幼稚?？?0年后，依然有很多用戶早上醒來(lái)的第一件事還是拿起手機(jī)，不過(guò)這回不是偷菜了，而是進(jìn)入螞蟻森林收取能量。螞蟻森林作為公益類型的一款小游戲，讓很多用戶的參與都感覺到為公益出了一份力的成就感，深得人心。

最近在玩螞蟻森林時(shí)，發(fā)現(xiàn)右下角多了一個(gè)“逛一逛”的按鈕，點(diǎn)擊可快速跳轉(zhuǎn)至朋友的螞蟻森林頁(yè)面(前提是有能量可收取)，能量收取完成后，繼續(xù)反復(fù)相同的操作，直至沒有可收取的能量為止，非常方便。之前收取能量，需要單獨(dú)點(diǎn)擊螞蟻森林里的朋友列表進(jìn)入，操作完成后返回再換個(gè)朋友，反復(fù)操作，“逛一逛”功能入口的上線，簡(jiǎn)化了之前需要挨個(gè)重復(fù)點(diǎn)擊去收取能量的復(fù)雜操作，讓收取能量變得更高效便捷，節(jié)省了很多時(shí)間。

「淘寶」Tab欄：隱藏的圖標(biāo)小秘密

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

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

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

我們?cè)谑褂眠^(guò)的應(yīng)用里面，至少有80%的APP都有底部Tab欄，分為幾個(gè)大的模塊。眾所周知，有很多大企業(yè)在APP應(yīng)用停留在首頁(yè)時(shí)，就把logo作為底部Tab欄的首頁(yè)圖標(biāo)使用，進(jìn)入Tab其他功能后，logo換成了首頁(yè)的圖標(biāo)樣式，相當(dāng)于起到了雙重作用，即能當(dāng)做模塊入口使用，還可以進(jìn)行品牌傳播。淘寶APP就是其中的一個(gè)例子，不過(guò)產(chǎn)品團(tuán)隊(duì)似乎并不滿足現(xiàn)有的雙重功能，還在挖掘更多價(jià)值以及提升用戶體驗(yàn)。

淘寶APP在Tab欄首頁(yè)圖標(biāo)的第三個(gè)功能就是“回到頂部”，頁(yè)面上滑至一屏內(nèi)容的1.5倍時(shí)，首頁(yè)圖標(biāo)變成了小火箭，點(diǎn)擊可直接回到頂部。其實(shí)在淘寶之前，也有少數(shù)的APP有這個(gè)操作，不過(guò)都是隱藏性質(zhì)的，還有iPhone手機(jī)直接點(diǎn)擊狀態(tài)欄也可以回到頂部。但淘寶的用戶體驗(yàn)的確要好很多：①通過(guò)上滑后自動(dòng)更換圖標(biāo)，明確的視覺提示，能夠節(jié)省用戶思考時(shí)間，通過(guò)視覺傳達(dá)快速一目了然;②放在底部Tab欄，離大拇指很近，縮短了手指與設(shè)備操作之間的距離，更易于操作，提升便捷性。

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

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

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

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

一個(gè)APP首頁(yè)是應(yīng)用的核心部分，擔(dān)當(dāng)著對(duì)用戶的吸引力及轉(zhuǎn)化，與企業(yè)的效益有著直接的關(guān)系。固一個(gè)產(chǎn)品團(tuán)隊(duì)都會(huì)在首頁(yè)下很大的功夫，不管是用戶還是設(shè)計(jì)師，所看到的各種各樣、層出不窮的首頁(yè)設(shè)計(jì)風(fēng)格及樣式，時(shí)間一久就會(huì)視覺疲勞。

自如APP首頁(yè)的視覺風(fēng)格在同行業(yè)中算是與眾不同了，尤其是金剛區(qū)icon(其他頁(yè)面部分icon、插畫)通過(guò)扁平化的輕量漸變，營(yíng)造出一種舒緩、治愈的沉浸感。同時(shí)輕量漸變也是當(dāng)下非常流行的色彩搭配，使整體色彩統(tǒng)一且不失豐富，透漏著時(shí)尚且神秘的氛圍。還可以減輕用戶的視覺負(fù)擔(dān)，不僅能美化界面，還可以起到強(qiáng)調(diào)、醒目的作用，讓用戶產(chǎn)生一種想掌控的欲望，增加點(diǎn)擊率。