好的產(chǎn)品可以在內(nèi)容不變的情況下，通過細(xì)節(jié)的處理讓之煥然一新。

在UI/UE設(shè)計中，我們?nèi)绾螌⒅陵P(guān)重要的信息有效地傳遞給用戶，這是設(shè)計本身的職責(zé)。但是絕大多數(shù)信息的呈現(xiàn)，我們可以在細(xì)節(jié)的處理方面帶給用戶驚喜，讓用戶喜歡并完成最終的轉(zhuǎn)化，通過設(shè)計的手段提升產(chǎn)品的可讀性以及可訪問性。初級與高階設(shè)計師的區(qū)別，并不是在整體大的布局上有什么差別，通常都體現(xiàn)在產(chǎn)品的細(xì)節(jié)上，好的產(chǎn)品可以在內(nèi)容不變的情況下，通過細(xì)節(jié)的處理讓之煥然一新。

其實除了在細(xì)節(jié)上下功夫，還可以通過融入品牌基因、簡化交互流程、增加適合用戶的功能等，在規(guī)劃前需要思考，自己的產(chǎn)品是否符合這些觸點，不能為了功能或細(xì)節(jié)上的差異化，產(chǎn)生過度設(shè)計，一切都要恰到好處的在用戶需要時，合適的出現(xiàn)。

「酷狗音樂」電臺聽書-網(wǎng)頁朗讀助你解放雙眼

1. 產(chǎn)品體驗

體驗酷狗音樂的電臺聽書版塊時，在AI朗讀里，選擇網(wǎng)頁朗讀，把需要收聽的網(wǎng)頁地址復(fù)制到對應(yīng)位置，點擊一鍵朗讀，選擇自己喜歡的主播聲調(diào)，即可解放雙眼，輕松愉悅的收聽。

2. 設(shè)計思考

酷狗一直是音樂應(yīng)用里的一匹黑馬，有人直呼：「酷狗功能強(qiáng)，隱藏功能有好多，像運(yùn)動模式、駕駛模式、白噪音模式、還推出了電臺聽書，連喜馬拉雅都不用打開了」。的確，酷狗持續(xù)走在音樂的前沿，為迎接「耳朵經(jīng)濟(jì)」的崛起，一邊積極布局多元化的音樂內(nèi)容，一邊加碼在線音頻領(lǐng)域，開辟以泛音樂娛樂為主，泛文化興趣為補(bǔ)充的內(nèi)容生態(tài)。之前，酷狗推出了AI朗讀功能，最近又新增了網(wǎng)頁朗讀，頗受多用戶喜愛。

在酷狗V10.2.5版本中，新增的網(wǎng)頁朗讀功能可以稱得上是黑科技，只需要把我們喜歡的書籍/文章/段子網(wǎng)址粘貼在朗讀功能里，即可一鍵朗讀，還可以調(diào)整不同的聲音、倍速，網(wǎng)址不分類別，輕松復(fù)制粘貼即可，省時省力省精神。AI網(wǎng)頁朗讀可以給用戶帶來沉浸感和驚喜感，將視覺轉(zhuǎn)變?yōu)槁犛X更加合理簡單，解放用戶的雙眼，提升產(chǎn)品的易用性。

「貓乎」空狀態(tài)-全屏化的視覺沖擊

1. 產(chǎn)品體驗

進(jìn)入貓乎APP，空狀態(tài)頁面使用場景畫布全屏布局內(nèi)容，IP形象+趣味化的創(chuàng)意文案，讓人驚喜。

2. 設(shè)計思考

空狀態(tài)是APP設(shè)計中不可或缺的一部分，新用戶初次接觸到產(chǎn)品，必然會面對很多空狀態(tài)。另外當(dāng)用戶處理完所有任務(wù)或者進(jìn)行檢索篩選時，沒有符合的結(jié)果，也會出現(xiàn)空狀態(tài)頁面，如果處理不好，會帶給用戶焦慮、挫敗、疑惑…的負(fù)面情緒。我們可以通過空狀態(tài)頁面告訴用戶當(dāng)前處于什么位置，暗示用戶如何才能獲得內(nèi)容并搭建快捷通道，幫助用戶建立預(yù)期。

貓乎APP在空狀態(tài)頁面是較有創(chuàng)新的，通過場景畫布全屏布局內(nèi)容，IP形象+趣味化的創(chuàng)意文案非常個性化，有很強(qiáng)的視覺沖擊力，給與用戶多種驚喜。使用IP（貓臉）形象通過恰當(dāng)?shù)姆绞綇?qiáng)化品牌元素的呈現(xiàn)，帶給用戶情感關(guān)懷，同時品牌認(rèn)知更加明顯。通過全場景化的設(shè)計創(chuàng)意，專業(yè)和幽默色彩，創(chuàng)造正面情緒環(huán)境，讓用戶更容易記住這個產(chǎn)品，并對之產(chǎn)生一定記憶，在增加品牌價值的同時，還能有效的撫慰用戶焦躁心情，減少負(fù)面情緒，并指導(dǎo)用戶，通過引導(dǎo)快速開始操作獲取相關(guān)的內(nèi)容，從而減少了放棄的機(jī)會。

「微信」消息-語音轉(zhuǎn)文字更方便

1. 產(chǎn)品體驗

用微信發(fā)送語音消息時，按住不放錄制語音消息，往左上方的「X」拖動，取消發(fā)送，往右上方的「文」拖動，會把當(dāng)前的語音轉(zhuǎn)換成文字，松開手指即可發(fā)送文本消息。

2. 設(shè)計思考

微信的功能一直都很強(qiáng)大，不是說功能的數(shù)量有多少，有多么的高科技，主要是站在用戶的角度考慮，設(shè)計出來符合大眾化而且操作難度極低，幾乎沒有學(xué)習(xí)成本的功能。可能有很多的設(shè)計細(xì)節(jié)大家沒有注意到，所以微信功能要用過才能體會到微信的好用。之前有用戶提到過「別人發(fā)一堆語音給我，我要一個一個的聽，很費(fèi)時間，而且很多內(nèi)容記不住」，然后就就有了語音轉(zhuǎn)文字功能，為了對信息發(fā)送者和接收者都很友好，還專門在菜單欄上線了語音轉(zhuǎn)文字功能，可以把錄入的語音轉(zhuǎn)換成文字之后在發(fā)送出去，算是雙保險了。

微信APP在最近的版本更新中，又上線了在語音錄制的過程中選擇發(fā)送方式，錄制語音消息時，直接松開手指按照語音消息發(fā)送，如果將手指往右上方的「文」拖動，當(dāng)前的語音自動轉(zhuǎn)換成文字，松開手指即可按文本消息發(fā)送，目前支持普通話，粵語和英語，準(zhǔn)確率高還支持二次編輯功能，用戶體驗非常好。

「蝦米音樂」刷臉聽歌-聽什么？讓臉來決定

1. 產(chǎn)品體驗

從個人中心進(jìn)入音樂實驗室，點擊刷臉聽歌，將攝像頭對準(zhǔn)自己或他人的臉部，拍照之后使用照片，系統(tǒng)會根據(jù)用戶的面部表情分析當(dāng)前的心情，并推薦相關(guān)歌曲播放。

2. 設(shè)計思考

現(xiàn)階段的音樂APP用戶已經(jīng)不是以前那種進(jìn)去就有目標(biāo)性的聽歌了，很多都是漫無目的的在眾多歌曲中尋找自己所喜歡的音樂，于是乎各種電臺、直播、聽書等功能都在智能化的極力給用戶匹配。刷臉聽歌，是個什么梗，聽起來是不是很有新意？這個有點讓用戶摸不著頭腦的「黑科技」可能也只有在蝦米音樂里能見到了。

蝦米音樂的刷臉聽歌，就是提交自己所拍的照片，系統(tǒng)通過人工智能可以根據(jù)用戶的表情來感知情緒，推薦相應(yīng)的歌曲。其實這個功能出來已久，并不是多么頂尖的高科技，而是用智能的方式為用戶增加一種新鮮的體驗感，在幾乎沒有被同質(zhì)化的音樂APP里，用「科技感」給品牌增加一些調(diào)性，雖然不清楚這個「黑科技」是否被用戶認(rèn)同，但通過這種差異化+趣味性的方式能給用戶營造新鮮感，增強(qiáng)印象記憶。

（PS：本人撅起嘴拍了一張，歌曲的匹配結(jié)果是「處處吻」，笑抽......，這個功能的弊端就是，當(dāng)心情不好，擺著一張苦瓜臉來識別的歌曲，會讓你聽的懷疑人生......良性/惡性循環(huán)，全取決于用戶）

「手機(jī)淘寶」領(lǐng)券購買-避免錯過優(yōu)惠

1. 產(chǎn)品體驗

在淘寶商品詳情頁，如果當(dāng)前有優(yōu)惠，底部的立即購買變成了領(lǐng)券購買，并提示券后價格，刺激購買欲望。

2. 設(shè)計思考

現(xiàn)在的用戶大部分并不是在需要某個商品時才去購買，一有時間（女性居多），就經(jīng)常活動在各大電商APP瀏覽著形形色色商品，沒準(zhǔn)就能看到一件自己喜歡的。查看各種評論、詳情，再進(jìn)行比價，然后最讓人心動的應(yīng)該就是價格了，查找著各種優(yōu)惠、領(lǐng)券、折扣等，如果價格不滿意，就會添加到購物車，等有活動了再一次性購買（什么618、雙11...就是這樣被成就的）。

淘寶在商品詳情頁，將優(yōu)惠券直接展示在購物的必經(jīng)之路「立即購買」按鈕上，即領(lǐng)券購買，在選擇規(guī)格彈窗里面也可以看到優(yōu)惠提示，改變了之前需要提前領(lǐng)券然后再去購買的情況。將領(lǐng)券和購買合并在一起，除了讓操作路徑更加合理外，也能有效降低用戶因沒有看到優(yōu)惠而放棄購買，降低下單轉(zhuǎn)化，同時還能避免用戶因沒有領(lǐng)券而直接購買，造成用戶利益上的損失后而吐槽商品價格過高的問題。

「貓耳FM」啟動頁-讓人驚喜的貓叫聲

1. 產(chǎn)品體驗

進(jìn)入貓耳FM應(yīng)用經(jīng)過啟動頁時，會有一只貓形象的動畫過渡，啟動頁伴隨著貓叫聲結(jié)束，然后自動進(jìn)入首頁。

2. 設(shè)計思考

當(dāng)你進(jìn)入一個APP應(yīng)用的時候，首先映入眼簾的是它的啟動頁，啟動頁就像是一場預(yù)演，用來介紹它是什么、長的什么樣或者是做什么的（主要業(yè)務(wù)）。作為第一印象的視覺傳播，畢竟只有2~3秒的時間就會自動消失，太大的信息量，用戶幾乎不會去看，常見的啟動頁大部分都在品牌形象上下功夫，比如logo、IP、主色調(diào)、主要業(yè)務(wù)等多種組合形式。而表現(xiàn)方式也是層出不窮，有靜態(tài)圖片、動態(tài)圖片、動畫、視頻等表現(xiàn)方式。但在2~3秒的時間內(nèi)想讓用戶記住太多的東西幾乎不可能，首先要做的是如何吸引用戶去看，然后才是表現(xiàn)方式以助于用戶形成記憶。

貓耳FM就很特別，進(jìn)入啟動頁后會有一只貓的IP以動畫的表現(xiàn)方式過渡，同時會有貓叫聲吸引用戶的注意力。常規(guī)的啟動頁不管以何種表現(xiàn)方式，都只能通過視覺傳入用戶的大腦，而貓耳FM啟動頁的貓叫聲給用戶帶來的很大的驚喜。APP啟動頁的植入已是常態(tài)，不管那種表現(xiàn)方式，都會因用戶提前做好了心理準(zhǔn)備而接受，這種常態(tài)對用戶來說，幾乎已經(jīng)免疫，不會做特別的關(guān)注，當(dāng)一聲貓叫通過聽覺傳入大腦，有可能感到比較突然或者異象，會不自覺的去看上一眼，既做到了差異化，又通過了視覺+聽覺的雙重傳播渠道吸引用戶關(guān)注，強(qiáng)化用戶記憶。

「波洞」波紋-形成品牌記憶

1. 產(chǎn)品體驗

在體驗波洞APP時，進(jìn)入首頁、點擊tab欄圖標(biāo)交互的最后一瞬間，會有一個多彩的波紋效果，直至消失。

2. 設(shè)計思考

一個應(yīng)用如果想讓用戶記住，除了有優(yōu)質(zhì)的內(nèi)容之外，首先做的就是如何抓眼球，否則即使打開了你的應(yīng)用但沒有吸引的用戶的焦點，用戶可能會隨時離開，再好的內(nèi)容也是空談。一個APP應(yīng)用能否成功，其關(guān)鍵因素就在于APP應(yīng)用能否獲得用戶認(rèn)可，給用戶留下好印象。

波洞APP，在進(jìn)入首頁或點擊tab欄圖標(biāo)交互的最后一瞬間，會出現(xiàn)一個多彩的波紋效果，這種通過品牌基因融入的效果，會給用戶形成一個非常獨特而強(qiáng)烈的記憶點。有趣的貼合產(chǎn)品整體的設(shè)計概念，產(chǎn)品交互的等待時間就會變得沒那么枯燥了，同個這種細(xì)微的體驗設(shè)計，不經(jīng)意間也帶給了用戶驚喜，給用戶留下深刻的印象。

「全民K歌」聲動合唱-讓K歌不再寂寞

1. 產(chǎn)品體驗

在全民k歌的歌房，點擊聲動合唱，通過搜索框輸入我們想要合唱的歌名，即可在線實時匹配其他正在苦苦尋找一起合唱的用戶。還可以進(jìn)行閃電匹配，不過前提是大部分的歌曲都會唱，否則進(jìn)去了也會選擇逃跑。

2. 設(shè)計思考

很多用戶多有K歌的愛好，K歌可以放松心情宣泄情緒、感受音樂的美感、提高唱歌水平、心情好了有利于身體健康等。KTV雖然可以滿足我們的需求，但每次都是一筆不小的費(fèi)用，況且自己和他人的時間有限，我想應(yīng)該很少有閑著沒事就一個人跑去KTV自嗨到半夜的人吧。正是因為這些需求，成就了層出不窮的k歌軟件。全民k歌是一個比較平民化的平臺，可以滿足不同人群的需要，歌曲種類較多，不管是五音不全還是平時膽小的用戶，都可以獨自一人放飛自我，通過各種功能配合自己的聲調(diào)，以找回K歌的自信。

全民k歌的聲動合唱功能，讓唱歌不再單調(diào)，更多的是有種互動的氛圍，讓用戶找到了線上KTV的感覺，只要是自己想唱的歌曲，都可以通過搜索匹配其他用戶一起合唱，沒有在KTV時的拘謹(jǐn)和羞澀。合唱是「一種和諧、平衡、完美的音響運(yùn)動形式」，講究和諧、之間要互相協(xié)調(diào)統(tǒng)一，但在線上就能完全拋開所謂的規(guī)則，尋找自己喜歡的唱歌方式，可以讓對方鼓勵、夸獎、吐槽等。合唱功能不僅能提升自己的歌唱水平，還能讓用戶感受到產(chǎn)品的活潑有趣，更能迎合年輕用戶的喜好，增加用戶粘性。

「QQ」清除消息提示-趣味的拖動效果

1. 產(chǎn)品體驗

在清除QQ消息提示的小紅點時，點擊小紅點拖動會有一種難分難舍的分離效果，徹底分離后松手會炸裂。

2. 設(shè)計思考

QQ上的小紅點消息提示（包括小灰點），大部分用戶都難以忍受，時刻都在勾引起點擊的欲望，對于很多無關(guān)緊要的消息，并不想每個都點開看一遍，就會使用清除操作。大多數(shù)應(yīng)用最常規(guī)的就是選中后通過編輯操作清除，或者使用一鍵清除，但針對只需要清除部分紅點提示的用戶，就需要去頻繁的去通過特定操作便捷性的清除了。

QQ清除小紅點消息提示算是一大亮點了，通過點擊小紅點長按拖動，紅點會用一種藕斷絲連的感覺，在尚未完全跟原位置分離是松手，就會還原，完全分離后松手會有一個炸開的動效，非常有趣，在較少操作步驟的同時，有能通過擬人化的心理貼合整體的設(shè)計概念，通過情感化反饋用戶行為，為交互行為增加了趣味性。

「一零零一」按鈕-無處不在的品牌基因

1. 產(chǎn)品體驗

進(jìn)入一零零一APP，隨處可見的品牌基因，比如按鈕、導(dǎo)航的下劃線、卡片模塊等都有一個厚度，這種樣式源自于一零零一的IP形象~趴在地洞口的貓，即地洞口的邊緣厚度。

2. 設(shè)計思考

品牌基因其實就是品牌的DNA，它包括品牌核心價值和品牌個性，不同的品牌基因，是各品牌之間形成差異化的根本原因，無一例外。成功的延用品牌基因在產(chǎn)品不同場景中讓用戶眼前一亮，一眼就能看出這是你的產(chǎn)品。在互聯(lián)網(wǎng)產(chǎn)品設(shè)計越來越同質(zhì)化的今天，做出有自己品牌調(diào)性和差異化的產(chǎn)品，是每個設(shè)計師要面對的挑戰(zhàn)，無論是按鈕、插畫、圖標(biāo)還是其他元素，只要注入了品牌基因的產(chǎn)品就等于有了靈魂。

一零零一APP，品牌基因可以說是融入的非常好。首先主色調(diào)幾乎大面積的用到了每個頁面，黃色色調(diào)并不十分有魅力，但其明亮和愉快的特質(zhì)能向潛在用戶傳遞著溫暖和樂觀，主色調(diào)代表著APP的整體色彩傾向，大面積的使用可以加深品牌印象與品牌感。

其次大部分的主操作按鈕、卡片下方都疊加了一層厚度，頂部導(dǎo)航的下劃線也使用了橢圓形的樣式。而一零零一IP形象正是一只趴在洞口邊緣的貓咪，并且洞口邊緣都帶了一定的厚度，那些元素的樣式正是繼承了這一品牌基因的特性，也跟其他應(yīng)用做到了差異化，讓用戶更容易記住這款產(chǎn)品，并對之產(chǎn)生一定情緒記憶，用品牌基因以推動產(chǎn)品在用戶心中所產(chǎn)生價值。

歡迎關(guān)注作者微信公眾號：「能量眼球」