10個產品細節剖析，讓你看看大廠是如何做設計的

好的產品可以在內容不變的情況下，通過細節的處理讓之煥然一新。

在UI/UE設計中，我們如何將至關重要的信息有效地傳遞給用戶，這是設計本身的職責。但是絕大多數信息的呈現，我們可以在細節的處理方面帶給用戶驚喜，讓用戶喜歡并完成最終的轉化，通過設計的手段提升產品的可讀性以及可訪問性。初級與高階設計師的區別，并不是在整體大的布局上有什么差別，通常都體現在產品的細節上，好的產品可以在內容不變的情況下，通過細節的處理讓之煥然一新。

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

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

1. 產品體驗

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

2. 設計思考

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

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

「貓乎」空狀態-全屏化的視覺沖擊

1. 產品體驗

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

2. 設計思考

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

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

「微信」消息-語音轉文字更方便

1. 產品體驗

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

2. 設計思考

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

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

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

1. 產品體驗

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

2. 設計思考

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

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

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

「手機淘寶」領券購買-避免錯過優惠

1. 產品體驗

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

2. 設計思考

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

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

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

1. 產品體驗

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

2. 設計思考

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

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

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

1. 產品體驗

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

2. 設計思考

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

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

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

1. 產品體驗

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

2. 設計思考

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

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

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

1. 產品體驗

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

2. 設計思考

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

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

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

1. 產品體驗

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

2. 設計思考

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

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

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

歡迎關注作者微信公眾號：「能量眼球」