編輯導語：對于設(shè)計師來說，產(chǎn)品細節(jié)是很重要的，好的產(chǎn)品可以在內(nèi)容不變的情況下，通過細節(jié)的處理讓之煥然一新。本文作者通過列舉10個APP，為我們充分的展示了什么是用戶喜歡的好設(shè)計，希望看后能夠?qū)δ阌兴鶐椭?/p>

在UI/UE設(shè)計中，我們?nèi)绾螌⒅陵P(guān)重要的信息有效地傳遞給用戶，這是設(shè)計本身的職責。但是絕大多數(shù)信息的呈現(xiàn)，我們可以在細節(jié)的處理方面帶給用戶驚喜，讓用戶喜歡并完成最終的轉(zhuǎn)化，通過設(shè)計的手段提升產(chǎn)品的可讀性以及可訪問性。

初級與高階設(shè)計師的區(qū)別，并不是在整體大的布局上有什么差別，通常都體現(xiàn)在產(chǎn)品的細節(jié)上，好的產(chǎn)品可以在內(nèi)容不變的情況下，通過細節(jié)的處理讓之煥然一新。

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

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

酷狗一直是音樂應用里的一匹黑馬，有人直呼：“酷狗功能強，隱藏功能有好多，像運動模式、駕駛模式、白噪音模式、還推出了電臺聽書，連喜馬拉雅都不用打開了”。

的確，酷狗持續(xù)走在音樂的前沿，為迎接“耳朵經(jīng)濟”的崛起，一邊積極布局多元化的音樂內(nèi)容，一邊加碼在線音頻領(lǐng)域，開辟以泛音樂娛樂為主，泛文化興趣為補充的內(nèi)容生態(tài)。之前，酷狗推出了AI朗讀功能，最近又新增了網(wǎng)頁朗讀，頗受多用戶喜愛。

在酷狗V10.2.5版本中，新增的網(wǎng)頁朗讀功能可以稱得上是黑科技，只需要把我們喜歡的書籍/文章/段子網(wǎng)址粘貼在朗讀功能里，即可一鍵朗讀，還可以調(diào)整不同的聲音、倍速，網(wǎng)址不分類別，輕松復制粘貼即可，省時省力省精神。

AI網(wǎng)頁朗讀可以給用戶帶來沉浸感和驚喜感，將視覺轉(zhuǎn)變?yōu)槁犛X更加合理簡單，解放用戶的雙眼，提升產(chǎn)品的易用性。

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

空狀態(tài)是APP設(shè)計中不可或缺的一部分，新用戶初次接觸到產(chǎn)品，必然會面對很多空狀態(tài)。另外當用戶處理完所有任務(wù)或者進行檢索篩選時，沒有符合的結(jié)果，也會出現(xiàn)空狀態(tài)頁面，如果處理不好，會帶給用戶焦慮、挫敗、疑惑…的負面情緒。

我們可以通過空狀態(tài)頁面告訴用戶當前處于什么位置，暗示用戶如何才能獲得內(nèi)容并搭建快捷通道，幫助用戶建立預期。

貓乎APP在空狀態(tài)頁面是較有創(chuàng)新的，通過場景畫布全屏布局內(nèi)容，IP形象+趣味化的創(chuàng)意文案非常個性化，有很強的視覺沖擊力，給與用戶多種驚喜。使用IP（貓臉）形象通過恰當?shù)姆绞綇娀放圃氐某尸F(xiàn)，帶給用戶情感關(guān)懷，同時品牌認知更加明顯。

通過全場景化的設(shè)計創(chuàng)意，專業(yè)和幽默色彩，創(chuàng)造正面情緒環(huán)境，讓用戶更容易記住這個產(chǎn)品，并對之產(chǎn)生一定記憶，在增加品牌價值的同時，還能有效的撫慰用戶焦躁心情，減少負面情緒，并指導用戶，通過引導快速開始操作獲取相關(guān)的內(nèi)容，從而減少了放棄的機會。

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

微信的功能一直都很強大，不是說功能的數(shù)量有多少，有多么的高科技，主要是站在用戶的角度考慮，設(shè)計出來符合大眾化而且操作難度極低，幾乎沒有學習成本的功能?？赡苡泻芏嗟脑O(shè)計細節(jié)大家沒有注意到，所以微信功能要用過才能體會到微信的好用。

之前有用戶提到過“別人發(fā)一堆語音給我，我要一個一個的聽，很費時間，而且很多內(nèi)容記不住”，然后就就有了語音轉(zhuǎn)文字功能，為了對信息發(fā)送者和接收者都很友好，還專門在菜單欄上線了語音轉(zhuǎn)文字功能，可以把錄入的語音轉(zhuǎn)換成文字之后在發(fā)送出去，算是雙保險了。

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

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

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

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

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

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

現(xiàn)在的用戶大部分并不是在需要某個商品時才去購買，一有時間（女性居多），就經(jīng)?；顒釉诟鞔箅娚藺PP瀏覽著形形色色商品，沒準就能看到一件自己喜歡的。

查看各種評論、詳情，再進行比價，然后最讓人心動的應該就是價格了，查找著各種優(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)券而直接購買，造成用戶利益上的損失后而吐槽商品價格過高的問題。

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

當你進入一個PP應用的時候，首先映入眼簾的是它的啟動頁，啟動頁就像是一場預演，用來介紹它是什么、長的什么樣或者是做什么的（主要業(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就很特別，進入啟動頁后會有一只貓的IP以動畫的表現(xiàn)方式過渡，同時會有貓叫聲吸引用戶的注意力。常規(guī)的啟動頁不管以何種表現(xiàn)方式，都只能通過視覺傳入用戶的大腦，而貓耳FM啟動頁的貓叫聲給用戶帶來的很大的驚喜。

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

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

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

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

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

很多用戶多有K歌的愛好，K歌可以放松心情宣泄情緒、感受音樂的美感、提高唱歌水平、心情好了有利于身體健康等。KTV雖然可以滿足我們的需求，但每次都是一筆不小的費用，況且自己和他人的時間有限，我想應該很少有閑著沒事就一個人跑去KTV自嗨到半夜的人吧。

正是因為這些需求，成就了層出不窮的k歌軟件。全民k歌是一個比較平民化的平臺，可以滿足不同人群的需要，歌曲種類較多，不管是五音不全還是平時膽小的用戶，都可以獨自一人放飛自我，通過各種功能配合自己的聲調(diào)，以找回K歌的自信。

全民k歌的聲動合唱功能，讓唱歌不再單調(diào)，更多的是有種互動的氛圍，讓用戶找到了線上KTV的感覺，只要是自己想唱的歌曲，都可以通過搜索匹配其他用戶一起合唱，沒有在KTV時的拘謹和羞澀。

合唱是“一種和諧、平衡、完美的音響運動形式”，講究和諧、之間要互相協(xié)調(diào)統(tǒng)一，但在線上就能完全拋開所謂的規(guī)則，尋找自己喜歡的唱歌方式，可以讓對方鼓勵、夸獎、吐槽等。合唱功能不僅能提升自己的歌唱水平，還能讓用戶感受到產(chǎn)品的活潑有趣，更能迎合年輕用戶的喜好，增加用戶粘性。

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

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

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

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

1. 產(chǎn)品體驗

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

2. 設(shè)計思考

品牌基因其實就是品牌的DNA，它包括品牌核心價值和品牌個性，不同的品牌基因，是各品牌之間形成差異化的根本原因，無一例外。成功的延用品牌基因在產(chǎn)品不同場景中讓用戶眼前一亮，一眼就能看出這是你的產(chǎn)品。

在互聯(lián)網(wǎng)產(chǎn)品設(shè)計越來越同質(zhì)化的今天，做出有自己品牌調(diào)性和差異化的產(chǎn)品，是每個設(shè)計師要面對的挑戰(zhàn)，無論是按鈕、插畫、圖標還是其他元素，只要注入了品牌基因的產(chǎn)品就等于有了靈魂。

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

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

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

#相關(guān)閱讀#

這些提升產(chǎn)品體驗的小細節(jié)，你注意到了嗎？（04）

這些提升產(chǎn)品體驗的小細節(jié)，你注意到了嗎？（05）

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

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

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