蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
根據最新的產品定位，能提煉出兩個重要的信息，即“品牌電商”和“高端化”，若想把這兩點落實到產品設計當中，首先就是對這兩個關鍵詞有充分且客觀的認識。
京東、淘寶、拼多多是不是品牌電商？肯定不是，他們屬于綜合類電商，他們銷售各種品牌的產品，品牌電商的特征是，只針對一個品牌或集團旗下多個品牌（集團為品牌）的產品進行銷售。
綜合類電商：追求性價比，更多的是滿足消費者物質層面的需求，購買動機是功能、賣點、價值等利益點。
綜合類電商在設計上，貼近用戶的心智訴求，就應該注重產品的利益點露出，頁面設計上強調熱鬧的氛圍，這樣才能進一步刺激用戶的消費欲望。
品牌電商：品牌電商應注重品牌的調性，賦能品牌，用戶追求品牌溢價，滿足精神層面的需求，購買動機注重品質，以及身份的價值認同感，符合自己的社會屬性等。
設計上，不應過分強調利益點，不然會降低品牌的品質感，品牌電商應聚焦商品本身，更多的去解讀產品的價值和優(yōu)勢，讓用戶感到品牌產品的品質。
什么是高端的？那首先得明白什么是低端的，從人類發(fā)展的客觀事實上來看，或從我們普遍認同的價值觀上來看，落后往往代表低端，先進則更能表現高端，下面我們看幾組圖片。
從圖片的對比上來看，粗糙、多色彩、雜亂看起來是低端的，精致、單色、簡潔更多人會認同是高端的。
最終通過品牌電商的特點，以及高端化設計認識，我總結出4條設計語言：
1）回歸產品本身
聚焦產品價值為核心，回歸本真，營銷信息合理展示。
2）克制的
克制色彩營銷的導向， 復雜的設計，助力品牌高端化。
3）極致的
以用戶語言，打造產品細節(jié)，打磨用戶體驗，做好服務。
4）有品牌感知的
提取品牌DNA，建立官網心智，打造官方商城優(yōu)勢。
有了設計語言的方向指導，那所有的設計都要依據這四條原則進行設計，接下來看一下案例中如何運用設計原則。
下圖是一年前的首頁，最直觀的感受就是，整體看上去色調很多，圖素的飽和度也較高，根據我們的設計語言，對banner、金剛位、活動腰帶、一拖三（瓷片區(qū)）等、做了一系列的改版，同時還增加了幾個模塊，接下來我們細講。
banner圖區(qū)域結合需求，做了非常大膽的嘗試，對頭圖設定了幾種狀態(tài)，日常狀態(tài)、活動狀態(tài)、新品發(fā)布會狀態(tài)。
日常狀態(tài)：依舊是輪播banner展示，在圖素的設計上，對版式和用色做了規(guī)范調整。
色調上不再采用高飽和的圖素，板式上去掉了行動按鈕，原因就是結合設計語言“回歸產品本身”這一理念，去營銷化，圖素上的信息就展示關于產品本身，圖、名稱、賣點、價格。
這就是一個品牌電商，在日常展示上，應該有的一種態(tài)度，吸引用戶的一定是產品本身，而不應該是一個利益點。
活動狀態(tài)：當有重要的活動或新品時，會直接把所有banner都下掉，直接把一個加長的活動圖素放上去，業(yè)務方給起了個名字叫huner，意思就是直接“呼臉上”的意思，邏輯上就是重點強調。
huner展示
根據活動的重要程度，huner的高度會不一樣，左圖是與哈利波特聯名的一款手機，比較重要，所以更大，右圖是每月一次的F會員日活動，所以相對較小。
關于活動氛圍，在設計上還有一個遞進關系，當活動越重要，那huner的底部圓角就會越圓潤，因為越圓潤的設計越活躍，越活躍的設計活動氛圍就會越熱鬧。
另外有時我也會做一些動效上去，來重點渲染活動氛圍，下圖所示：
迪士尼聯名產品發(fā)布會動畫：
雙11活動huner動畫設計：
春節(jié)期間年貨節(jié)huner動畫設計：
618倒計時huner動畫設計：
新品發(fā)布會/重大節(jié)日狀態(tài)：這個狀態(tài)會在huner圖中下方增加多個次級活動入口，原因發(fā)布會和重大節(jié)日流量較高，這樣的設計形式，流量聚焦，減少路徑，能更好的完成活動目的。
另外在這個樣式的基礎上還有一種形式，huner下方的坑位會去掉產品圖，弱化展示，目的是為了給下方活動腰帶更多的流量。
大促期間各個需求組，都希望在首頁分到更多的流量，在眾多活動中，肯定有主有次之分，放在一起設計形式相同就會平均流量，這顯然不是平臺想要的效果，所以解決方案就是，通過設計形式來干預流量的走向。
對于一個多業(yè)務方的首頁，設計上往往還需考量各方利益，不能因為一方，影響另一方，做好權重需求分配，平衡利益，這也是設計師需要有意識思考的問題。
總結：banner頭圖的改版設計，日常輪播不會存在任何營銷信息，保持品牌電商的調性，活動期間根據不同級別的活動，給出級別不同設計方案，活動過多時，通過設計形式干預流量的走向。
金剛位做了簡單的優(yōu)化，之前最大的問題是，產品的形狀各異，都是以最大要求尺寸展示，導致最終的視覺呈現常常不統一。
解決方案下圖所示，規(guī)范了較為方正的產品和較長產品，不同的呈現尺寸，讓視覺盡可能看起來統一。
米金商城圖標進行了改版，采用寫實效果，降低飽和度，盡可能看起來更貼近真實，這樣與真實的產品圖標會更加契合。
金剛位中“小米發(fā)布”的入口，有一個重要的改變，之前一直是一個圓角矩形，現在結合我們的設計語言“有品牌感知的”原則，進行調整。
提取小米logo的超橢圓形狀，直接用于圖標的呈現，小米發(fā)布是一個重流量的入口，所以一直是一個動效狀態(tài)。
因為“小米發(fā)布”是中間位置，圖標尺寸保持最大也不會不和諧，較大的展示面積，能把動效內容展示的更清晰。
這個內容是新增模塊，非常態(tài)化呈現，每次會隨著發(fā)布會新品發(fā)布出現，比如老板在發(fā)布會上正在介紹一款新品，那小米商城就會隨著發(fā)布會的節(jié)奏，首頁首屏出現一個非常突出的新品大卡。
當介紹第二款新品時，新品大卡就會以banner輪播的形式出現，另外有一點很重要，新品大卡的副文案，一定得是賣點，而不能是利益點。
賣點就是展示這個產品本身的亮點，利益點是這個產品有什么優(yōu)惠，對于剛發(fā)布的新品就直接上利益點，有損新品的價值感，不符合我們“回歸產品”的設計語言。
所以每次業(yè)務方給出的是利益點，我都會提醒他換成賣點，講明原因，他們通常也是非常認可的。
活動腰帶是重運營區(qū)域，所以設計形式會常常換樣式，不然用戶容易視覺疲勞，但任何設計形式，也都是圍繞設計語言開展，下圖所示，新舊活動腰帶對比。
新舊對比很直觀的感受就是，變得冷靜克制了，場景變得寫實了，減少色相了，降低飽和度和明度了，下面我精選了一些近一年中用過的活動腰帶。
寫實風格的KV能增強商品的品質，也更符合目前的產品定位，從數據來看對比以前也是增長趨勢。
對于品牌電商來說，能給用戶帶來品質感，其實就等于用戶對平臺增加了信任感，設計促進了用戶的信任，那就等于設計賦能了品牌。
手機腰帶也是新增的模塊，原因很簡單，集團的主營業(yè)務就是手機，所以手機要有個專門的模塊展示。
手機腰帶日常保持冷靜的設計調性，大促期間會增加標簽和突出利益點的處理。
另外值得說的一點是，手機腰帶下面三個手機做到了“千人千面”，不同標簽的用戶會看到不同的手機推薦。
這個模塊的改版非常有講頭，這一年中也是經歷了多個版本的迭代，首先看一下最初的設計稿，其實是非常符合當時的產品定位，與之前的活動腰帶也非常契合，營銷感較重，主打的就是一個熱鬧。
最初的設計沒有問題，符合當時的產品定位，但后來應業(yè)務方的需求，加了一個配置標簽的功能。
當時告訴運營同學的是，四個卡片中只能加一個，功能上并沒有限制只能加一個，后來如上圖所示，每個都加，夸張的時候四個都加。
本來就是多色的色塊，再加上幾個突出的標簽，那直接就“花枝招展”了，每個卡片都加標簽，就等于沒有突出任何一個。
后來公司提出高端化路線，就快速做了一個用不到開發(fā)的去色的調整，去掉標簽，下圖所示，修改尺寸板式需要開發(fā)介入。
在用去色后樣式的同時，我也在進行需要開發(fā)介入的設計迭代優(yōu)化。
首先分享一下我對改版優(yōu)化的設計思考，對于改版設計拿到需求后，不提倡直接去找參考，應該先去調研改版的目的，了解業(yè)務方的想法。
然后結合產品定位，分析目前的設計存在哪些問題，深入去思考如何改版才能深入人心，這個環(huán)節(jié)非常重要，不僅能培養(yǎng)獨立思考能力和意識，而且也是鍛煉設計提案能力的重要方法。
拿到需求直接去找參考不僅是一種“懶”的行為，而且非常容易做很多徒勞無功的工作，因為不了解真正的改版目的，不思考存在的問題，最后難免就是多次的改稿。
在一拖三的案例中，我總結了四個問題：
問題一：整體看起來緊湊，其實也并非緊湊，而是如若有一個寬松和它對比，那它就是緊湊的，我先有個方案，再對應給它定義一個問題，當然前提是問題與解決方案是客觀成立的。
我堅信寬松一定會打敗緊湊，緊湊變寬松會給人一種輕松的清爽感，事實上也的確如此，最后的寬松方案大家都非常認可。
問題二：產品不能完全露出，導致用戶看不到產品全貌，從而會降低點擊的興趣，露出半個產品，這樣對用戶不僅不友好，而且也是對產品不尊重，所以展示出產品的全貌迫在眉睫。
問題三：大卡片的產品名稱字號過大，甚至大過板塊標題的字，常態(tài)展示模塊不應該出現不冷靜的字號，會顯得不精致。
問題四：大卡片的文字排版為居中，居中排版的優(yōu)點是表現力會更強，缺點是板式結構變得不夠整潔，且不耐看，結合我們的設計語言“克制的”能簡潔絕不會讓它復雜。
最大的改變是一拖三變成了一拖四，整體看起來不再有緊繃感，雖說增加了模塊的高度，但也增加了一個坑位，這對對應的業(yè)務方來說也是求之不得的好事。
產品圖不在部分露出，每個模塊都是對角排版，文字左對齊，且可以展示更長的產品名稱，整體看起來較為工整，整齊的設計，帶來的就是信任感。
接下來我們看一下規(guī)范上的整理，邊距上視覺統一，產品名稱與賣點的間距是賣點與價格邊距的二分之一，即五分原則。
同時賣點與價格的邊距與外邊距相同，在這種小模塊設計中，在能把信息層級分清楚的基礎上，UI設計間距越少越好，大小相等的東西都會看起來就會更整潔。
產品圖的規(guī)范設定與前面的金剛位一樣，方正的產品貼合小框大小，較長的產品貼合大框。
最后整體看一下，小米商城首頁一年前后的對比。
總結：
這次首頁的改版主要就是根據公司高端化戰(zhàn)略和清晰的產品定位，總結得出設計語言，然后根據設計語言進行改版優(yōu)化。
首頁還有會員樓層、省心優(yōu)惠、新品上新三個樓層，依舊在改版中，上線后再與大家分享。
關于設計語言：
這四條設計語言，是我一年多以前在改版設計產品站（產品詳情頁）時做的總結，有些原則在這次的首頁改版并沒有體現，比如“極致的”用戶體驗服務，但在產品站的改版中有非常多的體現。
對于電商產品最重要的兩個板塊就是，首頁和產品站，首頁負責準確的流量分發(fā)，產品站負責銷售轉化，所以產品站的設計也是非常非常有學問，下一篇文章就是產品站的改版，敬請期待。
最后跟大家分享一下，這次改版的重要心得，電商首頁的每個模塊都是一個業(yè)務方，設計上要考慮各方利益，不然你的設計很難推動。
設計形式可以影響流量的走向，合理運用會有非常不錯的效果。
設計前的深度思考尤為重要，不僅能培養(yǎng)獨立思考的意識，也能無形中鍛煉設計提案的能力。
轉載：人人都是產品經理
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
本文聚焦B 端系統響應式設計，拆解適配邏輯、參數規(guī)范與設計交付，蘭亭妙微ui設計公司幫你低成本實現合理適配，告別無效工作量與開發(fā)返工。
轉載：優(yōu)設
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
2025 是智能體的元年，2026 年將更加成熟和普及，應用程序的體驗方式因為智能體而逐步發(fā)生改變。
馬斯克和扎克伯格曾預言“在未來 5-6 年內，傳統的手機和應用程序（App）的形態(tài)將因為 AI 發(fā)生根本性變革”，蘭亭妙微ui設計公司與您一同學習。
以前的體驗設計經驗，已經跟不上如今 AI 能力逐漸普及的應用端設計開發(fā)趨勢。
如今，各產品研發(fā)團隊基于 AI 能力用戶體驗設計需求將會大幅增加。
即將到來的 2026 年金三銀四求職季，產品和開發(fā)設計崗的招聘必然會對求職者結合 AI 的能力提出更高要求。
率先掌握 AI 體驗設計能力的設計師，在求職時更有競爭力，在職場團隊 AI 設計這一塊也更有知識話語權。
換個角度看，AI 體驗設計對于交互設計師在一定程度上也是一次洗牌的機會。
1. AI 將重塑以往的交互方式
當 AI 能夠理解自然語言并主動完成任務時，許多傳統的 UI 組件：信息架構、導航設計、表單流程、數據篩選等交互方式將會逐漸被重構。
用戶與應用交互的過程將會改變。比如：
用戶發(fā)起交互，由原來的用戶主動操作+操作的路徑，變成了用戶的一句意圖表達+AI 直接推送入口。
再比如對于用戶輸入錯誤的處理方式，由原來的表單驗證與提示，變成了與 AI 的自然語言澄清，然后多輪對話修正。
再比如幫助決策上，用戶由原來的面對多選項，變成了 AI 根據情境理解目標，并直接推薦最優(yōu)路徑。
3. 基于 AI 的場景設計與思考
根據尼爾森諾曼設計機構（簡稱 NN/g）在 2024 年的 AX 設計研究，優(yōu)秀的 AI 體驗設計要有具備以下幾個素質：
① 來自大廠的 AX 設計原則與模式
來自 Google、Microsoft、Ant 公司的 AI 設計規(guī)范與原則。
理解設計原則背后的原因、場景，就像以往我們接觸過剛在技術窗口爆發(fā)期的「新穎」交互，比如 PC 時代的鼠標輸入、移動互聯網的觸屏輸入、虛擬現實時代等...交互模態(tài)各有差異。
② 建立 AI 交互設計基本認知框架
AI 的軟件分為：AI 能力應用軟件、各行業(yè)場景應用軟件的 AI 賦能。
AI 的交互形態(tài)：
AI 交互組件：Think 思考過程、ThoughtChain 思維鏈、Prompts 提示集、Conversations 管理對話、Suggestion 快捷指令......
Ant-design-x
③ 積累 AI 交互設計經驗
④ 嘗試理解 AI 大模型底層的技術原理
這是偏技術的知識，對于非專業(yè)人群來說，比較難啃，但回報是最高的。
因為它是我們認識 AI 的原理性起點，一旦掌握，做許多 AI 項目都能受益，比如：快速判斷 AI 能力邊界、規(guī)劃大模型訓練等。
而對于設計師來說，也包括能有效指導 AI 領域的設計。
就像以往我們落地自己的設計方案，最好提前摸清前端框架、組件、數據交互，才不容易在開發(fā)環(huán)節(jié)被卡脖子，更順利地實現設計方案。
了解方式：查閱關于 LLM 工作原理的科普類文章；相關大模型的官方網站查找文檔。
在現有設計項目中，多一層關于「AI 交互輔助」的思考
在做設計項目中，在傳統交互設計思路上，有意識地思考「假設現在有 AI 智能體的幫助，這個功能可以是什么樣的更好用法？」。
如果你想更好地驗證 Ai 設計模式的成果，可以做一些進階的學習研究：
首先像以往的項目一樣，拆解用戶操作；
然后針對每個環(huán)節(jié)思考“如果這里有 AI 能力，能否提效或者減負？
再將 傳統方案 vs AI 加持方案的可視化，并進行對比，量化提升的效率
基于上圖，我們把有 AI 協助退貨整個過程，背后的動作和實現原理拆解分析：
而以上這些動作，都需要設計師具備了理解前后臺的交互鏈路(前端如何自然地與用戶交流、后端對接哪些接口)、Ai 工具調用的能力、等等知識經驗，才能順利地完成 Ai 的交互設計方案，并落地。
戰(zhàn)略性參與有 AI 的項目：
如果你的團隊項目正好有 AI 智能體對業(yè)務場景賦能的規(guī)劃，那么對你來說，參與進來將是一個轉型的好機會。
其中，從 redesign 小的功能點中 加入 AI 的交互方案開始，比如：搜索功能智能化、表單自動填充、智能推薦卡片。這類功能點改造見效明顯，往往投入產出比高，易于快速驗證和迭代。
當然得在方案支撐足夠有理的前提下。比如：準備傳統交互 vs AI 加持的交互這兩套方案對比，用預期收益、技術可行性和數據說話。
主動創(chuàng)造機會和環(huán)境：
定期向產品團隊分享競品的優(yōu)秀 AX 設計案例，進行團隊設計掃盲，同時也能提升隊內影響力，后面參與項目設計更有話語權。
進階到挖掘大的場景中，能夠利用 AI 重塑體驗方式的機會。
比如：
傳統的進度條，用戶需要拖動查看逐個視頻幀尋找他想看的目標片段。
而 AI 播放器中，可以把識別到的字幕，加入到進度條中作為錨點，讓用戶根據具體的字幕內容，就可以精準定位并直達該進度點，找片段的效率大大提升，直接使體驗升維。
預計 2-3 年之后，AI 交互設計將普及為交互設計師的基本能力。那些率先掌握的設計師，將在 AI 重塑產品形態(tài)的浪潮中，找到屬于自己的新位置。
現在就是最好的開始時機。
你，做好準備了嗎。
轉載：優(yōu)設
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
周五下午六點，你打開美團，想找一家“適合帶父母吃飯、安靜一點、最好有停車場、粵菜或者閩菜都行”的餐廳。
你停頓了三秒。
因為你不知道該在搜索框里輸入什么。“粵菜”太寬泛，“安靜粵菜”不確定能否搜到，“帶父母”這個條件根本沒有對應的關鍵詞。最后你妥協了，輸入“粵菜”，然后手動撥動篩選器：距離3公里以內、評分4.5以上、人均150—300元。翻了兩頁結果，看到第十幾家店的時候，已經記不清最初想要什么感覺了。
這個場景，每天發(fā)生在數以千萬計的美團用戶身上。沒有人覺得有什么問題——畢竟大家都習慣了。
但如果認真思考，你會發(fā)現這里隱藏著一個根本性的產品矛盾：用戶的真實需求是模糊的、情緒化的、充滿上下文的，而搜索框的底層邏輯卻是關鍵詞匹配——它要求用戶把一個復雜的人類意圖，壓縮成幾個離散的詞語。
這個壓縮的過程，本身就是信息損耗。而篩選器、排序、推薦算法，不過是在這個損耗之后所做的各種補救。
今天我想深入分析的，不是美團要不要做AI，而是AI的到來如何從結構上重新定義了美團的用戶交互邏輯，以及這對整個本地生活服務賽道意味著什么。
從信息架構的角度看，搜索框是一個“意圖翻譯器”。它的工作原理是：把用戶頭腦中模糊的需求，強制轉化為系統可以處理的結構化信號。
問題在于，這個翻譯過程存在天然的信息損耗。人類表達需求的方式是自然語言，是帶有情緒和上下文的整句話；但關鍵詞搜索要求的是最小化、去語境化的詞組。當你把“想找一家適合帶父母的安靜粵菜館”壓縮為“粵菜 安靜”，你已經丟失了“帶父母”所暗含的價值感需求——面子、正式感、停車便利、服務周到。這些維度，任何篩選器都覆蓋不到。
更重要的是：大多數用戶在打開搜索框的那一刻，自己的需求也是未完全成形的。他們需要的不是“輸入詞語獲得列表”，而是一個能幫他們把模糊想法變成具體選擇的交互過程。搜索框不是這個過程的起點，它只是一個粗暴的入口。
美團過去十年，在搜索框旁邊積累了越來越多的篩選維度：價格區(qū)間、評分區(qū)間、距離、營業(yè)時間、配送方式、菜系、口味偏好……每一個新增的篩選項，背后都是對搜索能力不足的一次承認。
篩選器越復雜，說明搜索越弱。這是一個重要的產品邏輯。
因為在理想情況下，如果搜索本身能理解“適合帶父母”，你根本不需要“人均150—300元”這個篩選器——系統應該自己推斷出價位范圍。如果搜索能理解“安靜”，你也不需要“評分4.5以上”來作為代理指標。篩選器的本質，是用多個結構化維度去近似替代搜索本身無法理解的語義內容。
這種設計在關鍵詞搜索時代是合理的，因為你只能如此。但它同時也造成了一個認知負擔：用戶要在使用產品的同時，自己完成“需求拆解→關鍵詞提煉→篩選器配置”這三步工作。這是用戶替產品做了本該由產品完成的事情。
過去幾年，美團在推薦算法上投入了大量資源。首頁的“猜你喜歡”“今日必吃”“附近熱門”，本質上是在用主動推薦來彌補搜索的局限性。
但推薦和搜索滿足的是用戶決策鏈上的不同節(jié)點：推薦解決的是“我不知道要什么”的探索需求，搜索解決的是“我已經有方向，需要找到它”的意圖需求。
當用戶有明確意圖的時候，推薦流是一種干擾，而不是幫助。周五六點打開美團想帶父母吃飯的那個人，他不需要“今日必吃網紅烤串”，他需要的是一個能理解他需求的系統。推薦算法再精準，也無法解決搜索的根本缺陷。
大型語言模型的核心能力之一，是零成本的自然語言理解。它可以直接處理“幫我找一家適合帶父母吃飯、安靜、有停車場的粵菜館”，而不需要用戶做任何翻譯工作。
這不是概念，而是已經在發(fā)生的事情。當前各大互聯網平臺陸續(xù)接入大模型的搜索能力，其背后的產品邏輯完全一致：把關鍵詞搜索框替換為自然語言對話框，讓系統來承擔“需求理解”的工作，而不是把這個負擔甩給用戶。
對美團而言，這意味著搜索框的替代將是一個漸進式、不可逆的過程。用戶一旦體驗過“說人話就能找到想要的餐廳”，他們不會再愿意回到拼關鍵詞加撥篩選器的舊交互模式。
比對話框替代更激進的是Agent路徑。
在Agent模式下，用戶不再經歷“搜索→篩選→選擇→預訂”這個線性流程，而是：表達意圖→Agent自主完成理解、比價、預訂、提醒的全部環(huán)節(jié)→用戶只需最終確認。
這意味著搜索框不只是被替換，而是作為一個獨立環(huán)節(jié)被整體消解。用戶無需進入美團App，只需在微信、支付寶、或者操作系統級別的AI助手中完成整個交互——美團的服務能力被調用，但美團作為流量入口的位置被徹底邊緣化。
微信的AI搜索、支付寶的AI助手、華為的小藝、蘋果的Siri進化版，都在朝著這個方向推進。Agent化不是遙遠的未來，它是當下已經在布局的競爭格局。
前兩種沖擊是關于“搜索框被什么替代”，而第三種沖擊更為隱蔽，也更具毀滅性：用戶的使用場景可能在不進入美團的情況下被滿足。
想象一個使用場景：用戶在和朋友的微信群聊里討論周五吃什么，這時群里的AI助手直接分析對話內容，給出三家符合所有人口味和位置的推薦，并且完成了預訂——全程在微信內完成，美團的數據庫被調用，但美團App從未被打開。
這不是技術上的想象，而是一個流量入口遷移的商業(yè)問題。美團失去的不只是搜索框，而是“用戶主動打開App”這個行為本身。一旦用戶的高頻決策習慣在其他平臺形成，美團的日活數據將面臨結構性下滑。
這才是AI沖擊中最危險的死法，因為它是無聲的、漸進的，等到平臺意識到的時候，可能已經失去了整整一代用戶習慣。
在討論AI對美團的沖擊時，有一個根本性的問題需要厘清：美團的價值究竟是什么？
如果美團的價值是“連接用戶和商戶的信息中介”，那它確實岌岌可危，因為AI可以比搜索框更高效地完成這個連接。但如果美團的價值是“把服務實際送達到用戶手中的履約網絡”，那AI對它構成的威脅就要小得多。
美團今天擁有超過700萬的騎手網絡、覆蓋數百個城市的即時配送基礎設施、與數百萬商戶的深度綁定關系，以及每天處理數千萬筆訂單所形成的實時運力調度系統。
這些東西，AI無法憑空生成。大模型再強大，也無法替代一個在三十分鐘內把熱餐送到你手邊的騎手網絡。AI是信息層的技術，而美團的核心競爭力是物理層的基礎設施。
這個判斷有一個重要推論：美團的搜索框可以被替代，但美團的履約能力不會被替代——至少在可見的未來不會。這意味著即便美團完全失去了前端的流量入口，它也可以以“能力提供者”的角色，為其他平臺的AI助手提供后端服務。
美團積累了超過十年的用戶消費行為數據：什么人在什么時間什么地點吃什么，偏好什么價位、什么菜系、什么口味，有什么飲食禁忌，外賣和堂食的偏好有什么差異……這些數據是訓練本地生活垂直AI模型的核心資產。
但這里有一個容易被忽視的戰(zhàn)略陷阱：數據只有轉化為理解用戶意圖的能力，才能成為真正的護城河。如果美團把這些數據只是用來優(yōu)化推薦算法，提升現有搜索框的點擊率，那它就是在用新工具鞏固舊模式，而不是在構建下一個時代的競爭優(yōu)勢。
真正的機會是：用歷史數據訓練一個“深度理解本地生活消費意圖”的垂直模型，讓AI能夠理解“帶父母吃飯”背后的全部語義，能夠根據用戶畫像推斷“你說的安靜，是哪種程度的安靜”。
基于以上分析，美團在AI轉型中最危險的做法，是把大模型接入現有的搜索產品，讓對話框替換關鍵詞框，在視覺上完成一次“AI升級”，然后宣稱完成了AI化轉型。
這是一種“AI美顏”——換了皮膚，底層邏輯沒變。用戶體驗確實會有改善，但改善的是現有流程的效率，而不是對未來交互范式的卡位。
真正的產品戰(zhàn)略應該是：放棄“流量入口”的思維定式，轉向“意圖響應網絡”的定位。美團需要成為一個能在任何界面、任何上下文中理解用戶本地生活消費意圖并完成履約的系統，而不只是一個把用戶吸引進App的流量平臺。
美團的案例不只是一個大廠的戰(zhàn)略故事，它對所有產品人都有直接的方法論價值。
在你當前負責的產品里，用戶在哪個環(huán)節(jié)表達了他最真實的需求？那個入口，通常就是AI沖擊最先發(fā)生的地方。
如果你的產品依賴搜索框、關鍵詞匹配、或者多級篩選器來理解用戶需求，那么你需要認真思考：當大模型能夠直接理解用戶的自然語言時，你的產品流程里哪些步驟是多余的？哪些環(huán)節(jié)是在讓用戶替產品做本該產品做的事情？
美團的履約網絡是AI替代不了的。你的產品里，也存在這樣的部分。
識別的方法：把你產品的核心價值鏈拆解到最細的顆粒度，逐項問自己：如果有一個無限能干的AI助手，它能把這個環(huán)節(jié)做掉嗎？能做掉的是信息層，做不掉的通常是物理層、關系層、或者依賴特定資質的專業(yè)層。那些做不掉的部分，就是你在AI時代真正應該加固的護城河。
美團的篩選器越來越多，是搜索本身無力的一種掩蓋。在你自己的產品里，也要警惕類似的模式：當你在給現有功能打補丁的時候，要問自己，這是在解決問題，還是在拖延面對一個結構性缺陷的時間？
AI時代給了產品經理一個重新思考底層設計的機會。與其在舊的交互框架里做局部優(yōu)化，不如退出來問那個更難的問題：如果今天從零開始設計這個產品，知道AI存在，我會怎么設計？
回到最開始的場景。
有一天，你打開美團，首頁沒有搜索框，沒有篩選器，只有一行文字：“今晚有什么打算？”
你輸入：“帶父母吃頓正式點的，粵菜或者閩菜都行，不要太吵，最好有停車”。
系統回答：“為你找到3家符合條件的餐廳。其中順德菜館距你2.1公里，今晚有包間空位，停車場可停50輛，評價中高頻出現‘安靜’‘服務好’，人均約220元。是否幫你預留？”
你點了確認。整個過程，四十秒。
這不是遙遠的科幻，它是可以預期的近未來。搜索框不會因為某一天某個版本更新而消失，它會以用戶幾乎察覺不到的方式，被慢慢替代——就像人們不再“搜索天氣”，而是直接問語音助手一樣。
美團的搜索框消失的那天，不是美團的終結，而是本地生活服務進入“意圖經濟”時代的標志。在那個時代里，誰擁有對用戶消費意圖最深的理解能力，誰擁有把服務真正送達的基礎設施，誰就擁有競爭優(yōu)勢。搜索框只是一個UI控件，重要的從來不是它本身，而是它背后那個“理解用戶意圖”的能力。
而這個能力，才剛剛開始被認真對待。
轉載：人人都是產品經理
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
蘭亭妙微UI設計公司，以美團、餓了么、大眾點評為案例，分析外賣平臺搜索功能的價值、類型與設計方法，提煉出打造優(yōu)質搜索體驗的核心要點。
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
按鈕設計的直覺性，源于物理按鈕給我們留下的行為習慣。回顧歷史，物理按鈕正是現代UI組件的鼻祖。它們至今仍被大量使用，其魅力在于：即便用戶不懂內部原理，只需輕輕一按，就能讓設備運轉起來。正如《Power Button》一書作者Rachel Plotnick所言，按鈕文化塑造了我們今天下達數字指令的方式。
“你只需按下按鈕，剩下的交給我們。”——柯達公司的這句經典廣告語，精準捕捉了按鈕對用戶的吸引力：用最簡單的觸碰，換來即時的滿足感。
即便觸摸屏日益普及，物理按鈕也并未消失。它所塑造的交互習慣，深刻影響著數字界面按鈕的設計，成為衡量直觀性與易用性的永恒參照。
按鈕向用戶傳達“可操作”的信號，廣泛出現在對話框、表單、工具欄等場景中。
鏈接：用于導航到另一個地方，如“查看全部”、“閱讀更多”。
按鈕：用于執(zhí)行具體動作，如“提交”、“合并”、“創(chuàng)建”、“上傳”。
每個按鈕都應具備清晰、無干擾的視覺反饋。其交互狀態(tài)需明確定義，以區(qū)別于周圍布局：
正常：可交互的默認狀態(tài)。
焦點：通過鍵盤（如Tab鍵）進入可編輯狀態(tài)時的提示。
懸停：鼠標指針置于元素上方時（主要適用于桌面端）。
按下：表示用戶正在點擊該按鈕。
加載中：操作未立即完成，向用戶反饋任務正在進行。
禁用：當前不可交互，但未來可能啟用。
圓角矩形按鈕因其高識別度最為常見。樣式的選擇取決于用途、平臺及設計規(guī)范。主流樣式大致分為：
填充按鈕（實心）：視覺權重最高。
描邊按鈕（線框）：視覺權重次之。
文本按鈕：視覺權重最弱。
利用樣式差異構建清晰的動作層級，在多個選項中引導用戶。通常，最重要的操作使用“首要”按鈕樣式，其他操作則按重要程度遞減。
可用性專家Steve Krug曾說：“別讓我思考。”用戶早已被各類電子產品“教育”，對按鈕的外觀和功能形成了固定認知。任何與“標準”的較大偏差，都可能造成困惑。
切勿對交互式元素（如按鈕、鏈接）和非交互式元素（如純文本標簽）使用相同的顏色，否則用戶會因不確定哪里可以點擊而感到迷茫。
“一致性是最強大的可用性原則之一。當事物總是以相同方式表現時，用戶就無需擔心意外發(fā)生。”——雅各布·尼爾森（Jakob Nielsen）
一致性提升了操作的效率和準確性，減少了誤操作。它創(chuàng)造了可預測性，幫助用戶掌控流程。在定義主要、次要等按鈕樣式時，請確保顏色、形狀等元素的一致，不僅在項目內部，也應盡量遵循平臺的整體規(guī)范。
按下一個按鈕應是輕松簡單的操作。如果用戶容易誤觸相鄰元素，會帶來糟糕的負面體驗。
推薦尺寸：對于多數平臺，觸摸目標建議至少為 48x48dp。無論屏幕大小，其物理尺寸應約為9mm。觸摸屏元件的目標尺寸至少應在7-10mm之間。
圖標按鈕：務必確保其可點擊的熱區(qū)大于圖標的可視范圍。這一原則不僅適用于移動設備和平板，也同樣適用于鼠標操作的網頁端。
所有組件都應遵循無障礙設計原則。除了目標區(qū)域大小，字體尺寸、色彩對比度也至關重要。有許多工具可以幫助檢測組件的可訪問性表現。
手勢（如滑動、雙擊、長按）能提供觸覺反饋并節(jié)省時間。然而，對于普通用戶而言，許多手勢并不直觀。建議將復雜手勢作為快捷操作留給高級用戶，同時為普通用戶保留明確的按鈕操作入口。
按鈕傳達的文字信息與其外觀同等重要。模糊的標簽會讓用戶感到困惑甚至誤導。
使用動詞：好的標簽能引導行動，就像按鈕在主動詢問用戶：“要把這件商品加入購物車嗎？” 或 “要確認訂單嗎？”
避免模糊詞匯：應避免使用“是/否”或過于通用的“提交”等標簽。
“確定”與“取消”誰在前？兩種方式各有道理：
確定在前（如Windows）：符合自然的從左到右閱讀順序。
確定在后（如macOS）：促使用戶在行動前先評估所有選項，有助于減少錯誤。
兩種順序都沒有絕對的對錯，也不會造成嚴重的可用性問題。選擇哪種，取決于平臺規(guī)范與具體場景。
你是否曾面對一個灰色按鈕，停留數秒甚至數分鐘，卻不知如何是好？濫用“禁用”狀態(tài)極易引發(fā)用戶的挫敗感。
建議：盡量避免使用禁用按鈕。更好的做法是始終啟用按鈕。如果用戶遺漏了必填信息，只需在相應空白字段下方給出明確提示，或高亮顯示錯誤項即可。
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
藍藍設計的小編 http://m.payeee.cn