10個(gè)產(chǎn)品細(xì)節(jié)剖析，讓你看看大廠是如何做設(shè)計(jì)的

很多產(chǎn)品里的小細(xì)節(jié)，如果用戶發(fā)現(xiàn)的話，就很容易給用戶帶來(lái)驚喜的感受。

一個(gè)產(chǎn)品的好壞與否，都不能站在自己的主觀意見(jiàn)上去做判斷，即使只有20%的用戶喜歡，如果在產(chǎn)品設(shè)計(jì)策略上跟公司的戰(zhàn)略相匹配，剛好滿足于這20% 的主要用戶群，無(wú)疑這個(gè)產(chǎn)品是成功的。

「波洞」趣味的視頻點(diǎn)贊效果

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

在波洞APP觀看視頻，給自己喜歡的視頻點(diǎn)贊時(shí)，會(huì)以點(diǎn)贊圖標(biāo)為中心，通過(guò)動(dòng)畫效果向四周發(fā)散出五顏六色的二次元圖標(biāo)，看起來(lái)非常炫酷有趣。

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

點(diǎn)贊，這個(gè)詞語(yǔ)我們并不陌生，不管哪個(gè)應(yīng)用，我們操作了點(diǎn)贊就是對(duì)創(chuàng)作者的觀點(diǎn)的一種認(rèn)可，點(diǎn)贊多了，就會(huì)得到推廣，使更多的用戶去發(fā)現(xiàn)創(chuàng)作者，同時(shí)也能得到更多的關(guān)注，給與創(chuàng)作者更多的鼓勵(lì)和動(dòng)力，以作出更多的優(yōu)質(zhì)作品，而成為良性循環(huán)。當(dāng)用戶的攀比心和排名出現(xiàn)的時(shí)候，創(chuàng)作者就會(huì)更加努力來(lái)吸引更多的用戶，后面就有了不受控制的發(fā)展，以“螞蟻吞象”的原理，最終受益更大的一定是企業(yè)（平臺(tái)）。所以很多大的產(chǎn)品團(tuán)隊(duì)都會(huì)在點(diǎn)贊這一小小的圖標(biāo)及效果上花很大的功夫。

波洞APP的視頻點(diǎn)贊功能，用很炫酷的動(dòng)畫效果在點(diǎn)贊過(guò)程中為用戶設(shè)計(jì)了獨(dú)特的交互體驗(yàn)。點(diǎn)贊的行為不光是對(duì)創(chuàng)作者的認(rèn)可，還能起到協(xié)助平臺(tái)以推薦更多優(yōu)質(zhì)內(nèi)容的作用。對(duì)于點(diǎn)贊的用戶本身也更需要鼓勵(lì)或認(rèn)可，通過(guò)發(fā)散出五顏六色的二次元圖標(biāo)作為點(diǎn)贊特效，大大提高了用戶點(diǎn)贊的趣味性，帶給用戶的感情共鳴更深刻。甚至還有種打游戲的使用體驗(yàn)，達(dá)到讓用戶用得爽、用得好玩的目的。

「微信」朋友圈：評(píng)論刪除

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

微信新增功能，在朋友圈不想看到的評(píng)論再也不扎眼了，長(zhǎng)按想刪除的評(píng)論，會(huì)彈出小氣泡，點(diǎn)擊刪除，根據(jù)彈窗提示操作完成。

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

前兩天，“微信新功能”沖上熱搜，當(dāng)有人在你朋友圈下面評(píng)論時(shí)，主動(dòng)權(quán)終于掌握到了你的手中——你可以選擇保留這條評(píng)論，也可以選擇刪除這條評(píng)論。因?yàn)樵诤芏嗳诵睦铮皠h除評(píng)論”的意思就是：對(duì)不起，我不想你出現(xiàn)在我的朋友圈里。最讓人傷感的地方在于，當(dāng)你正期待著別人熱情回應(yīng)你時(shí)，你發(fā)過(guò)去的消息，對(duì)方可能早已悄悄處理掉。這段話結(jié)合微信新增的刪除功能，似乎有些煽情，讓人心情低落，但通過(guò)抬杠黨告訴我們需要面對(duì)現(xiàn)實(shí)，尤其是微信這樣的專業(yè)社交應(yīng)用。前段時(shí)間看到一篇文章，里面提到了幾個(gè)案例：

• 一個(gè)爸爸因沒(méi)有時(shí)間給女兒過(guò)生日，在朋友圈寫到：生日快樂(lè)！閨女。不敢相信以前抱在懷里的小姑娘......依然是我們手心里的寶貝。一位叔叔評(píng)論：30歲了還寶貝！也沒(méi)個(gè)對(duì)象，單著單著都不金貴咯。
• 一對(duì)小夫妻，在大城市里打拼：有一次下雪，丈夫頂著嚴(yán)寒，接妻子下班，兩人把僅有的一雙手套來(lái)回推給對(duì)方，很甜蜜的一幕。旁邊卻有人說(shuō)：這鬼天氣，真心疼老婆就打個(gè)車回去啊！
• 當(dāng)你興致沖沖曬了張自拍到朋友圈，有人評(píng)論：這圖P得你親媽都不認(rèn)識(shí)了吧；忙碌一整年，帶父母出去玩了一次發(fā)到朋友圈，有人評(píng)論：這破地方有啥可顯擺的；因?yàn)楣ぷ鞒錾玫姜?jiǎng)金，決定獎(jiǎng)勵(lì)自己一個(gè)心心念念很久的包，有人評(píng)論：就這點(diǎn)錢，還學(xué)人家買奢侈品嘚瑟呢？
• ......

其實(shí)這種例子何其之多，總有這樣一些人，明明能祝福，卻非得抬杠；明明能說(shuō)高興話，卻偏得說(shuō)喪氣話。把肆意傷害當(dāng)作坦率，把不分輕重當(dāng)作耿直。有句話是這樣說(shuō)的：發(fā)自己的光就好，不要吹滅別人的燈。

微信一直都在致力于做最好的社交而努力前行，雖然不能同時(shí)滿足所有人的胃口，但不可否認(rèn)的是，很多的功能都照顧到了大部分用戶的心理。通過(guò)上面的案例，這時(shí)你的心理應(yīng)該不是傷感和低落，可能還會(huì)有一個(gè)想法：這個(gè)刪除功能真的太香了，為什么就沒(méi)有早點(diǎn)上線呢？朋友圈“刪除評(píng)論”的確給了我們更多坦蕩做人的權(quán)利，它昭示的是，我的朋友圈，只留給用心待我的人。

「iPhone」APP Store：規(guī)范不是束縛

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

iPhone的應(yīng)用市場(chǎng)，在遵循統(tǒng)一設(shè)計(jì)規(guī)范的同時(shí)也在打破統(tǒng)一，根據(jù)用戶的使用場(chǎng)景在APP列表頁(yè)「獲取」使用淺灰色弱提示按鈕，進(jìn)入APP介紹頁(yè)則變成了深色，強(qiáng)化了信息的聚焦。

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

為什么說(shuō)iPhone的設(shè)計(jì)是魔鬼，并不是危言聳聽(tīng)。站在設(shè)計(jì)層面，從扁平化設(shè)計(jì)、卡片式、線性轉(zhuǎn)面性設(shè)計(jì)變革的演變，每一次都很徹底，無(wú)一不引起設(shè)計(jì)圈的轟動(dòng)。iPhone的界面設(shè)計(jì)都是在嚴(yán)格遵循統(tǒng)一的設(shè)計(jì)規(guī)范，但從未被規(guī)范束縛，在遵循統(tǒng)一的同時(shí)也在根據(jù)用戶的使用場(chǎng)景變化，站在用戶的角度思考而去打破統(tǒng)一。

以APP Store應(yīng)用市場(chǎng)為例，新APP的「獲取」按鈕在列表頁(yè)以淺灰色面襯托文字，就是為了讓用戶沉浸在列表內(nèi)容中，避免深色樣式對(duì)瀏覽造成干擾而影響列表各APP信息的傳達(dá)效率。進(jìn)入APP介紹頁(yè)后，按鈕變?yōu)樯钌怯捎谟脩敉ㄟ^(guò)列表對(duì)某個(gè)APP產(chǎn)生了一定的興趣，有了想了解更多的動(dòng)機(jī)，固通過(guò)深色按鈕強(qiáng)化信息的聚焦，強(qiáng)制用戶注意并引導(dǎo)進(jìn)行下一步操作行為。

「支付寶」：滑動(dòng)消息列表的溫馨提示

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

在支付寶的消息會(huì)話列表，向上滑動(dòng)會(huì)出現(xiàn)“找人轉(zhuǎn)賬”的輕提示，點(diǎn)擊后，自動(dòng)過(guò)濾掉除個(gè)人之外的其他會(huì)話消息，便于更好的瀏覽，方便查詢。

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

我們?cè)谄綍r(shí)有資金支出的需求時(shí)，都會(huì)在微信/支付寶二選其一。作為金融理財(cái)?shù)膶I(yè)級(jí)應(yīng)用，支付寶會(huì)更勝一籌，就像用戶常說(shuō)的“小額用微信，大額用支付寶”，在體驗(yàn)方面很好的抓住了用戶心理，即使有很小幾率可能出現(xiàn)的想法也被支付寶挖掘出來(lái)，力求提供給用戶最好的體驗(yàn)。

支付寶APP消息頁(yè)面，在界面操作上滑時(shí)，出現(xiàn)的“找人轉(zhuǎn)賬”提示，是為了更好的迎合有轉(zhuǎn)賬需求的用戶，提供快捷入口，點(diǎn)擊后，會(huì)自動(dòng)過(guò)濾掉除個(gè)人之外的其他會(huì)話消息，去掉了其他信息的噪音，只顯示好友，便于更好的瀏覽以及轉(zhuǎn)賬操作。“找人轉(zhuǎn)賬”存在5秒后自動(dòng)消失，對(duì)于沒(méi)有轉(zhuǎn)賬需求的用戶不會(huì)產(chǎn)生影響。支付寶正是通過(guò)這種在合適的時(shí)間、合適的地點(diǎn)對(duì)有需求的用戶合適的出現(xiàn)，以提供便捷的操作，提升體驗(yàn)、深得人心。

「快遞100」查詢：剪切板自動(dòng)帶入運(yùn)單號(hào)

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

進(jìn)入快遞100首頁(yè)時(shí)，系統(tǒng)會(huì)優(yōu)先訪問(wèn)剪切板，如果復(fù)制過(guò)與運(yùn)單號(hào)相似的信息，會(huì)通過(guò)彈窗提示，點(diǎn)擊即可跳轉(zhuǎn)至該運(yùn)單號(hào)的物流軌跡詳情頁(yè)面。

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

我們每次在購(gòu)物之后，最關(guān)心的應(yīng)該就是快遞信息了。在不同的應(yīng)用里，要頻繁切換應(yīng)用才能查到對(duì)應(yīng)的快遞信息，非常不便。快遞100接入了國(guó)內(nèi)98%以上快遞公司的寄/查快遞功能，給用戶帶來(lái)的很大的便利，特別是快遞查詢，從其他應(yīng)用將已有的運(yùn)單號(hào)錄入，就可以單獨(dú)從快遞100查詢到所有的快遞運(yùn)行軌跡，實(shí)現(xiàn)綜合式運(yùn)單管理。隨著時(shí)間的推移，用戶所需要的是能夠節(jié)約時(shí)間成本的簡(jiǎn)便操作，各大應(yīng)用的快遞單號(hào)也都可以進(jìn)行一鍵復(fù)制，讓快遞查詢變的更方便快捷。

在快遞100APP中查詢快遞信息時(shí)，只需要在其他應(yīng)用復(fù)制運(yùn)單號(hào)，進(jìn)入快遞100會(huì)通過(guò)系統(tǒng)訪問(wèn)剪切板已復(fù)制的運(yùn)單號(hào)，并根據(jù)單號(hào)規(guī)則自動(dòng)匹配對(duì)應(yīng)的快遞公司，利用彈窗讓用戶進(jìn)行信息確認(rèn)，點(diǎn)擊確定之后即可查詢?cè)敿?xì)的快遞運(yùn)行軌跡信息。省去了之前從找到搜索框>粘貼運(yùn)單號(hào)>查詢>跳轉(zhuǎn)頁(yè)面的繁瑣操作，快遞100的這一功能大幅度的提升了操作效率，節(jié)約時(shí)間成本，同時(shí)頁(yè)面之間的多次切換流程也得到簡(jiǎn)化，讓操作路徑變得更加合理簡(jiǎn)單，方便用戶快速查詢，提升了產(chǎn)品的易用性。

「滴滴打車」地圖：便捷的車輛位置提示

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

進(jìn)入滴滴首頁(yè)定位后，系統(tǒng)會(huì)提示多個(gè)合適的上車點(diǎn)，并將最近的上車點(diǎn)利用標(biāo)簽強(qiáng)化提醒；地圖以自身為中心，提示附近的滴滴車輛信息，并用顏色區(qū)分不同的服務(wù)車型。

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

滴滴出行App改變了傳統(tǒng)打車方式，建立培養(yǎng)出大移動(dòng)互聯(lián)網(wǎng)時(shí)代下引領(lǐng)的用戶現(xiàn)代化出行方式，相比傳統(tǒng)電話叫車或路邊攔車來(lái)說(shuō)，滴滴打車的誕生更是改變了傳統(tǒng)打車市場(chǎng)格局，顛覆了路邊攔車概念，從打車初始階段到下車使用線上支付車費(fèi)，畫出一個(gè)乘客與司機(jī)緊密相連的o2o閉環(huán)。雖然存在一些弊端，但比線下出問(wèn)題的概率確實(shí)低了很多。就好比一個(gè)不知名的打車應(yīng)用出了多次問(wèn)題，無(wú)人問(wèn)津，而知名應(yīng)用出了一次問(wèn)題卻被批判到頂點(diǎn)。從原則上講，我們不可否認(rèn)的是，知名應(yīng)用的付出與帶給我們的便利確實(shí)得到了大部分用戶的認(rèn)可，如果沒(méi)點(diǎn)實(shí)力，純粹紙上談兵，不可能達(dá)到量的級(jí)別。滴滴打車一直到在致力于為提升APP的用戶體驗(yàn)、打車舒適度等努力前行。

• 推薦上車地點(diǎn)：系統(tǒng)會(huì)提示多個(gè)合適的上車點(diǎn)，并將最近的上車點(diǎn)利用標(biāo)簽強(qiáng)化提醒。附近車輛提示實(shí)際聚類的結(jié)果，一些小區(qū)門口，路口，公交站等其他數(shù)據(jù)，可以讓乘客尤其是針對(duì)路癡類型的用戶，打車時(shí)能在最短的時(shí)間內(nèi)上車，解決用戶與司機(jī)互相找不到對(duì)方，反復(fù)電話溝通的問(wèn)題。推薦上車地點(diǎn)不僅僅是提升用戶體驗(yàn)，還能避免乘客和司機(jī)多走冤枉路，造成時(shí)間和金錢的浪費(fèi)（司機(jī)油錢），還能減少司機(jī)在行車過(guò)程中聯(lián)系乘客打電話而帶來(lái)的安全隱患。
• 地圖上提示附近的車輛，并用顏色區(qū)分不同服務(wù)的車型，金色代表出租車、黑色代表專車、白色代表普通快車/拼車/順風(fēng)車。通過(guò)提示，讓用戶在打車之前就會(huì)有一定的心理預(yù)期，知道附近有什么車型，下單后滴滴會(huì)將訂單派給這些離用戶最近的車。最大限度優(yōu)化乘客打車體驗(yàn)，節(jié)約司機(jī)與乘客溝通成本，降低空駛率，最大化節(jié)省司乘雙方資源與時(shí)間成本。

「微信」你用語(yǔ)音發(fā)過(guò)朋友圈嗎？

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

在微信的收藏頁(yè)面，可以通過(guò)右上角的“ + ”入口新建語(yǔ)音消息，完成后點(diǎn)擊右上角菜單，選擇發(fā)送朋友圈。

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

有很多用戶平時(shí)都很喜歡發(fā)朋友圈，吃飯時(shí)，拍照發(fā)朋友圈，讓朋友圈先吃；旅游時(shí)，遇到好看的風(fēng)景，要讓朋友圈先看；甚至辦了張健身卡，專門去健身房拍照發(fā)朋友圈；當(dāng)然還有心靈雞湯肯定不能少……昨天，我在貼吧看到一個(gè)網(wǎng)友問(wèn)“為什么微信不能在朋友圈發(fā)語(yǔ)音呢”？大家都知道，微信官方是沒(méi)有明確提供朋友圈發(fā)語(yǔ)音功能的，但還有個(gè)隱藏的高級(jí)玩法，你可能還不知道。

在微信的收藏頁(yè)面，點(diǎn)擊右上角的“+”按鈕，選擇下方的話筒圖標(biāo)，就可以進(jìn)行語(yǔ)音錄入了，錄入完成后點(diǎn)擊右上角菜單，選擇發(fā)送朋友圈即可。平時(shí)可以把我們想發(fā)出去的祝福+配圖發(fā)送，或者自己唱的歌曲也可以用這種的方式發(fā)布朋友圈，語(yǔ)音也是記錄生活的一種方式，有沒(méi)有感覺(jué)與眾不同，更好玩了呢。

「樊登讀書」簽到：動(dòng)態(tài)的視覺(jué)引導(dǎo)

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

在樊登讀書APP我的頁(yè)面，簽到提示圖標(biāo)不受手機(jī)旋轉(zhuǎn)影響，始終以懸掛樣式正視用戶的視覺(jué)，簽到完成后圖標(biāo)變?yōu)殪o態(tài)，并用“對(duì)勾”的樣式提醒已簽到完成。

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

在眾多APP應(yīng)用中，簽到功能對(duì)用戶來(lái)說(shuō)并不陌生，幾乎也成了營(yíng)銷及用戶留存的一個(gè)重要手段，五花八門的簽到樣式及效果也是存出不窮，有靜態(tài)、動(dòng)態(tài)、炫酷、強(qiáng)行彈窗等，但真正達(dá)到預(yù)期并能提升用戶體驗(yàn)和轉(zhuǎn)化的并不多見(jiàn)，有的甚至讓用戶產(chǎn)生反感。

在體驗(yàn)樊登讀書APP時(shí)，簽到功能則是眾多應(yīng)用中較為優(yōu)秀但并不張揚(yáng)的一種了。進(jìn)入我的頁(yè)面，右上角的簽到以靜態(tài)的線性圖標(biāo)并半懸掛狀態(tài)展示，當(dāng)手機(jī)出現(xiàn)輕微旋轉(zhuǎn)時(shí)，圖標(biāo)并不跟隨手機(jī)屏幕轉(zhuǎn)動(dòng)，以懸掛點(diǎn)為中心，造成一種受到重力影響的錯(cuò)覺(jué)，始終正視用戶，似乎在向用戶招手，產(chǎn)生更強(qiáng)烈的點(diǎn)擊欲望，相比純靜態(tài)(吸引力不強(qiáng))、動(dòng)態(tài)(成為焦點(diǎn)并影響其他信息瀏覽)真正做到了動(dòng)靜結(jié)合，吸引用戶并不張揚(yáng)，提高完成效率。

進(jìn)入簽到頁(yè)面后，自動(dòng)簽到成功，省去了手動(dòng)簽到的操作步驟，節(jié)約時(shí)間，同時(shí)也符合用戶的“懶惰心理”，即：兩步可操作完成的，絕不點(diǎn)擊第三下。再次回到我的頁(yè)面，簽到圖標(biāo)變成了“對(duì)勾”的樣式，跟簽到之前形成了差異化，避免用戶因忘記而產(chǎn)生重復(fù)操作。

「淘寶」商品詳情頁(yè)：下拉“多窗口瀏覽”

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

在淘寶商品詳情頁(yè)，下拉后會(huì)從頂部彈出我的足跡，即展示從最近瀏覽過(guò)的商品按照先后時(shí)間順序依次排列，方便用戶多次瀏覽，進(jìn)行比價(jià)。

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

在如今互聯(lián)網(wǎng)大爆發(fā)的時(shí)間，用戶的“懶惰心理”基本浮出水面，也從理性逐漸升級(jí)感性消費(fèi)，之前的按收入消費(fèi)演變成了提前消費(fèi)（信用卡/花唄）。平時(shí)花大量的時(shí)間在各大電商APP里挑選著自己商品，看到滿意的東西就會(huì)加入購(gòu)物車進(jìn)行價(jià)格、口碑、發(fā)貨地及銷量等綜合對(duì)比，所花的時(shí)間不言而喻，可能天天后半夜，特別是各大節(jié)日前夕。所以各大應(yīng)用也在節(jié)約用戶時(shí)間成本上絞盡腦汁的探索、研究。

淘寶APP在商品頁(yè)詳情下拉后，會(huì)從頂部彈出我的足跡，最近瀏覽過(guò)的商品按照時(shí)間的先后順序依次排列，方便用戶多次瀏覽，進(jìn)行各種對(duì)比。之前都是從購(gòu)物車查找，或者從搜索頁(yè)面多次重復(fù)相同的操作，非常不便。而在詳情頁(yè)下拉后從頂部我的足跡左右滑動(dòng)查找更加快捷，相當(dāng)于開(kāi)了一個(gè)“多窗口瀏覽”，反復(fù)切換即可，減少用戶因多次進(jìn)行各種商品對(duì)比花費(fèi)大量時(shí)間而產(chǎn)生的焦慮感，帶來(lái)更愉快的用戶體驗(yàn)，提高操作效率并讓用戶快速的做出決策，提升消費(fèi)轉(zhuǎn)化。

「百度網(wǎng)盤」掃一掃：貼心的暫停功能

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

使用百度網(wǎng)盤掃一掃功能，如果出現(xiàn)長(zhǎng)時(shí)間未掃描或返回操作，系統(tǒng)會(huì)暫停掃一掃功能，節(jié)約設(shè)備資源。

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

我們對(duì)掃一掃功能一點(diǎn)也不陌生，幾乎每天都在使用。特別是微信，從付款、加好友、應(yīng)用下載到關(guān)注公眾號(hào)，無(wú)所不能。但你有沒(méi)有出現(xiàn)過(guò)以下情況：付款掃不出來(lái)直接換成支付寶、正在掃描時(shí)突然有事放下手機(jī)而沒(méi)有關(guān)閉掃描功能，然后莫名的發(fā)現(xiàn)設(shè)備很卡或者發(fā)燙，接著一陣吐槽×&%￥#@№……

使用百度網(wǎng)盤掃一掃時(shí)，長(zhǎng)時(shí)間沒(méi)有操作會(huì)自動(dòng)暫停掃描功能，如果再有需求，點(diǎn)擊繼續(xù)掃一掃即可，這一小小的細(xì)節(jié)卻隱藏著很大的學(xué)問(wèn)。首先能夠防止因攝像頭長(zhǎng)時(shí)間開(kāi)啟造成手機(jī)發(fā)燙，導(dǎo)致設(shè)備硬件過(guò)早老化，降低使用壽命；其次可以有效避免因掃一掃占用設(shè)備資源導(dǎo)致使用設(shè)備時(shí)反應(yīng)慢或卡頓的問(wèn)題。

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

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