2023年產(chǎn)品細節(jié)剖析讓你看看大廠是如何做設計的（2022-03）

產(chǎn)品細節(jié)剖析，讓你看看大廠是如何做設計的（2022-03）在設計領域，相較于平淡無奇毫無重點的界面設計，其具有良好視覺層次結構的設計更受用戶青睞。在設計過程中可能會糾結于各種可能性，比如是讓文字變大還是變小，或者增加(或削減)元素四周的留白，顏色是該深一點還是淺一點等。

其實不管何種呈現(xiàn)方式，設計出美觀、高效和可用的UI界面需花費很長的時間，需經(jīng)過反復的修改，最終才能打磨出令用戶滿足的產(chǎn)品，在滿意公司戰(zhàn)略及功能需求的狀況下，其修改和優(yōu)化還可以從細節(jié)上入手。

32.「支付寶」避開超額消費的花唄鬧鐘

1.產(chǎn)品體驗

在支付寶花唄的消費鬧鐘功能里，可設置每個月的消費限額，當花唄支付使用超額后，會收到對應的消息提示。

2.設計思索

隨著互聯(lián)網(wǎng)的快速進展，人們生活水平提高的同時、消費水平也越來越高。各種消費信貸產(chǎn)品如雨后春筍一樣冒出來。

花唄自消失后就深受人們的寵愛，首先是便捷的支付方式；其次花唄的申請門檻比較低，不論是同學，還是無業(yè)游民或其他沒有穩(wěn)定收入的，只要芝麻信用分達到650分以上就能開通，在擁有額度后，就可以在支持花唄支付的平臺提前預支消費，到次月再還款，因此花唄的便利性就完全體現(xiàn)出來了。

但總是有一部分用戶在每月出賬單需要還款時才發(fā)覺，消費的額度遠遠高于自己的收入，甚至無力償還?；▎h新推出的消費鬧鐘功能，對于花錢沒節(jié)制的用戶來說，真的特殊好用。在消費鬧鐘里設置提示金額，點擊確定設置即可，當使用金額超過用戶設置的金額，將會收到提示消息。

此功能既可以削減用戶超額花費的可能性，也能有效避開用戶因無力償還賬單而給平臺帶來的經(jīng)濟損失，可謂是一舉兩得。

32.「滴滴出行」關懷模式-老年人的出行福利

1.產(chǎn)品體驗

在滴滴出行的設置中開啟關懷模式，系統(tǒng)會將字體放大且展現(xiàn)功能極簡的打車模式頁面，便利老年人使用.

2.設計思索

滴滴出行主要面對的是年輕用戶群體，因涉及到支付寶、地圖等線上線下功能的結合，操作流程簡單且使用起來學習成本較高。在當前移動互聯(lián)網(wǎng)時代下，老年人如何能真實感受到現(xiàn)代智能科技所帶來的便捷、人文關懷和敬重，是如今的移動平臺所要解決的問題。

滴滴出行的關懷模式，就是專為便利老年人出行而推出的。

老年用戶在APP設置中心開啟后，可快速進行一鍵下單操作流程。關懷模式支持大號字體顯示，能提前設置五個常用地址，便利在下單時進行一鍵操作，簡化了下單流程及刪減了部分頁面內(nèi)容。

不管是大號字體還是精簡流程，都便于視力不好的老年用戶叫車出行，不僅有效降低了在線叫車操作的簡單程度，也能緩解老年用戶在叫車過程中消失的不確定性和焦慮感，提升了出行效率。

33.「愛奇藝」搜尋分類-讓結果更精準

1.產(chǎn)品體驗

在愛奇藝使用搜尋時，綻開搜尋框前面的類型，可選擇全網(wǎng)、圖搜劇和詞搜劇，以更精確的匹配搜尋結果。

2.設計思索

許多設計師認為搜尋很簡潔，設計一個搜尋框加搜尋圖標放在主頁頂部就搞定了，然而并非如此，需要站在用戶的角度考慮搜尋前、搜尋中、搜尋后各個階段的用戶體驗。

搜尋作為一個功能入口，除了簡潔的呈現(xiàn)及引導方式之外，搜尋結果也是也是特別重要的，用戶的搜尋操作不是目的，結果的精準度及視覺傳達才是重點。

大部分搜尋的呈現(xiàn)就是供應搜尋框，用戶一上場就開頭碼字，然后在海量的搜尋結果中去找到自己想要的內(nèi)容。然而用戶并沒有什么急躁，不管是花大把的時間查找結果還是不停的更換關鍵詞重來，都有可以讓其失去耐性，轉(zhuǎn)而扭頭就走，導致平臺的用戶流失。

愛奇藝APP在搜尋功能中進行了分類，比起常見的全局搜尋其結果更加精準，通過全網(wǎng)、圖搜或詞搜類型轉(zhuǎn)變搜尋范圍，便于用戶在最短的時間內(nèi)找到自己想要的結果。

可以想象，當我們在百度查找需要的內(nèi)容時，面對幾萬乃至幾十萬的結果匹配時，翻過幾頁后，要么放棄、要么換掉關鍵詞。愛奇藝的分類型搜尋縮小了查找范圍，降低用戶的時間成本，還能提高對用戶的信任度，以增加其使用粘性。

34.「美團」突出折扣金額-引起用戶貪廉價心理

1.產(chǎn)品體驗

在美團的酒店列表價格區(qū)域，除了有劃掉的原價和優(yōu)待之后的價非常，還特殊突出展現(xiàn)了優(yōu)待的實際金額，特別惹眼，以彰顯其優(yōu)待的力度。

2.設計思索

商家們都知道，定價策略是營銷中一個非常關鍵的組成部分，是影響交易成敗的關鍵因素，但也難以確定，既要考慮成本的補償，又要考慮消費者對價格的接受力量。

縱然如此，當商家們把最低的價格擺在消費者面前時，才發(fā)覺“抱負很豐滿，現(xiàn)實卻骨感”，總是有那么一群人在感性的消費，即使遇到折扣后的價格依舊過高，但只要優(yōu)待力度夠大，就感覺夠刺激，常規(guī)剁手。

一路走來才發(fā)覺，唯有套路得人心，例如：拼多多的砍價，砍到手后低價購買，算是平臺補償?shù)拿赓M宣揚費；美團的高額滿減，是在提高原價數(shù)倍之后才有的折扣；線下商家撤離前的虧本清貨，可能是被選剩下的瑕疵產(chǎn)品

在這些案例中，假如商家直接把折扣后的實際價格擺在那里，部分用戶根本不屑一顧。美團的酒店列表，在價格區(qū)域除了常規(guī)的原價、現(xiàn)價之外，還突出展現(xiàn)已減金額，拋開現(xiàn)價不說，假如優(yōu)待的金額給力，足以引起用戶的留意。

這是企業(yè)慣用的利益引誘手段，屢試不爽，

通過下單就讓利的方式來促進商品的轉(zhuǎn)化，引起用戶的貪廉價心理，只要優(yōu)待的數(shù)值夠高，就能引起用戶的留意力和消費欲望，將用戶的思維轉(zhuǎn)換至優(yōu)待力度方面，而忽視市場價格及性價比，會誤以為商家優(yōu)待的金額即自己賺到的錯覺，促使用戶下單完成轉(zhuǎn)化。

35.「餓了么」訂單備注提示-為防疫工作貢獻一份力氣

1.產(chǎn)品體驗

在餓了么確認訂單頁面，為了有效的掌握疫情傳播，頂部會提示“為了削減接觸，降低風險，請修改下方備注”，進入備注頁面，輸入框的占位符和快捷輸入都優(yōu)先展現(xiàn)避開接觸取餐的方法參考。

2.設計思索

疫情爆發(fā)期間可謂是人心惶惶，經(jīng)過全部人長時間的有效協(xié)作及預防，最終得到了緩解。

疫情掌握之后，人們對病毒的防范意識有所增加，通過自律做到盡量削減與他人的接觸，但在忙到的生活和工作下，許多狀況總是不行避開，比如病毒防范意識降低而造成無意識的接觸、工作中的外賣取餐和寄收快遞，都會造成額外的接觸。

在餓了么APP上訂餐下單時，系統(tǒng)會賜予明顯的免接觸防疫提示，在訂單的備注中優(yōu)先展現(xiàn)免接觸取餐方式參考，如掛門把手、放門口等，給病毒防范意識降低的用戶敲響了警鐘，提示用戶盡量使用無接觸方式取餐，不僅能降低病毒在人與人之間的相互傳播，還為防疫工作貢獻了一份力氣。

36.「快手」不打斷視頻播放的評論功能

1.產(chǎn)品體驗

在快手觀看短視頻，打開評論，頁面從底部彈出，視頻連續(xù)以播放狀態(tài)等比例縮小置頂，編輯評論不影響播放。

2.設計思索

當我們在線上看到一件事物，有互動需求和劇烈的表達需求時，此時評論功能不僅能滿意用戶需求，還能增加參加感，對增加用戶黏性大有作用。

評論作為一個重要級的功能存在，在需要時會打斷用戶的當前掃瞄或操作，通過跳轉(zhuǎn)頁面或彈窗來關心用戶解決互動需求，跟原本的頁面是一個上下級的關系。

在快手APP看短視頻，無論是編輯還是掃瞄評論都可以齊頭并進。觸發(fā)評論后，頁面從底部向上彈出，視頻的頁面占比范圍會以播放狀態(tài)等比例縮小并置頂，類似我們在看電影時的橫屏和豎屏，視頻觀看及評論兩不誤。

這種交互方式在滿意用戶下一個需求時，并不中斷上一步的需求，避開原本看視頻的思路被打斷，有助于用戶跟隨視頻播放的思路即興發(fā)揮評論，這也是一個簡單設計師被忽視的好功能。

37.「微博」行為預判-有效提高評論的完成效率

1.產(chǎn)品體驗

當我們在微博列表中的某條信息處停留5秒并無任何操作時，此條微博下方會自動彈出評論框，系統(tǒng)通過行為預判感知用戶對該內(nèi)容感愛好，引導用戶去發(fā)表自己的想法。

2.設計思索

評論在許多應用中都有著舉足輕重的作用，尤其像微博這樣的大型并開放式的信息平臺，更有著弘揚先進的思想和精神，揭露和抨擊腐敗現(xiàn)象及不正之風，對各種不良現(xiàn)象形成強大的輿論壓力，實現(xiàn)有效的監(jiān)督。

即便是網(wǎng)絡水軍、鍵盤俠（惡意重傷除外，究竟大部分用戶還是理性的“噴子”），當風聲一邊倒時，都會漸漸走向真理化。在我們所接觸的應用中，評論操作的方式都是通過用戶的手動觸發(fā)。

微博編輯評論除了用戶手動觸發(fā)之外，其還有一種特別人性化的系統(tǒng)感知觸發(fā)。當用戶在列表中的停留5秒且沒有任何操作時，系統(tǒng)通過行為預判感知用戶可能對這條信息感愛好，即自動彈出評論框，引導用戶操作，能增加產(chǎn)品跟用戶之間的溝通互動。

微博的行為預判是引導用戶、縮短用戶行為路徑的有效設計手段，在用戶沒有作出行動觸發(fā)的狀況下進行理解用戶可能會消失的操作行為，削減冗余步驟，簡化操作流程，運用最少的路徑和行為來達成用戶目標，有效提高評論的完成效率。

38.「淘寶」搜尋結果-你試過長按商品卡片嗎？

1.產(chǎn)品體驗

在淘寶的商品搜尋結果里列表，長按某個商品卡片區(qū)域，會彈出該商品多種類型的tab，有相像、同款、同品牌和同店，便于用戶更精準快速找到自己需要的商品。

2.設計思索

對于有目標需求但不是特殊明確的用戶來說，關鍵詞搜尋無疑是最好用的一個功能，當面對海量的搜尋結果，可能會眼花繚亂，找到喜愛的商品時，要么銷售量太低、要么價格過高，反正總有有那么一方面自己不滿足，不得已，只能把當前商品的精準關鍵詞經(jīng)過搜尋框再來一遍。

在淘寶APP就無需這么麻煩，商品的搜尋結果列表有個隱蔽的功能，只需長按商品卡片區(qū)域，就會彈出相像款、同款、同品牌、同店鋪的類型tab欄，便利用戶能夠快速依據(jù)自身需求篩選比價，可免去不必要的麻煩操作，節(jié)約大量時間，假如你還未使用過此隱蔽的交互功能，就抓緊試一試吧。

39.「boss直聘」雙重toast彈窗-快速感知頁面類型/內(nèi)容

1.產(chǎn)品體驗

boss直聘頂部的職位tab在切換勝利后，除了除了有職位更新toast提示外，屏幕中間還會通過toast彈窗提示當前頁面職位類型，并突出顯示。

2.設計思索

關于toast彈窗樣式及消失的場景，如同市場上的大白菜，所見過多的不能再多了。

例如某個步驟操作勝利、tab切換頁面、下拉刷新等，是一種輕量級的反饋，以小彈框的形式消失，一般消失1到2秒會自動消逝，且可以消失在屏幕上中下任意位置。

對于設計師來說，在頁面上增加toast的作用，就是將操作的結果直接反饋給用戶。

Boss直聘APP在tab欄勝利切換頁面后，除了有清楚反饋操作結果“推舉職位已更新”之外，還在屏幕中間用另一個更加惹眼的toast彈出明確職位信息。

其有用戶在切換tab欄時，此操作行為不僅僅是切換頁面，所對應的類型才是首當其沖，當明確類型無誤后才會將思維轉(zhuǎn)向內(nèi)容，職位彈窗在屏幕中心提示，占據(jù)有利地形，除了讓用戶清晰當前頁面交互狀態(tài)之外，還能快速感知類型是否為自己所需。

另外還有防錯作用，避開用戶操作失誤后，在自己還不清晰的狀況下去掃瞄內(nèi)容而鋪張大量的時間。

40.「餓了么」店鋪營銷文案-看“我”就把“我”吃掉

1.產(chǎn)品體驗

餓了么的外賣店鋪列表及推舉商品下方都有極具誘惑性的廣告文案，一句話概括味道、服務、優(yōu)質(zhì)推舉等。

2.設計思索

今日吃什么？任憑；那吃肯德基吧？不好，太油膩了；那究竟吃什么？任憑這應當是最標準的選擇性困難綜合癥晚期，尤其是給女伴侶點外賣，你會發(fā)覺原來“任憑”就是天大的謊言，表面上看似什么都可以，實則什么都不行以。

餓了么每個店鋪下方都使用了一句簡短的文案概括菜品的味道、店鋪服務或招牌推舉等，在文案中結合用戶較為關懷的利益點抓住眼球，引導目標進入店鋪，從而掃瞄店鋪的內(nèi)容。

店鋪廣告是商家可以進行內(nèi)容營銷的重要場所之一，可充分利用文案向用戶進行宣導，讓其感受到店鋪的專心之處，增加用戶體驗，優(yōu)質(zhì)的文案不僅能帶給用戶驚喜，還有一種神奇顏色，用戶可能會抱著試一次心抱負法，從而形成轉(zhuǎn)化。

另外對于吃什么、難以選擇的用戶，平臺可以通過文案的吸引，增加用戶的占有欲望，讓其快速做出決策，避開在選擇的時候難以選擇，即便做出打算后仍舊疑慮其它的選擇是不是更好，從而導致時間的鋪張，精神上的焦慮。

41.「微信」你使用過圖片備注嗎？

1.產(chǎn)品體驗

微信好友昵稱除文字備注外，還可以使用圖片備注，保存勝利后即可在設置備注頁面描述區(qū)域看到此前備注的圖片，好友信息也增加了描述入口。

2.設計思索

當我們的微信好友過多或因好友隨時轉(zhuǎn)變昵稱的緣由，而常常找不到，我們就會順手備注一個昵稱或標簽，以便需要時便利查找，但針對當面即時添加的好友，就算使用的昵稱備注，可依舊沒有印象怎么辦？

其實微信的備注功能比我們想象的要強大，除了昵稱備注外，還可以使用圖片備注。

當我們因工作接觸的人較多需要添加好友時，短時間是沒有方法把全部好友的個人信息都記熟，這時候圖片備注就能助我們一臂之力了，另外還可以直接把客戶的名片作為圖片備注，將單個好友的信息集合，實現(xiàn)一功能多用。對于記性不好或短時間內(nèi)添加好友較多的用戶特別有用。

42.「即刻」排版設置-幫你緩解視覺疲憊

1.產(chǎn)品體驗

在即刻APP的排版設置里，開啟“中文標點擠壓”和“段間距”，文本內(nèi)容會自動減小中文符號后面的間距，且段與段之間也會增加留白，提高視覺舒適度。

2.設計思索

我們在看文章或電子書時，都有過這樣感覺，當篇幅較大時，到了肯定時間，就會產(chǎn)生視覺疲憊或?qū)Ｗ⒍葴p弱的狀況。

視覺疲憊的強弱程度，用戶除了自行調(diào)整外，平臺還能通過設計手段提升用戶體驗來緩解，常見的網(wǎng)絡文章會在不同位置穿插圖片來減輕用戶的視覺壓力，其電子書也會通過短篇幅的翻頁來緩解視覺疲憊。

在即刻APP的系統(tǒng)設置中，可通過排版設置提升掃瞄體驗。開啟中文標點擠壓，文本將自動減小中文標點符號后的空白區(qū)域，避開間隔太大造成脫節(jié)，去掉不必要的空白，還能為內(nèi)容節(jié)約空間，究竟內(nèi)容才是產(chǎn)品最重要的部分，所以不要沒理由的去掉特地為它預留空間，“擠擠總還是有的”。

其次開啟段間距，即段與段之間視覺更加明顯，第一反應就能感覺出這是兩段內(nèi)容（段落的結尾假如跟上一樣最終平齊，傻傻分不清是連接上一段還是新的一段），讓用戶掃瞄文本內(nèi)容的思維更清楚且削減思索，提升節(jié)奏和視覺平衡感。

43.「拼多多」通過搜尋關鍵詞建立情感鏈接

1.產(chǎn)品體驗

在拼多多搜尋“生日蛋糕”時，商品搜尋結果呈現(xiàn)的同時，會有滿屏的蛋糕表情落下，以示祝愿。

2.設計思索

商品搜尋框，顧名思義就是搜尋商品使用，用戶需要查找某個商品時，輸入關鍵詞，系統(tǒng)通過后臺數(shù)據(jù)對關鍵詞進行匹配，然后根據(jù)特定是挨次呈現(xiàn)出來，旨在滿意用戶的搜尋需求而生。

拼多多搜尋功能除了滿意用戶的基本需求外，還增加了一個小細節(jié)，搜尋部分特定的關鍵詞，結果頁會使用趣味化的微動效。

比如，在搜尋“生日蛋糕”后，會有滿屏的蛋糕表情落下，賜予用戶生日祝愿，通過營造情感氛圍，獲得用戶的認可，跟用戶建立情感鏈接以鼓舞連續(xù)下一步操作。

同時平臺用趣味的微動效生日祝愿通過情感、人性化的交互方式更受人用戶青睞，可以讓用戶感到心情愉悅，進一步增加用戶的信任度及粘性。

44.「微信讀書」替身書架-幫你瞞天過海

1.產(chǎn)品體驗

使用微信讀書，假如自己所看的書籍不想別其他人知道，或者想假裝自己在看某個領域的書籍，可在隱私設置中開啟替身書架，既可以愛護隱私，還可以滿意面子心理。

2.設計思索

有人說，線上看書的效果沒有看紙質(zhì)書籍的效果好，其實并非全部如此，主要因人而異，比如線上看書可以有效利用碎片化時間、不分場景等，不管是線上還是線下，都沒有明確的界定，只要能堅持就好。

堅持是一件很不簡單的事情，比如許多用戶喜愛把自己在看書這件事告知全部的伴侶，利用營造人設以追求自己的面子心理，通過好友的夸贊轉(zhuǎn)化為自己堅持下去的動力。

微