小米作為國(guó)內(nèi)生態(tài)系統(tǒng)最為完善的手機(jī)品牌之一，它的商城設(shè)計(jì)也是一直被學(xué)習(xí)的案例。“品牌電商”和“高端化”，是小米商城設(shè)計(jì)的兩大主題。蘭亭妙微ui設(shè)計(jì)公司對(duì)小米商城APP的首頁(yè)設(shè)計(jì)進(jìn)行了分析，希望對(duì)你有幫助。

一、提煉設(shè)計(jì)語(yǔ)言

根據(jù)最新的產(chǎn)品定位，能提煉出兩個(gè)重要的信息，即“品牌電商”和“高端化”，若想把這兩點(diǎn)落實(shí)到產(chǎn)品設(shè)計(jì)當(dāng)中，首先就是對(duì)這兩個(gè)關(guān)鍵詞有充分且客觀的認(rèn)識(shí)。

1. 什么是品牌電商？

京東、淘寶、拼多多是不是品牌電商？肯定不是，他們屬于綜合類電商，他們銷售各種品牌的產(chǎn)品，品牌電商的特征是，只針對(duì)一個(gè)品牌或集團(tuán)旗下多個(gè)品牌（集團(tuán)為品牌）的產(chǎn)品進(jìn)行銷售。

綜合類電商：追求性價(jià)比，更多的是滿足消費(fèi)者物質(zhì)層面的需求，購(gòu)買動(dòng)機(jī)是功能、賣點(diǎn)、價(jià)值等利益點(diǎn)。

綜合類電商在設(shè)計(jì)上，貼近用戶的心智訴求，就應(yīng)該注重產(chǎn)品的利益點(diǎn)露出，頁(yè)面設(shè)計(jì)上強(qiáng)調(diào)熱鬧的氛圍，這樣才能進(jìn)一步刺激用戶的消費(fèi)欲望。

品牌電商：品牌電商應(yīng)注重品牌的調(diào)性，賦能品牌，用戶追求品牌溢價(jià)，滿足精神層面的需求，購(gòu)買動(dòng)機(jī)注重品質(zhì)，以及身份的價(jià)值認(rèn)同感，符合自己的社會(huì)屬性等。

設(shè)計(jì)上，不應(yīng)過(guò)分強(qiáng)調(diào)利益點(diǎn)，不然會(huì)降低品牌的品質(zhì)感，品牌電商應(yīng)聚焦商品本身，更多的去解讀產(chǎn)品的價(jià)值和優(yōu)勢(shì)，讓用戶感到品牌產(chǎn)品的品質(zhì)。

2. 如何理解高端化？

什么是高端的？那首先得明白什么是低端的，從人類發(fā)展的客觀事實(shí)上來(lái)看，或從我們普遍認(rèn)同的價(jià)值觀上來(lái)看，落后往往代表低端，先進(jìn)則更能表現(xiàn)高端，下面我們看幾組圖片。

從圖片的對(duì)比上來(lái)看，粗糙、多色彩、雜亂看起來(lái)是低端的，精致、單色、簡(jiǎn)潔更多人會(huì)認(rèn)同是高端的。

最終通過(guò)品牌電商的特點(diǎn)，以及高端化設(shè)計(jì)認(rèn)識(shí)，我總結(jié)出4條設(shè)計(jì)語(yǔ)言：

1）回歸產(chǎn)品本身

聚焦產(chǎn)品價(jià)值為核心，回歸本真，營(yíng)銷信息合理展示。

2）克制的

克制色彩營(yíng)銷的導(dǎo)向， 復(fù)雜的設(shè)計(jì)，助力品牌高端化。

3）極致的

以用戶語(yǔ)言，打造產(chǎn)品細(xì)節(jié)，打磨用戶體驗(yàn)，做好服務(wù)。

4）有品牌感知的

提取品牌DNA，建立官網(wǎng)心智，打造官方商城優(yōu)勢(shì)。

有了設(shè)計(jì)語(yǔ)言的方向指導(dǎo)，那所有的設(shè)計(jì)都要依據(jù)這四條原則進(jìn)行設(shè)計(jì)，接下來(lái)看一下案例中如何運(yùn)用設(shè)計(jì)原則。

二、案例解析

下圖是一年前的首頁(yè)，最直觀的感受就是，整體看上去色調(diào)很多，圖素的飽和度也較高，根據(jù)我們的設(shè)計(jì)語(yǔ)言，對(duì)banner、金剛位、活動(dòng)腰帶、一拖三（瓷片區(qū)）等、做了一系列的改版，同時(shí)還增加了幾個(gè)模塊，接下來(lái)我們細(xì)講。

1. banner頭圖改版

banner圖區(qū)域結(jié)合需求，做了非常大膽的嘗試，對(duì)頭圖設(shè)定了幾種狀態(tài)，日常狀態(tài)、活動(dòng)狀態(tài)、新品發(fā)布會(huì)狀態(tài)。

日常狀態(tài)：依舊是輪播banner展示，在圖素的設(shè)計(jì)上，對(duì)版式和用色做了規(guī)范調(diào)整。

色調(diào)上不再采用高飽和的圖素，板式上去掉了行動(dòng)按鈕，原因就是結(jié)合設(shè)計(jì)語(yǔ)言“回歸產(chǎn)品本身”這一理念，去營(yíng)銷化，圖素上的信息就展示關(guān)于產(chǎn)品本身，圖、名稱、賣點(diǎn)、價(jià)格。

這就是一個(gè)品牌電商，在日常展示上，應(yīng)該有的一種態(tài)度，吸引用戶的一定是產(chǎn)品本身，而不應(yīng)該是一個(gè)利益點(diǎn)。

活動(dòng)狀態(tài)：當(dāng)有重要的活動(dòng)或新品時(shí)，會(huì)直接把所有banner都下掉，直接把一個(gè)加長(zhǎng)的活動(dòng)圖素放上去，業(yè)務(wù)方給起了個(gè)名字叫huner，意思就是直接“呼臉上”的意思，邏輯上就是重點(diǎn)強(qiáng)調(diào)。

huner展示

根據(jù)活動(dòng)的重要程度，huner的高度會(huì)不一樣，左圖是與哈利波特聯(lián)名的一款手機(jī)，比較重要，所以更大，右圖是每月一次的F會(huì)員日活動(dòng)，所以相對(duì)較小。

關(guān)于活動(dòng)氛圍，在設(shè)計(jì)上還有一個(gè)遞進(jìn)關(guān)系，當(dāng)活動(dòng)越重要，那huner的底部圓角就會(huì)越圓潤(rùn)，因?yàn)樵綀A潤(rùn)的設(shè)計(jì)越活躍，越活躍的設(shè)計(jì)活動(dòng)氛圍就會(huì)越熱鬧。

另外有時(shí)我也會(huì)做一些動(dòng)效上去，來(lái)重點(diǎn)渲染活動(dòng)氛圍，下圖所示：

迪士尼聯(lián)名產(chǎn)品發(fā)布會(huì)動(dòng)畫：

雙11活動(dòng)huner動(dòng)畫設(shè)計(jì)：

春節(jié)期間年貨節(jié)huner動(dòng)畫設(shè)計(jì)：

618倒計(jì)時(shí)huner動(dòng)畫設(shè)計(jì)：

新品發(fā)布會(huì)/重大節(jié)日狀態(tài)：這個(gè)狀態(tài)會(huì)在huner圖中下方增加多個(gè)次級(jí)活動(dòng)入口，原因發(fā)布會(huì)和重大節(jié)日流量較高，這樣的設(shè)計(jì)形式，流量聚焦，減少路徑，能更好的完成活動(dòng)目的。

另外在這個(gè)樣式的基礎(chǔ)上還有一種形式，huner下方的坑位會(huì)去掉產(chǎn)品圖，弱化展示，目的是為了給下方活動(dòng)腰帶更多的流量。

大促期間各個(gè)需求組，都希望在首頁(yè)分到更多的流量，在眾多活動(dòng)中，肯定有主有次之分，放在一起設(shè)計(jì)形式相同就會(huì)平均流量，這顯然不是平臺(tái)想要的效果，所以解決方案就是，通過(guò)設(shè)計(jì)形式來(lái)干預(yù)流量的走向。

對(duì)于一個(gè)多業(yè)務(wù)方的首頁(yè)，設(shè)計(jì)上往往還需考量各方利益，不能因?yàn)橐环剑绊懥硪环剑龊脵?quán)重需求分配，平衡利益，這也是設(shè)計(jì)師需要有意識(shí)思考的問(wèn)題。

總結(jié)：banner頭圖的改版設(shè)計(jì)，日常輪播不會(huì)存在任何營(yíng)銷信息，保持品牌電商的調(diào)性，活動(dòng)期間根據(jù)不同級(jí)別的活動(dòng)，給出級(jí)別不同設(shè)計(jì)方案，活動(dòng)過(guò)多時(shí)，通過(guò)設(shè)計(jì)形式干預(yù)流量的走向。

2. 金剛位優(yōu)化

金剛位做了簡(jiǎn)單的優(yōu)化，之前最大的問(wèn)題是，產(chǎn)品的形狀各異，都是以最大要求尺寸展示，導(dǎo)致最終的視覺(jué)呈現(xiàn)常常不統(tǒng)一。

解決方案下圖所示，規(guī)范了較為方正的產(chǎn)品和較長(zhǎng)產(chǎn)品，不同的呈現(xiàn)尺寸，讓視覺(jué)盡可能看起來(lái)統(tǒng)一。

米金商城圖標(biāo)進(jìn)行了改版，采用寫實(shí)效果，降低飽和度，盡可能看起來(lái)更貼近真實(shí)，這樣與真實(shí)的產(chǎn)品圖標(biāo)會(huì)更加契合。

金剛位中“小米發(fā)布”的入口，有一個(gè)重要的改變，之前一直是一個(gè)圓角矩形，現(xiàn)在結(jié)合我們的設(shè)計(jì)語(yǔ)言“有品牌感知的”原則，進(jìn)行調(diào)整。

提取小米logo的超橢圓形狀，直接用于圖標(biāo)的呈現(xiàn)，小米發(fā)布是一個(gè)重流量的入口，所以一直是一個(gè)動(dòng)效狀態(tài)。

因?yàn)?ldquo;小米發(fā)布”是中間位置，圖標(biāo)尺寸保持最大也不會(huì)不和諧，較大的展示面積，能把動(dòng)效內(nèi)容展示的更清晰。

3. 新品大卡

這個(gè)內(nèi)容是新增模塊，非常態(tài)化呈現(xiàn)，每次會(huì)隨著發(fā)布會(huì)新品發(fā)布出現(xiàn)，比如老板在發(fā)布會(huì)上正在介紹一款新品，那小米商城就會(huì)隨著發(fā)布會(huì)的節(jié)奏，首頁(yè)首屏出現(xiàn)一個(gè)非常突出的新品大卡。

當(dāng)介紹第二款新品時(shí)，新品大卡就會(huì)以banner輪播的形式出現(xiàn)，另外有一點(diǎn)很重要，新品大卡的副文案，一定得是賣點(diǎn)，而不能是利益點(diǎn)。

賣點(diǎn)就是展示這個(gè)產(chǎn)品本身的亮點(diǎn)，利益點(diǎn)是這個(gè)產(chǎn)品有什么優(yōu)惠，對(duì)于剛發(fā)布的新品就直接上利益點(diǎn)，有損新品的價(jià)值感，不符合我們“回歸產(chǎn)品”的設(shè)計(jì)語(yǔ)言。

所以每次業(yè)務(wù)方給出的是利益點(diǎn)，我都會(huì)提醒他換成賣點(diǎn)，講明原因，他們通常也是非常認(rèn)可的。

4. 活動(dòng)腰帶

活動(dòng)腰帶是重運(yùn)營(yíng)區(qū)域，所以設(shè)計(jì)形式會(huì)常常換樣式，不然用戶容易視覺(jué)疲勞，但任何設(shè)計(jì)形式，也都是圍繞設(shè)計(jì)語(yǔ)言開展，下圖所示，新舊活動(dòng)腰帶對(duì)比。

新舊對(duì)比很直觀的感受就是，變得冷靜克制了，場(chǎng)景變得寫實(shí)了，減少色相了，降低飽和度和明度了，下面我精選了一些近一年中用過(guò)的活動(dòng)腰帶。

寫實(shí)風(fēng)格的KV能增強(qiáng)商品的品質(zhì)，也更符合目前的產(chǎn)品定位，從數(shù)據(jù)來(lái)看對(duì)比以前也是增長(zhǎng)趨勢(shì)。

對(duì)于品牌電商來(lái)說(shuō)，能給用戶帶來(lái)品質(zhì)感，其實(shí)就等于用戶對(duì)平臺(tái)增加了信任感，設(shè)計(jì)促進(jìn)了用戶的信任，那就等于設(shè)計(jì)賦能了品牌。

5. 手機(jī)腰帶

手機(jī)腰帶也是新增的模塊，原因很簡(jiǎn)單，集團(tuán)的主營(yíng)業(yè)務(wù)就是手機(jī)，所以手機(jī)要有個(gè)專門的模塊展示。

手機(jī)腰帶日常保持冷靜的設(shè)計(jì)調(diào)性，大促期間會(huì)增加標(biāo)簽和突出利益點(diǎn)的處理。

另外值得說(shuō)的一點(diǎn)是，手機(jī)腰帶下面三個(gè)手機(jī)做到了“千人千面”，不同標(biāo)簽的用戶會(huì)看到不同的手機(jī)推薦。

6. 一拖三（瓷片區(qū)）

這個(gè)模塊的改版非常有講頭，這一年中也是經(jīng)歷了多個(gè)版本的迭代，首先看一下最初的設(shè)計(jì)稿，其實(shí)是非常符合當(dāng)時(shí)的產(chǎn)品定位，與之前的活動(dòng)腰帶也非常契合，營(yíng)銷感較重，主打的就是一個(gè)熱鬧。

最初的設(shè)計(jì)沒(méi)有問(wèn)題，符合當(dāng)時(shí)的產(chǎn)品定位，但后來(lái)應(yīng)業(yè)務(wù)方的需求，加了一個(gè)配置標(biāo)簽的功能。

當(dāng)時(shí)告訴運(yùn)營(yíng)同學(xué)的是，四個(gè)卡片中只能加一個(gè)，功能上并沒(méi)有限制只能加一個(gè)，后來(lái)如上圖所示，每個(gè)都加，夸張的時(shí)候四個(gè)都加。

本來(lái)就是多色的色塊，再加上幾個(gè)突出的標(biāo)簽，那直接就“花枝招展”了，每個(gè)卡片都加標(biāo)簽，就等于沒(méi)有突出任何一個(gè)。

后來(lái)公司提出高端化路線，就快速做了一個(gè)用不到開發(fā)的去色的調(diào)整，去掉標(biāo)簽，下圖所示，修改尺寸板式需要開發(fā)介入。

在用去色后樣式的同時(shí)，我也在進(jìn)行需要開發(fā)介入的設(shè)計(jì)迭代優(yōu)化。

首先分享一下我對(duì)改版優(yōu)化的設(shè)計(jì)思考，對(duì)于改版設(shè)計(jì)拿到需求后，不提倡直接去找參考，應(yīng)該先去調(diào)研改版的目的，了解業(yè)務(wù)方的想法。

然后結(jié)合產(chǎn)品定位，分析目前的設(shè)計(jì)存在哪些問(wèn)題，深入去思考如何改版才能深入人心，這個(gè)環(huán)節(jié)非常重要，不僅能培養(yǎng)獨(dú)立思考能力和意識(shí)，而且也是鍛煉設(shè)計(jì)提案能力的重要方法。

拿到需求直接去找參考不僅是一種“懶”的行為，而且非常容易做很多徒勞無(wú)功的工作，因?yàn)椴涣私庹嬲母陌婺康模凰伎即嬖诘膯?wèn)題，最后難免就是多次的改稿。

在一拖三的案例中，我總結(jié)了四個(gè)問(wèn)題：

1. 整體看起來(lái)非常緊湊；
2. 產(chǎn)品圖片不能完全展示；
3. 大卡片的產(chǎn)品名稱字號(hào)過(guò)大；
4. 大卡片的文案居中對(duì)齊，不符合現(xiàn)在的設(shè)計(jì)原則；

問(wèn)題一：整體看起來(lái)緊湊，其實(shí)也并非緊湊，而是如若有一個(gè)寬松和它對(duì)比，那它就是緊湊的，我先有個(gè)方案，再對(duì)應(yīng)給它定義一個(gè)問(wèn)題，當(dāng)然前提是問(wèn)題與解決方案是客觀成立的。

我堅(jiān)信寬松一定會(huì)打敗緊湊，緊湊變寬松會(huì)給人一種輕松的清爽感，事實(shí)上也的確如此，最后的寬松方案大家都非常認(rèn)可。

問(wèn)題二：產(chǎn)品不能完全露出，導(dǎo)致用戶看不到產(chǎn)品全貌，從而會(huì)降低點(diǎn)擊的興趣，露出半個(gè)產(chǎn)品，這樣對(duì)用戶不僅不友好，而且也是對(duì)產(chǎn)品不尊重，所以展示出產(chǎn)品的全貌迫在眉睫。

問(wèn)題三：大卡片的產(chǎn)品名稱字號(hào)過(guò)大，甚至大過(guò)板塊標(biāo)題的字，常態(tài)展示模塊不應(yīng)該出現(xiàn)不冷靜的字號(hào)，會(huì)顯得不精致。

問(wèn)題四：大卡片的文字排版為居中，居中排版的優(yōu)點(diǎn)是表現(xiàn)力會(huì)更強(qiáng)，缺點(diǎn)是板式結(jié)構(gòu)變得不夠整潔，且不耐看，結(jié)合我們的設(shè)計(jì)語(yǔ)言“克制的”能簡(jiǎn)潔絕不會(huì)讓它復(fù)雜。

最大的改變是一拖三變成了一拖四，整體看起來(lái)不再有緊繃感，雖說(shuō)增加了模塊的高度，但也增加了一個(gè)坑位，這對(duì)對(duì)應(yīng)的業(yè)務(wù)方來(lái)說(shuō)也是求之不得的好事。

產(chǎn)品圖不在部分露出，每個(gè)模塊都是對(duì)角排版，文字左對(duì)齊，且可以展示更長(zhǎng)的產(chǎn)品名稱，整體看起來(lái)較為工整，整齊的設(shè)計(jì)，帶來(lái)的就是信任感。

接下來(lái)我們看一下規(guī)范上的整理，邊距上視覺(jué)統(tǒng)一，產(chǎn)品名稱與賣點(diǎn)的間距是賣點(diǎn)與價(jià)格邊距的二分之一，即五分原則。

同時(shí)賣點(diǎn)與價(jià)格的邊距與外邊距相同，在這種小模塊設(shè)計(jì)中，在能把信息層級(jí)分清楚的基礎(chǔ)上，UI設(shè)計(jì)間距越少越好，大小相等的東西都會(huì)看起來(lái)就會(huì)更整潔。

產(chǎn)品圖的規(guī)范設(shè)定與前面的金剛位一樣，方正的產(chǎn)品貼合小框大小，較長(zhǎng)的產(chǎn)品貼合大框。

最后整體看一下，小米商城首頁(yè)一年前后的對(duì)比。

總結(jié)：

這次首頁(yè)的改版主要就是根據(jù)公司高端化戰(zhàn)略和清晰的產(chǎn)品定位，總結(jié)得出設(shè)計(jì)語(yǔ)言，然后根據(jù)設(shè)計(jì)語(yǔ)言進(jìn)行改版優(yōu)化。

• 首頁(yè)banner頭圖，常態(tài)化展示進(jìn)行了去營(yíng)銷化設(shè)計(jì)，目的就是渲染品牌電商的品質(zhì)調(diào)性，活動(dòng)期間做了huner的創(chuàng)新型設(shè)計(jì)。
• 金剛位的產(chǎn)品圖，統(tǒng)一了視覺(jué)大小的規(guī)范設(shè)計(jì)，優(yōu)化圖標(biāo)，融入公司logo的圖形元素，促進(jìn)品牌官網(wǎng)心智的建立。
• 新品發(fā)布會(huì)直播時(shí)，在商城首頁(yè)實(shí)時(shí)同步新品信息，通過(guò)新品大卡的形式，做到全網(wǎng)購(gòu)買新品最快途徑。
• 腰帶風(fēng)格改變，走品質(zhì)路線，去繁從簡(jiǎn)，不同的級(jí)別的活動(dòng)，有不同的設(shè)計(jì)形式承載。
• 新增手機(jī)腰帶，同時(shí)手機(jī)針對(duì)不同特征用戶做了更精準(zhǔn)的投放，做到了“千人千面”。
• 一拖三改為一拖四，卡片信息重新排版，同時(shí)也做了去營(yíng)銷化設(shè)計(jì)，不再出現(xiàn)標(biāo)簽等營(yíng)銷信息。

首頁(yè)還有會(huì)員樓層、省心優(yōu)惠、新品上新三個(gè)樓層，依舊在改版中，上線后再與大家分享。

關(guān)于設(shè)計(jì)語(yǔ)言：

這四條設(shè)計(jì)語(yǔ)言，是我一年多以前在改版設(shè)計(jì)產(chǎn)品站（產(chǎn)品詳情頁(yè)）時(shí)做的總結(jié)，有些原則在這次的首頁(yè)改版并沒(méi)有體現(xiàn)，比如“極致的”用戶體驗(yàn)服務(wù)，但在產(chǎn)品站的改版中有非常多的體現(xiàn)。

對(duì)于電商產(chǎn)品最重要的兩個(gè)板塊就是，首頁(yè)和產(chǎn)品站，首頁(yè)負(fù)責(zé)準(zhǔn)確的流量分發(fā)，產(chǎn)品站負(fù)責(zé)銷售轉(zhuǎn)化，所以產(chǎn)品站的設(shè)計(jì)也是非常非常有學(xué)問(wèn)，下一篇文章就是產(chǎn)品站的改版，敬請(qǐng)期待。

三、最后

最后跟大家分享一下，這次改版的重要心得，電商首頁(yè)的每個(gè)模塊都是一個(gè)業(yè)務(wù)方，設(shè)計(jì)上要考慮各方利益，不然你的設(shè)計(jì)很難推動(dòng)。

設(shè)計(jì)形式可以影響流量的走向，合理運(yùn)用會(huì)有非常不錯(cuò)的效果。

設(shè)計(jì)前的深度思考尤為重要，不僅能培養(yǎng)獨(dú)立思考的意識(shí)，也能無(wú)形中鍛煉設(shè)計(jì)提案的能力。

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

1. 關(guān)注窗口寬度，而非設(shè)備分辨率
    
   用戶可自由縮放瀏覽器，設(shè)計(jì)只適配常用窗口寬度區(qū)間，不糾結(jié)固定屏幕分辨率。

   

2. B 端≠全量響應(yīng)式
    
   B 端頁(yè)面信息密集、組件復(fù)雜，全端響應(yīng)式開發(fā)成本極高。優(yōu)先局部適配，不做無(wú)意義的全量兼容，移動(dòng)端場(chǎng)景建議單獨(dú)開發(fā)。
3. 只做 3 類核心適配
    
   B 端響應(yīng)式僅聚焦 3 種場(chǎng)景，其余頁(yè)面（表單、詳情頁(yè)）可固定寬度：

• 布局寬度自適應(yīng)：模塊結(jié)構(gòu)不變，寬度隨窗口縮放

  

• 多列流式排布：卡片隨寬度自動(dòng)增減列數(shù)

  

• 組件展收控制：側(cè)邊欄、信息欄達(dá)到斷點(diǎn)自動(dòng)展開 / 收起

二、4 步定參數(shù)：響應(yīng)式基礎(chǔ)規(guī)范

1. 設(shè)定寬度邊界

• 最小寬度：≥900px（小于此寬度允許橫向滾動(dòng)）
• 最大寬度：≤2560px（超過(guò)此寬度內(nèi)容不再放大）
   
  作用：規(guī)避極端窄屏 / 超寬屏，減少無(wú)效適配工作量。

2. 劃分適配區(qū)域

• 上下結(jié)構(gòu)：僅內(nèi)容區(qū)做響應(yīng)式，頂欄不參與

  

• 左右結(jié)構(gòu)：僅右側(cè)內(nèi)容區(qū)適配，側(cè)邊欄排除在外
   
  核心原則：導(dǎo)航類固定組件不參與響應(yīng)式。

3. 柵格系統(tǒng)配置

• 列數(shù)：首選24 列，可選 12/16/20 列
• 列間距：固定 8px/12px/16px（三選一）

  

  柵格僅約束頂級(jí)組件，組件內(nèi)元素?zé)o需對(duì)齊柵格。

4. 確定斷點(diǎn)（Breakpoint）

• 導(dǎo)航展收：≤1000px 收起，>1000px 展開
• 多列卡片：900-1200px=3 列；1200-1500px=4 列
   
  提示：無(wú)適配場(chǎng)景可不設(shè)斷點(diǎn)，避免冗余規(guī)則。

三、3 階段落地：從設(shè)計(jì)到交付

階段 1：分配頂級(jí)組件柵格占比

階段 2：制定組件內(nèi)部適配規(guī)則

1. 固定尺寸：圖標(biāo)、按鈕等固定寬高，左 / 右對(duì)齊
2. 填充自適應(yīng)：輸入框、篩選欄等撐滿父容器
3. 高度自適應(yīng)：文本區(qū)域自動(dòng)換行，撐開組件高度
    
   復(fù)雜組件（表格、圖表）需提前同步開發(fā)適配方案。

階段 3：輸出關(guān)鍵頁(yè)面響應(yīng)式稿

• 必做頁(yè)面：首頁(yè)儀表盤、數(shù)據(jù)表格頁(yè)、卡片列表頁(yè)
   
  作用：讓開發(fā)直觀理解適配邏輯，避免自由發(fā)揮導(dǎo)致體驗(yàn)混亂。

四、避坑總結(jié)

1. 不追求全設(shè)備完美適配，局部響應(yīng)式是 B 端最優(yōu)解
2. 柵格只管頂級(jí)布局，組件內(nèi)部用自動(dòng)布局搞定
3. 寬度邊界、斷點(diǎn)、適配區(qū)域必須提前和開發(fā)對(duì)齊
4. 交付核心頁(yè)面效果圖，比純文字規(guī)則更高效

轉(zhuǎn)載：優(yōu)設(shè)

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

一、全文速覽圖

二、前言

2025 是智能體的元年，2026 年將更加成熟和普及，應(yīng)用程序的體驗(yàn)方式因?yàn)橹悄荏w而逐步發(fā)生改變。

馬斯克和扎克伯格曾預(yù)言“在未來(lái) 5-6 年內(nèi)，傳統(tǒng)的手機(jī)和應(yīng)用程序（App）的形態(tài)將因?yàn)?AI 發(fā)生根本性變革”，蘭亭妙微ui設(shè)計(jì)公司與您一同學(xué)習(xí)。

三、設(shè)計(jì)師已經(jīng)迎來(lái)了「AI 交互設(shè)計(jì)」窗口期

以前的體驗(yàn)設(shè)計(jì)經(jīng)驗(yàn)，已經(jīng)跟不上如今 AI 能力逐漸普及的應(yīng)用端設(shè)計(jì)開發(fā)趨勢(shì)。

如今，各產(chǎn)品研發(fā)團(tuán)隊(duì)基于 AI 能力用戶體驗(yàn)設(shè)計(jì)需求將會(huì)大幅增加。

即將到來(lái)的 2026 年金三銀四求職季，產(chǎn)品和開發(fā)設(shè)計(jì)崗的招聘必然會(huì)對(duì)求職者結(jié)合 AI 的能力提出更高要求。

率先掌握 AI 體驗(yàn)設(shè)計(jì)能力的設(shè)計(jì)師，在求職時(shí)更有競(jìng)爭(zhēng)力，在職場(chǎng)團(tuán)隊(duì) AI 設(shè)計(jì)這一塊也更有知識(shí)話語(yǔ)權(quán)。

換個(gè)角度看，AI 體驗(yàn)設(shè)計(jì)對(duì)于交互設(shè)計(jì)師在一定程度上也是一次洗牌的機(jī)會(huì)。

四、從 UX 到 AI Experience，具體有哪些轉(zhuǎn)變

1. AI 將重塑以往的交互方式

當(dāng) AI 能夠理解自然語(yǔ)言并主動(dòng)完成任務(wù)時(shí)，許多傳統(tǒng)的 UI 組件：信息架構(gòu)、導(dǎo)航設(shè)計(jì)、表單流程、數(shù)據(jù)篩選等交互方式將會(huì)逐漸被重構(gòu)。

用戶與應(yīng)用交互的過(guò)程將會(huì)改變。比如：

用戶發(fā)起交互，由原來(lái)的用戶主動(dòng)操作+操作的路徑，變成了用戶的一句意圖表達(dá)+AI 直接推送入口。

再比如對(duì)于用戶輸入錯(cuò)誤的處理方式，由原來(lái)的表單驗(yàn)證與提示，變成了與 AI 的自然語(yǔ)言澄清，然后多輪對(duì)話修正。

再比如幫助決策上，用戶由原來(lái)的面對(duì)多選項(xiàng)，變成了 AI 根據(jù)情境理解目標(biāo)，并直接推薦最優(yōu)路徑。

3. 基于 AI 的場(chǎng)景設(shè)計(jì)與思考

根據(jù)尼爾森諾曼設(shè)計(jì)機(jī)構(gòu)（簡(jiǎn)稱 NN/g）在 2024 年的 AX 設(shè)計(jì)研究，優(yōu)秀的 AI 體驗(yàn)設(shè)計(jì)要有具備以下幾個(gè)素質(zhì)：

1. 用戶能夠容易地使用提示詞：這意味著需要設(shè)計(jì)引導(dǎo)用戶有效輸入的界面元素
2. 劃清 AI 主導(dǎo) 與 用戶主導(dǎo) 的邊界：當(dāng)不應(yīng)該讓 AI 做決定時(shí)，在合適的時(shí)機(jī)讓用戶介入
3. 多模態(tài)交互設(shè)計(jì)：語(yǔ)音、文本、控件輸入的設(shè)計(jì)結(jié)合
4. 漸進(jìn)式建立信任 AI：順滑地讓用戶從發(fā)現(xiàn)、嘗試到依賴 AI 功能
5. 品牌下的 AI 人格化：AI 人設(shè)、開場(chǎng)白風(fēng)格、擬人化、專有音效設(shè)計(jì)

五、如何提升 AI 體驗(yàn)設(shè)計(jì)能力

1. AI 交互設(shè)計(jì)知識(shí)

① 來(lái)自大廠的 AX 設(shè)計(jì)原則與模式

來(lái)自 Google、Microsoft、Ant 公司的 AI 設(shè)計(jì)規(guī)范與原則。

理解設(shè)計(jì)原則背后的原因、場(chǎng)景，就像以往我們接觸過(guò)剛在技術(shù)窗口爆發(fā)期的「新穎」交互，比如 PC 時(shí)代的鼠標(biāo)輸入、移動(dòng)互聯(lián)網(wǎng)的觸屏輸入、虛擬現(xiàn)實(shí)時(shí)代等...交互模態(tài)各有差異。

1. https://design.google/library/people-ai-research
2. https://pair.withgoogle.com/guidebook/
3. https://www.microsoft.com/en-us/haxtoolkit/ai-guidelines/
4. https://ant-design-x.antgroup.com/docs/spec/introduce-cn

② 建立 AI 交互設(shè)計(jì)基本認(rèn)知框架

AI 的軟件分為：AI 能力應(yīng)用軟件、各行業(yè)場(chǎng)景應(yīng)用軟件的 AI 賦能。

AI 的交互形態(tài)：

1. Chat 對(duì)話式（對(duì)話式交互為主）
2. Assist 助手式（隱藏為主，需要協(xié)助時(shí)喚醒）
3. Spread 散布式（隱藏為主，固定節(jié)點(diǎn)出現(xiàn)相關(guān)的 AI 功能）

AI 交互組件：Think 思考過(guò)程、ThoughtChain 思維鏈、Prompts 提示集、Conversations 管理對(duì)話、Suggestion 快捷指令......

Ant-design-x

③ 積累 AI 交互設(shè)計(jì)經(jīng)驗(yàn)

1. 體驗(yàn)優(yōu)秀的 AI 功能，并搜集到案例夾。
2. 建議按場(chǎng)景分類收集：內(nèi)容創(chuàng)作類、數(shù)據(jù)分析類、任務(wù)自動(dòng)化類、客戶服務(wù)類、等等。
3. 大致的框架可以像產(chǎn)品體驗(yàn)日記一樣，記錄設(shè)計(jì)細(xì)節(jié)，比如：產(chǎn)品名稱與截圖、核心交互流程描述、AI 介入的具體方式、優(yōu)秀設(shè)計(jì)細(xì)節(jié)(如何處理加載、錯(cuò)誤、歧義的)。

④ 嘗試?yán)斫?AI 大模型底層的技術(shù)原理

這是偏技術(shù)的知識(shí)，對(duì)于非專業(yè)人群來(lái)說(shuō)，比較難啃，但回報(bào)是最高的。

因?yàn)樗俏覀冋J(rèn)識(shí) AI 的原理性起點(diǎn)，一旦掌握，做許多 AI 項(xiàng)目都能受益，比如：快速判斷 AI 能力邊界、規(guī)劃大模型訓(xùn)練等。

而對(duì)于設(shè)計(jì)師來(lái)說(shuō)，也包括能有效指導(dǎo) AI 領(lǐng)域的設(shè)計(jì)。

就像以往我們落地自己的設(shè)計(jì)方案，最好提前摸清前端框架、組件、數(shù)據(jù)交互，才不容易在開發(fā)環(huán)節(jié)被卡脖子，更順利地實(shí)現(xiàn)設(shè)計(jì)方案。

了解方式：查閱關(guān)于 LLM 工作原理的科普類文章；相關(guān)大模型的官方網(wǎng)站查找文檔。

2. Ai 交互設(shè)計(jì)思維

在現(xiàn)有設(shè)計(jì)項(xiàng)目中，多一層關(guān)于「AI 交互輔助」的思考

在做設(shè)計(jì)項(xiàng)目中，在傳統(tǒng)交互設(shè)計(jì)思路上，有意識(shí)地思考「假設(shè)現(xiàn)在有 AI 智能體的幫助，這個(gè)功能可以是什么樣的更好用法？」。

如果你想更好地驗(yàn)證 Ai 設(shè)計(jì)模式的成果，可以做一些進(jìn)階的學(xué)習(xí)研究：

首先像以往的項(xiàng)目一樣，拆解用戶操作；

然后針對(duì)每個(gè)環(huán)節(jié)思考“如果這里有 AI 能力，能否提效或者減負(fù)？

再將 傳統(tǒng)方案 vs AI 加持方案的可視化，并進(jìn)行對(duì)比，量化提升的效率

基于上圖，我們把有 AI 協(xié)助退貨整個(gè)過(guò)程，背后的動(dòng)作和實(shí)現(xiàn)原理拆解分析：

1. 用戶與系統(tǒng)的交互是通過(guò)「多輪對(duì)話」，
2. 然后 AI 在對(duì)話中「識(shí)別意圖」，與用戶確認(rèn)需求，
3. AI「搜集關(guān)鍵信息與用戶資料」提交，
4. AI 發(fā)起退貨申請(qǐng)，并對(duì)接商家「退貨系統(tǒng)」，
5. AI 推薦「最優(yōu)」的退貨方式(上門取件)，
6. 只把最少的操作「確認(rèn)」留給用戶。

而以上這些動(dòng)作，都需要設(shè)計(jì)師具備了理解前后臺(tái)的交互鏈路(前端如何自然地與用戶交流、后端對(duì)接哪些接口)、Ai 工具調(diào)用的能力、等等知識(shí)經(jīng)驗(yàn)，才能順利地完成 Ai 的交互設(shè)計(jì)方案，并落地。

3. 爭(zhēng)取實(shí)戰(zhàn)機(jī)會(huì)，讓自己新學(xué)習(xí)的能力在落地中驗(yàn)證

戰(zhàn)略性參與有 AI 的項(xiàng)目：

如果你的團(tuán)隊(duì)項(xiàng)目正好有 AI 智能體對(duì)業(yè)務(wù)場(chǎng)景賦能的規(guī)劃，那么對(duì)你來(lái)說(shuō)，參與進(jìn)來(lái)將是一個(gè)轉(zhuǎn)型的好機(jī)會(huì)。

其中，從 redesign 小的功能點(diǎn)中 加入 AI 的交互方案開始，比如：搜索功能智能化、表單自動(dòng)填充、智能推薦卡片。這類功能點(diǎn)改造見效明顯，往往投入產(chǎn)出比高，易于快速驗(yàn)證和迭代。

當(dāng)然得在方案支撐足夠有理的前提下。比如：準(zhǔn)備傳統(tǒng)交互 vs AI 加持的交互這兩套方案對(duì)比，用預(yù)期收益、技術(shù)可行性和數(shù)據(jù)說(shuō)話。

主動(dòng)創(chuàng)造機(jī)會(huì)和環(huán)境：

定期向產(chǎn)品團(tuán)隊(duì)分享競(jìng)品的優(yōu)秀 AX 設(shè)計(jì)案例，進(jìn)行團(tuán)隊(duì)設(shè)計(jì)掃盲，同時(shí)也能提升隊(duì)內(nèi)影響力，后面參與項(xiàng)目設(shè)計(jì)更有話語(yǔ)權(quán)。

4. 大膽點(diǎn)，用 AI 顛覆玩法

進(jìn)階到挖掘大的場(chǎng)景中，能夠利用 AI 重塑體驗(yàn)方式的機(jī)會(huì)。

比如：

傳統(tǒng)的進(jìn)度條，用戶需要拖動(dòng)查看逐個(gè)視頻幀尋找他想看的目標(biāo)片段。

而 AI 播放器中，可以把識(shí)別到的字幕，加入到進(jìn)度條中作為錨點(diǎn)，讓用戶根據(jù)具體的字幕內(nèi)容，就可以精準(zhǔn)定位并直達(dá)該進(jìn)度點(diǎn)，找片段的效率大大提升，直接使體驗(yàn)升維。

最后

預(yù)計(jì) 2-3 年之后，AI 交互設(shè)計(jì)將普及為交互設(shè)計(jì)師的基本能力。那些率先掌握的設(shè)計(jì)師，將在 AI 重塑產(chǎn)品形態(tài)的浪潮中，找到屬于自己的新位置。

現(xiàn)在就是最好的開始時(shí)機(jī)。

你，做好準(zhǔn)備了嗎。

轉(zhuǎn)載：優(yōu)設(shè)

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

一、一個(gè)被所有人忽視的產(chǎn)品細(xì)節(jié)

周五下午六點(diǎn)，你打開美團(tuán)，想找一家“適合帶父母吃飯、安靜一點(diǎn)、最好有停車場(chǎng)、粵菜或者閩菜都行”的餐廳。

你停頓了三秒。

因?yàn)槟悴恢涝撛谒阉骺蚶镙斎胧裁础?ldquo;粵菜”太寬泛，“安靜粵菜”不確定能否搜到，“帶父母”這個(gè)條件根本沒(méi)有對(duì)應(yīng)的關(guān)鍵詞。最后你妥協(xié)了，輸入“粵菜”，然后手動(dòng)撥動(dòng)篩選器：距離3公里以內(nèi)、評(píng)分4.5以上、人均150—300元。翻了兩頁(yè)結(jié)果，看到第十幾家店的時(shí)候，已經(jīng)記不清最初想要什么感覺(jué)了。

這個(gè)場(chǎng)景，每天發(fā)生在數(shù)以千萬(wàn)計(jì)的美團(tuán)用戶身上。沒(méi)有人覺(jué)得有什么問(wèn)題——畢竟大家都習(xí)慣了。

但如果認(rèn)真思考，你會(huì)發(fā)現(xiàn)這里隱藏著一個(gè)根本性的產(chǎn)品矛盾：用戶的真實(shí)需求是模糊的、情緒化的、充滿上下文的，而搜索框的底層邏輯卻是關(guān)鍵詞匹配——它要求用戶把一個(gè)復(fù)雜的人類意圖，壓縮成幾個(gè)離散的詞語(yǔ)。

這個(gè)壓縮的過(guò)程，本身就是信息損耗。而篩選器、排序、推薦算法，不過(guò)是在這個(gè)損耗之后所做的各種補(bǔ)救。

今天我想深入分析的，不是美團(tuán)要不要做AI，而是AI的到來(lái)如何從結(jié)構(gòu)上重新定義了美團(tuán)的用戶交互邏輯，以及這對(duì)整個(gè)本地生活服務(wù)賽道意味著什么。

二、搜索框背后的產(chǎn)品邏輯：十年的“意圖壓縮術(shù)”

2.1 搜索框的本質(zhì)不是“搜索”，而是意圖的強(qiáng)迫翻譯

從信息架構(gòu)的角度看，搜索框是一個(gè)“意圖翻譯器”。它的工作原理是：把用戶頭腦中模糊的需求，強(qiáng)制轉(zhuǎn)化為系統(tǒng)可以處理的結(jié)構(gòu)化信號(hào)。

問(wèn)題在于，這個(gè)翻譯過(guò)程存在天然的信息損耗。人類表達(dá)需求的方式是自然語(yǔ)言，是帶有情緒和上下文的整句話；但關(guān)鍵詞搜索要求的是最小化、去語(yǔ)境化的詞組。當(dāng)你把“想找一家適合帶父母的安靜粵菜館”壓縮為“粵菜 安靜”，你已經(jīng)丟失了“帶父母”所暗含的價(jià)值感需求——面子、正式感、停車便利、服務(wù)周到。這些維度，任何篩選器都覆蓋不到。

更重要的是：大多數(shù)用戶在打開搜索框的那一刻，自己的需求也是未完全成形的。他們需要的不是“輸入詞語(yǔ)獲得列表”，而是一個(gè)能幫他們把模糊想法變成具體選擇的交互過(guò)程。搜索框不是這個(gè)過(guò)程的起點(diǎn)，它只是一個(gè)粗暴的入口。

2.2 篩選器是“打補(bǔ)丁”的產(chǎn)物，不是真正的解法

美團(tuán)過(guò)去十年，在搜索框旁邊積累了越來(lái)越多的篩選維度：價(jià)格區(qū)間、評(píng)分區(qū)間、距離、營(yíng)業(yè)時(shí)間、配送方式、菜系、口味偏好……每一個(gè)新增的篩選項(xiàng)，背后都是對(duì)搜索能力不足的一次承認(rèn)。

篩選器越復(fù)雜，說(shuō)明搜索越弱。這是一個(gè)重要的產(chǎn)品邏輯。

因?yàn)樵诶硐肭闆r下，如果搜索本身能理解“適合帶父母”，你根本不需要“人均150—300元”這個(gè)篩選器——系統(tǒng)應(yīng)該自己推斷出價(jià)位范圍。如果搜索能理解“安靜”，你也不需要“評(píng)分4.5以上”來(lái)作為代理指標(biāo)。篩選器的本質(zhì)，是用多個(gè)結(jié)構(gòu)化維度去近似替代搜索本身無(wú)法理解的語(yǔ)義內(nèi)容。

這種設(shè)計(jì)在關(guān)鍵詞搜索時(shí)代是合理的，因?yàn)槟阒荒苋绱恕５瑫r(shí)也造成了一個(gè)認(rèn)知負(fù)擔(dān)：用戶要在使用產(chǎn)品的同時(shí)，自己完成“需求拆解→關(guān)鍵詞提煉→篩選器配置”這三步工作。這是用戶替產(chǎn)品做了本該由產(chǎn)品完成的事情。

2.3 推薦算法為什么救不了搜索

過(guò)去幾年，美團(tuán)在推薦算法上投入了大量資源。首頁(yè)的“猜你喜歡”“今日必吃”“附近熱門”，本質(zhì)上是在用主動(dòng)推薦來(lái)彌補(bǔ)搜索的局限性。

但推薦和搜索滿足的是用戶決策鏈上的不同節(jié)點(diǎn)：推薦解決的是“我不知道要什么”的探索需求，搜索解決的是“我已經(jīng)有方向，需要找到它”的意圖需求。

當(dāng)用戶有明確意圖的時(shí)候，推薦流是一種干擾，而不是幫助。周五六點(diǎn)打開美團(tuán)想帶父母吃飯的那個(gè)人，他不需要“今日必吃網(wǎng)紅烤串”，他需要的是一個(gè)能理解他需求的系統(tǒng)。推薦算法再精準(zhǔn)，也無(wú)法解決搜索的根本缺陷。

三、AI來(lái)了，搜索框面臨的三種結(jié)構(gòu)性沖擊

沖擊一：被對(duì)話框漸進(jìn)替代

大型語(yǔ)言模型的核心能力之一，是零成本的自然語(yǔ)言理解。它可以直接處理“幫我找一家適合帶父母吃飯、安靜、有停車場(chǎng)的粵菜館”，而不需要用戶做任何翻譯工作。

這不是概念，而是已經(jīng)在發(fā)生的事情。當(dāng)前各大互聯(lián)網(wǎng)平臺(tái)陸續(xù)接入大模型的搜索能力，其背后的產(chǎn)品邏輯完全一致：把關(guān)鍵詞搜索框替換為自然語(yǔ)言對(duì)話框，讓系統(tǒng)來(lái)承擔(dān)“需求理解”的工作，而不是把這個(gè)負(fù)擔(dān)甩給用戶。

對(duì)美團(tuán)而言，這意味著搜索框的替代將是一個(gè)漸進(jìn)式、不可逆的過(guò)程。用戶一旦體驗(yàn)過(guò)“說(shuō)人話就能找到想要的餐廳”，他們不會(huì)再愿意回到拼關(guān)鍵詞加撥篩選器的舊交互模式。

沖擊二：被Agent整體跳過(guò)

比對(duì)話框替代更激進(jìn)的是Agent路徑。

在Agent模式下，用戶不再經(jīng)歷“搜索→篩選→選擇→預(yù)訂”這個(gè)線性流程，而是：表達(dá)意圖→Agent自主完成理解、比價(jià)、預(yù)訂、提醒的全部環(huán)節(jié)→用戶只需最終確認(rèn)。

這意味著搜索框不只是被替換，而是作為一個(gè)獨(dú)立環(huán)節(jié)被整體消解。用戶無(wú)需進(jìn)入美團(tuán)App，只需在微信、支付寶、或者操作系統(tǒng)級(jí)別的AI助手中完成整個(gè)交互——美團(tuán)的服務(wù)能力被調(diào)用，但美團(tuán)作為流量入口的位置被徹底邊緣化。

微信的AI搜索、支付寶的AI助手、華為的小藝、蘋果的Siri進(jìn)化版，都在朝著這個(gè)方向推進(jìn)。Agent化不是遙遠(yuǎn)的未來(lái)，它是當(dāng)下已經(jīng)在布局的競(jìng)爭(zhēng)格局。

沖擊三：用戶行為遷移導(dǎo)致的場(chǎng)景蒸發(fā)（最被低估的威脅）

前兩種沖擊是關(guān)于“搜索框被什么替代”，而第三種沖擊更為隱蔽，也更具毀滅性：用戶的使用場(chǎng)景可能在不進(jìn)入美團(tuán)的情況下被滿足。

想象一個(gè)使用場(chǎng)景：用戶在和朋友的微信群聊里討論周五吃什么，這時(shí)群里的AI助手直接分析對(duì)話內(nèi)容，給出三家符合所有人口味和位置的推薦，并且完成了預(yù)訂——全程在微信內(nèi)完成，美團(tuán)的數(shù)據(jù)庫(kù)被調(diào)用，但美團(tuán)App從未被打開。

這不是技術(shù)上的想象，而是一個(gè)流量入口遷移的商業(yè)問(wèn)題。美團(tuán)失去的不只是搜索框，而是“用戶主動(dòng)打開App”這個(gè)行為本身。一旦用戶的高頻決策習(xí)慣在其他平臺(tái)形成，美團(tuán)的日活數(shù)據(jù)將面臨結(jié)構(gòu)性下滑。

這才是AI沖擊中最危險(xiǎn)的死法，因?yàn)樗菬o(wú)聲的、漸進(jìn)的，等到平臺(tái)意識(shí)到的時(shí)候，可能已經(jīng)失去了整整一代用戶習(xí)慣。

四、美團(tuán)真正的護(hù)城河在哪里

在討論AI對(duì)美團(tuán)的沖擊時(shí)，有一個(gè)根本性的問(wèn)題需要厘清：美團(tuán)的價(jià)值究竟是什么？

如果美團(tuán)的價(jià)值是“連接用戶和商戶的信息中介”，那它確實(shí)岌岌可危，因?yàn)锳I可以比搜索框更高效地完成這個(gè)連接。但如果美團(tuán)的價(jià)值是“把服務(wù)實(shí)際送達(dá)到用戶手中的履約網(wǎng)絡(luò)”，那AI對(duì)它構(gòu)成的威脅就要小得多。

4.1 履約能力：AI造不出來(lái)的壁壘

美團(tuán)今天擁有超過(guò)700萬(wàn)的騎手網(wǎng)絡(luò)、覆蓋數(shù)百個(gè)城市的即時(shí)配送基礎(chǔ)設(shè)施、與數(shù)百萬(wàn)商戶的深度綁定關(guān)系，以及每天處理數(shù)千萬(wàn)筆訂單所形成的實(shí)時(shí)運(yùn)力調(diào)度系統(tǒng)。

這些東西，AI無(wú)法憑空生成。大模型再?gòu)?qiáng)大，也無(wú)法替代一個(gè)在三十分鐘內(nèi)把熱餐送到你手邊的騎手網(wǎng)絡(luò)。AI是信息層的技術(shù)，而美團(tuán)的核心競(jìng)爭(zhēng)力是物理層的基礎(chǔ)設(shè)施。

這個(gè)判斷有一個(gè)重要推論：美團(tuán)的搜索框可以被替代，但美團(tuán)的履約能力不會(huì)被替代——至少在可見的未來(lái)不會(huì)。這意味著即便美團(tuán)完全失去了前端的流量入口，它也可以以“能力提供者”的角色，為其他平臺(tái)的AI助手提供后端服務(wù)。

4.2 數(shù)據(jù)資產(chǎn)：有價(jià)值，但需正確使用

美團(tuán)積累了超過(guò)十年的用戶消費(fèi)行為數(shù)據(jù)：什么人在什么時(shí)間什么地點(diǎn)吃什么，偏好什么價(jià)位、什么菜系、什么口味，有什么飲食禁忌，外賣和堂食的偏好有什么差異……這些數(shù)據(jù)是訓(xùn)練本地生活垂直AI模型的核心資產(chǎn)。

但這里有一個(gè)容易被忽視的戰(zhàn)略陷阱：數(shù)據(jù)只有轉(zhuǎn)化為理解用戶意圖的能力，才能成為真正的護(hù)城河。如果美團(tuán)把這些數(shù)據(jù)只是用來(lái)優(yōu)化推薦算法，提升現(xiàn)有搜索框的點(diǎn)擊率，那它就是在用新工具鞏固舊模式，而不是在構(gòu)建下一個(gè)時(shí)代的競(jìng)爭(zhēng)優(yōu)勢(shì)。

真正的機(jī)會(huì)是：用歷史數(shù)據(jù)訓(xùn)練一個(gè)“深度理解本地生活消費(fèi)意圖”的垂直模型，讓AI能夠理解“帶父母吃飯”背后的全部語(yǔ)義，能夠根據(jù)用戶畫像推斷“你說(shuō)的安靜，是哪種程度的安靜”。

4.3 最危險(xiǎn)的戰(zhàn)略誤判：把AI做成更聰明的搜索框

基于以上分析，美團(tuán)在AI轉(zhuǎn)型中最危險(xiǎn)的做法，是把大模型接入現(xiàn)有的搜索產(chǎn)品，讓對(duì)話框替換關(guān)鍵詞框，在視覺(jué)上完成一次“AI升級(jí)”，然后宣稱完成了AI化轉(zhuǎn)型。

這是一種“AI美顏”——換了皮膚，底層邏輯沒(méi)變。用戶體驗(yàn)確實(shí)會(huì)有改善，但改善的是現(xiàn)有流程的效率，而不是對(duì)未來(lái)交互范式的卡位。

真正的產(chǎn)品戰(zhàn)略應(yīng)該是：放棄“流量入口”的思維定式，轉(zhuǎn)向“意圖響應(yīng)網(wǎng)絡(luò)”的定位。美團(tuán)需要成為一個(gè)能在任何界面、任何上下文中理解用戶本地生活消費(fèi)意圖并完成履約的系統(tǒng)，而不只是一個(gè)把用戶吸引進(jìn)App的流量平臺(tái)。

五、對(duì)產(chǎn)品經(jīng)理的三個(gè)結(jié)構(gòu)性啟示

美團(tuán)的案例不只是一個(gè)大廠的戰(zhàn)略故事，它對(duì)所有產(chǎn)品人都有直接的方法論價(jià)值。

啟示一：重新識(shí)別你產(chǎn)品的“意圖入口”

在你當(dāng)前負(fù)責(zé)的產(chǎn)品里，用戶在哪個(gè)環(huán)節(jié)表達(dá)了他最真實(shí)的需求？那個(gè)入口，通常就是AI沖擊最先發(fā)生的地方。

如果你的產(chǎn)品依賴搜索框、關(guān)鍵詞匹配、或者多級(jí)篩選器來(lái)理解用戶需求，那么你需要認(rèn)真思考：當(dāng)大模型能夠直接理解用戶的自然語(yǔ)言時(shí)，你的產(chǎn)品流程里哪些步驟是多余的？哪些環(huán)節(jié)是在讓用戶替產(chǎn)品做本該產(chǎn)品做的事情？

啟示二：區(qū)分“AI能替代的”和“AI替代不了的”

美團(tuán)的履約網(wǎng)絡(luò)是AI替代不了的。你的產(chǎn)品里，也存在這樣的部分。

識(shí)別的方法：把你產(chǎn)品的核心價(jià)值鏈拆解到最細(xì)的顆粒度，逐項(xiàng)問(wèn)自己：如果有一個(gè)無(wú)限能干的AI助手，它能把這個(gè)環(huán)節(jié)做掉嗎？能做掉的是信息層，做不掉的通常是物理層、關(guān)系層、或者依賴特定資質(zhì)的專業(yè)層。那些做不掉的部分，就是你在AI時(shí)代真正應(yīng)該加固的護(hù)城河。

啟示三：警惕“功能疊加”掩蓋“結(jié)構(gòu)性缺陷”的產(chǎn)品陷阱

美團(tuán)的篩選器越來(lái)越多，是搜索本身無(wú)力的一種掩蓋。在你自己的產(chǎn)品里，也要警惕類似的模式：當(dāng)你在給現(xiàn)有功能打補(bǔ)丁的時(shí)候，要問(wèn)自己，這是在解決問(wèn)題，還是在拖延面對(duì)一個(gè)結(jié)構(gòu)性缺陷的時(shí)間？

AI時(shí)代給了產(chǎn)品經(jīng)理一個(gè)重新思考底層設(shè)計(jì)的機(jī)會(huì)。與其在舊的交互框架里做局部?jī)?yōu)化，不如退出來(lái)問(wèn)那個(gè)更難的問(wèn)題：如果今天從零開始設(shè)計(jì)這個(gè)產(chǎn)品，知道AI存在，我會(huì)怎么設(shè)計(jì)？

六、搜索框消失的那天

回到最開始的場(chǎng)景。

有一天，你打開美團(tuán)，首頁(yè)沒(méi)有搜索框，沒(méi)有篩選器，只有一行文字：“今晚有什么打算？”

你輸入：“帶父母吃頓正式點(diǎn)的，粵菜或者閩菜都行，不要太吵，最好有停車”。

系統(tǒng)回答：“為你找到3家符合條件的餐廳。其中順德菜館距你2.1公里，今晚有包間空位，停車場(chǎng)可停50輛，評(píng)價(jià)中高頻出現(xiàn)‘安靜’‘服務(wù)好’，人均約220元。是否幫你預(yù)留？”

你點(diǎn)了確認(rèn)。整個(gè)過(guò)程，四十秒。

這不是遙遠(yuǎn)的科幻，它是可以預(yù)期的近未來(lái)。搜索框不會(huì)因?yàn)槟骋惶炷硞€(gè)版本更新而消失，它會(huì)以用戶幾乎察覺(jué)不到的方式，被慢慢替代——就像人們不再“搜索天氣”，而是直接問(wèn)語(yǔ)音助手一樣。

美團(tuán)的搜索框消失的那天，不是美團(tuán)的終結(jié)，而是本地生活服務(wù)進(jìn)入“意圖經(jīng)濟(jì)”時(shí)代的標(biāo)志。在那個(gè)時(shí)代里，誰(shuí)擁有對(duì)用戶消費(fèi)意圖最深的理解能力，誰(shuí)擁有把服務(wù)真正送達(dá)的基礎(chǔ)設(shè)施，誰(shuí)就擁有競(jìng)爭(zhēng)優(yōu)勢(shì)。搜索框只是一個(gè)UI控件，重要的從來(lái)不是它本身，而是它背后那個(gè)“理解用戶意圖”的能力。

而這個(gè)能力，才剛剛開始被認(rèn)真對(duì)待。

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

蘭亭妙微UI設(shè)計(jì)公司，以美團(tuán)、餓了么、大眾點(diǎn)評(píng)為案例，分析外賣平臺(tái)搜索功能的價(jià)值、類型與設(shè)計(jì)方法，提煉出打造優(yōu)質(zhì)搜索體驗(yàn)的核心要點(diǎn)。

一、搜索的核心意義

1. 高效找餐：幫有明確需求的用戶快速檢索，節(jié)省時(shí)間、提升點(diǎn)餐效率。
2. 引導(dǎo)消費(fèi)：用熱詞、推薦等引導(dǎo)無(wú)目標(biāo)用戶，創(chuàng)造消費(fèi)、促進(jìn)下單。

二、主流平臺(tái)搜索類型特點(diǎn)

1. 入口：統(tǒng)一用搜索框，保證高曝光。
2. 模式：美團(tuán) / 餓了么 = 全量模糊搜索；大眾點(diǎn)評(píng) = 城市定向搜索。
3. 功能：餓了么 / 大眾點(diǎn)評(píng)帶掃一掃，支持二維碼快速找品。
4. 引導(dǎo)：美團(tuán) / 餓了么用大色塊按鈕；美團(tuán)加搜索標(biāo)簽刺激轉(zhuǎn)化。

三、四大設(shè)計(jì)原則

1. 場(chǎng)景預(yù)熱：搜索前用輪播熱詞、運(yùn)營(yíng)活動(dòng)、IP 動(dòng)態(tài)對(duì)話引導(dǎo)。
2. 貼心引導(dǎo)：提供歷史搜索、搜索發(fā)現(xiàn)、熱榜，縮小范圍、展示權(quán)益。

   

3. 預(yù)期管理：實(shí)時(shí)聯(lián)想關(guān)鍵詞，展示商家 / 商品 / 優(yōu)惠，減少無(wú)效操作。

   

4. 細(xì)致分類：結(jié)果分層歸類，搭配榜單與筆記，方便篩選避坑。

   

四、總結(jié)

細(xì)節(jié)定成敗：12個(gè)常見的按鈕設(shè)計(jì)誤區(qū)

按鈕設(shè)計(jì)的直覺(jué)性，源于物理按鈕給我們留下的行為習(xí)慣。回顧歷史，物理按鈕正是現(xiàn)代UI組件的鼻祖。它們至今仍被大量使用，其魅力在于：即便用戶不懂內(nèi)部原理，只需輕輕一按，就能讓設(shè)備運(yùn)轉(zhuǎn)起來(lái)。正如《Power Button》一書作者Rachel Plotnick所言，按鈕文化塑造了我們今天下達(dá)數(shù)字指令的方式。

“你只需按下按鈕，剩下的交給我們。”——柯達(dá)公司的這句經(jīng)典廣告語(yǔ)，精準(zhǔn)捕捉了按鈕對(duì)用戶的吸引力：用最簡(jiǎn)單的觸碰，換來(lái)即時(shí)的滿足感。

即便觸摸屏日益普及，物理按鈕也并未消失。它所塑造的交互習(xí)慣，深刻影響著數(shù)字界面按鈕的設(shè)計(jì)，成為衡量直觀性與易用性的永恒參照。

一、分清按鈕與鏈接

按鈕向用戶傳達(dá)“可操作”的信號(hào)，廣泛出現(xiàn)在對(duì)話框、表單、工具欄等場(chǎng)景中。

• 鏈接：用于導(dǎo)航到另一個(gè)地方，如“查看全部”、“閱讀更多”。

• 按鈕：用于執(zhí)行具體動(dòng)作，如“提交”、“合并”、“創(chuàng)建”、“上傳”。

二、定義完整的按鈕狀態(tài)

每個(gè)按鈕都應(yīng)具備清晰、無(wú)干擾的視覺(jué)反饋。其交互狀態(tài)需明確定義，以區(qū)別于周圍布局：

1. 正常：可交互的默認(rèn)狀態(tài)。

2. 焦點(diǎn)：通過(guò)鍵盤（如Tab鍵）進(jìn)入可編輯狀態(tài)時(shí)的提示。

3. 懸停：鼠標(biāo)指針置于元素上方時(shí)（主要適用于桌面端）。

4. 按下：表示用戶正在點(diǎn)擊該按鈕。

5. 加載中：操作未立即完成，向用戶反饋任務(wù)正在進(jìn)行。

6. 禁用：當(dāng)前不可交互，但未來(lái)可能啟用。

三、選擇合適的按鈕樣式

圓角矩形按鈕因其高識(shí)別度最為常見。樣式的選擇取決于用途、平臺(tái)及設(shè)計(jì)規(guī)范。主流樣式大致分為：

• 填充按鈕（實(shí)心）：視覺(jué)權(quán)重最高。

• 描邊按鈕（線框）：視覺(jué)權(quán)重次之。

• 文本按鈕：視覺(jué)權(quán)重最弱。

利用樣式差異構(gòu)建清晰的動(dòng)作層級(jí)，在多個(gè)選項(xiàng)中引導(dǎo)用戶。通常，最重要的操作使用“首要”按鈕樣式，其他操作則按重要程度遞減。

四、避免讓用戶思考

可用性專家Steve Krug曾說(shuō)：“別讓我思考。”用戶早已被各類電子產(chǎn)品“教育”，對(duì)按鈕的外觀和功能形成了固定認(rèn)知。任何與“標(biāo)準(zhǔn)”的較大偏差，都可能造成困惑。

五、區(qū)分可點(diǎn)與不可點(diǎn)元素

切勿對(duì)交互式元素（如按鈕、鏈接）和非交互式元素（如純文本標(biāo)簽）使用相同的顏色，否則用戶會(huì)因不確定哪里可以點(diǎn)擊而感到迷茫。

六、保持一致性

“一致性是最強(qiáng)大的可用性原則之一。當(dāng)事物總是以相同方式表現(xiàn)時(shí)，用戶就無(wú)需擔(dān)心意外發(fā)生。”——雅各布·尼爾森（Jakob Nielsen）

一致性提升了操作的效率和準(zhǔn)確性，減少了誤操作。它創(chuàng)造了可預(yù)測(cè)性，幫助用戶掌控流程。在定義主要、次要等按鈕樣式時(shí)，請(qǐng)確保顏色、形狀等元素的一致，不僅在項(xiàng)目?jī)?nèi)部，也應(yīng)盡量遵循平臺(tái)的整體規(guī)范。

七、保證足夠的點(diǎn)擊區(qū)域

按下一個(gè)按鈕應(yīng)是輕松簡(jiǎn)單的操作。如果用戶容易誤觸相鄰元素，會(huì)帶來(lái)糟糕的負(fù)面體驗(yàn)。

• 推薦尺寸：對(duì)于多數(shù)平臺(tái)，觸摸目標(biāo)建議至少為 48x48dp。無(wú)論屏幕大小，其物理尺寸應(yīng)約為9mm。觸摸屏元件的目標(biāo)尺寸至少應(yīng)在7-10mm之間。

• 圖標(biāo)按鈕：務(wù)必確保其可點(diǎn)擊的熱區(qū)大于圖標(biāo)的可視范圍。這一原則不僅適用于移動(dòng)設(shè)備和平板，也同樣適用于鼠標(biāo)操作的網(wǎng)頁(yè)端。

八、踐行無(wú)障礙設(shè)計(jì)

所有組件都應(yīng)遵循無(wú)障礙設(shè)計(jì)原則。除了目標(biāo)區(qū)域大小，字體尺寸、色彩對(duì)比度也至關(guān)重要。有許多工具可以幫助檢測(cè)組件的可訪問(wèn)性表現(xiàn)。

九、謹(jǐn)慎使用手勢(shì)

手勢(shì)（如滑動(dòng)、雙擊、長(zhǎng)按）能提供觸覺(jué)反饋并節(jié)省時(shí)間。然而，對(duì)于普通用戶而言，許多手勢(shì)并不直觀。建議將復(fù)雜手勢(shì)作為快捷操作留給高級(jí)用戶，同時(shí)為普通用戶保留明確的按鈕操作入口。

十、使用清晰的按鈕標(biāo)簽

按鈕傳達(dá)的文字信息與其外觀同等重要。模糊的標(biāo)簽會(huì)讓用戶感到困惑甚至誤導(dǎo)。

• 使用動(dòng)詞：好的標(biāo)簽?zāi)芤龑?dǎo)行動(dòng)，就像按鈕在主動(dòng)詢問(wèn)用戶：“要把這件商品加入購(gòu)物車嗎？” 或 “要確認(rèn)訂單嗎？”

• 避免模糊詞匯：應(yīng)避免使用“是/否”或過(guò)于通用的“提交”等標(biāo)簽。

十一、合理排列按鈕順序

“確定”與“取消”誰(shuí)在前？?jī)煞N方式各有道理：

• 確定在前（如Windows）：符合自然的從左到右閱讀順序。

• 確定在后（如macOS）：促使用戶在行動(dòng)前先評(píng)估所有選項(xiàng)，有助于減少錯(cuò)誤。

兩種順序都沒(méi)有絕對(duì)的對(duì)錯(cuò)，也不會(huì)造成嚴(yán)重的可用性問(wèn)題。選擇哪種，取決于平臺(tái)規(guī)范與具體場(chǎng)景。

十二、少用“禁用”狀態(tài)

你是否曾面對(duì)一個(gè)灰色按鈕，停留數(shù)秒甚至數(shù)分鐘，卻不知如何是好？濫用“禁用”狀態(tài)極易引發(fā)用戶的挫敗感。

建議：盡量避免使用禁用按鈕。更好的做法是始終啟用按鈕。如果用戶遺漏了必填信息，只需在相應(yīng)空白字段下方給出明確提示，或高亮顯示錯(cuò)誤項(xiàng)即可。

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

核心總覽

在 AI 時(shí)代做產(chǎn)品設(shè)計(jì)時(shí)，“人性化” 體驗(yàn)依舊是不變的主旨，核心目標(biāo)是讓設(shè)計(jì)回歸用戶本身，在合理應(yīng)用新技術(shù)的同時(shí)，尊重用戶的認(rèn)知習(xí)慣、情感需求與行為差異，讓 AI 產(chǎn)品既好用、又 “懂用戶”。蘭亭妙微UI設(shè)計(jì)公司會(huì)介紹以下三個(gè)設(shè)計(jì)策略和典型案例：

1. 個(gè)性化定制
2. 多產(chǎn)品互通
3. 低操作門檻

希望會(huì)為你帶來(lái)更多的設(shè)計(jì)靈感。

一、個(gè)性化定制

基于用戶的個(gè)體特征、行為數(shù)據(jù)、場(chǎng)景語(yǔ)境與目標(biāo)偏好，提供“千人千面”的專屬設(shè)計(jì)方案。核心在于將體驗(yàn)從“通用適配”轉(zhuǎn)向“精準(zhǔn)貼合”，從而提升用戶的認(rèn)同感、滿意度與留存率。

案例1：ChatGPT推出年度回顧功能，將用戶一整年的AI對(duì)話轉(zhuǎn)化為可視化數(shù)據(jù)、AI人格畫像與定制詩(shī)歌。

案例2：Gemini新增“使用歷史對(duì)話作為上下文”功能，實(shí)現(xiàn)更連續(xù)、更具記憶感的多輪對(duì)話體驗(yàn)。

案例3：ChatGPT推出多維度人格參數(shù)調(diào)節(jié)滑塊，通過(guò)檔位化控制實(shí)現(xiàn)交互風(fēng)格的精準(zhǔn)適配，標(biāo)志著AI對(duì)話系統(tǒng)從統(tǒng)一輸出轉(zhuǎn)向用戶主導(dǎo)的個(gè)性化體驗(yàn)設(shè)計(jì)。

案例4：Google發(fā)布Android 16，利用AI重構(gòu)通知系統(tǒng)，自動(dòng)將廣告、新聞推送等不重要通知靜音并生成摘要，幫助用戶保持專注。同時(shí)強(qiáng)化圖標(biāo)、主題與深色模式的個(gè)性化表達(dá)，用戶可以自由調(diào)整圖標(biāo)形狀，讓桌面更貼合個(gè)人風(fēng)格。

二、多產(chǎn)品互通

AI智能體能夠調(diào)動(dòng)其他產(chǎn)品進(jìn)行互動(dòng)，協(xié)調(diào)多個(gè)不同產(chǎn)品或設(shè)備，實(shí)現(xiàn)它們之間的交互與協(xié)同工作，從而為用戶提供更便捷、高效、智能的服務(wù)體驗(yàn)。

案例1：Gemini Agent上線租車功能，支持自動(dòng)比價(jià)、讀取郵箱及租車服務(wù)預(yù)訂，AI正逐步進(jìn)入端到端的生活服務(wù)領(lǐng)域。

案例2：OpenAI與Instacart合作，將“買菜”功能接入ChatGPT。用戶可在聊天中一邊討論菜譜，一邊生成購(gòu)物清單，并直接完成結(jié)賬，全程無(wú)需跳轉(zhuǎn)應(yīng)用。

案例3：Cursor為Cursor Browser推出全新可視化編輯器，將網(wǎng)頁(yè)、代碼與視覺(jué)編輯工具整合在同一窗口，支持拖拽調(diào)整界面、直接查看組件屬性與樣式，并通過(guò)自然語(yǔ)言指令快速修改，自動(dòng)同步至底層代碼。

案例4：谷歌將虛擬試穿門檻降至只需一張自拍，借助Gemini Nano Banana生成全身模型，將AI從可選趣味功能升級(jí)為低門檻、便捷實(shí)用的購(gòu)物入口，進(jìn)一步將搜索與電商融合為一體化、內(nèi)容驅(qū)動(dòng)的消費(fèi)場(chǎng)景。

案例5：谷歌推出Workspace Studio，將AI自動(dòng)化直接嵌入Gmail、日歷與文檔，開始重構(gòu)企業(yè)日常工作的操作層。

三、低操作門檻

通過(guò)簡(jiǎn)化決策、減少手動(dòng)操作、貼合用戶認(rèn)知習(xí)慣等方式，讓不同能力層級(jí)的用戶都能輕松享受AI服務(wù)帶來(lái)的價(jià)值。

案例1：Gemini Veo3.1正在小范圍測(cè)試“視頻模板庫(kù)”，用戶可在工具菜單中選擇或自定義模板快速生成視頻，讓“人人皆可做電影”成為可能。

案例2：靈光App上線可視化“科普動(dòng)畫生成”功能，將抽象科學(xué)原理自動(dòng)轉(zhuǎn)化為動(dòng)態(tài)演示，讓教育與科普內(nèi)容從純文字升級(jí)為“秒懂級(jí)”的可視化表達(dá)，鞏固了其在學(xué)習(xí)場(chǎng)景中的差異化優(yōu)勢(shì)。

案例3：知名組件庫(kù)shadcn推出shadcn create，提供可視化方式自定義基礎(chǔ)組件的結(jié)構(gòu)、間距、字體與風(fēng)格，并支持一鍵在Next、Vite、TanStack Start中啟動(dòng)生成主題，大幅降低構(gòu)建專屬設(shè)計(jì)系統(tǒng)的門檻。

案例4：Manus推出Design View，從“反復(fù)對(duì)話生成”逐步邁向“所見即改”的創(chuàng)作流程。

案例5：Google在Android版Google News中加入AI播客功能，將新聞自動(dòng)轉(zhuǎn)化為可收聽內(nèi)容，拓展了通勤、碎片時(shí)間等場(chǎng)景下的新聞消費(fèi)方式。

案例6：Grok iOS版新增多種語(yǔ)音喚醒模式（默認(rèn)、隔離、按住說(shuō)話），在不同環(huán)境下提升了語(yǔ)音交互的可控性，打磨出“隨時(shí)可用但不打擾”的語(yǔ)音入口，為AI助手向高頻、低負(fù)擔(dān)使用場(chǎng)景滲透鋪平道路。

案例7：亞馬遜旗下AI智能家居助手Alexa Plus上線網(wǎng)頁(yè)端入口，將原本以語(yǔ)音和音箱為核心的家居控制能力延伸到桌面與工作流中，使其成為更常用的日常AI助理。

技術(shù)的邊界在不斷拓寬，但設(shè)計(jì)的溫度始終取決于我們對(duì)“人”的底層關(guān)懷。在AI浪潮中，工具形態(tài)會(huì)隨算法不斷進(jìn)化，而用戶對(duì)尊重、高效與情感連接的需求從未改變。

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

• 釘釘成長(zhǎng)社區(qū)用全家福溫馨插畫，精準(zhǔn)擊中家長(zhǎng)記錄孩子成長(zhǎng)的心理，有效提升動(dòng)態(tài)發(fā)布活躍度。
• 用視覺(jué)氛圍降低參與門檻，讓用戶愿意主動(dòng)互動(dòng)、分享。

2. 熱點(diǎn)主題化：借勢(shì)營(yíng)造沉浸式氛圍

• 麥當(dāng)勞 App 頻繁推出品牌聯(lián)名主題，將界面背景、插畫、圖標(biāo)全面貼合聯(lián)名風(fēng)格，整體統(tǒng)一且辨識(shí)度極強(qiáng)。
• 從視覺(jué)到交互完整落地?zé)狳c(diǎn)氛圍，讓用戶感受到新鮮感與品牌趣味。

3. 情感化動(dòng)態(tài)：讓打卡更有儀式感

• 大眾點(diǎn)評(píng)打卡采用 IP 角色 + 定位符號(hào)動(dòng)畫，清晰傳遞 “真實(shí)到店” 的含義。
• 流暢動(dòng)效提升操作愉悅度，讓簡(jiǎn)單打卡變成有情緒反饋的小儀式。

4. 應(yīng)景天氣設(shè)計(jì)：把自然氛圍搬進(jìn)產(chǎn)品

• 蘋果天氣 App 在中秋夜晚同步展示圓月效果，與現(xiàn)實(shí)節(jié)氣高度呼應(yīng)。
• 隨季節(jié)、節(jié)日、天氣變化的視覺(jué)皮膚，讓產(chǎn)品更貼近生活、更有人情味。

5. 品牌化刷新：讓基礎(chǔ)操作貼合產(chǎn)品特質(zhì)

• 當(dāng)當(dāng) App 將刷新設(shè)計(jì)為 “開書→翻頁(yè)” 動(dòng)畫，完美契合圖書平臺(tái)定位。
• 把通用操作變成品牌小彩蛋，枯燥動(dòng)作也變得有趣。

6. 長(zhǎng)按快捷刪除：提升效率更人性化

• 淘寶通知列表支持長(zhǎng)按一鍵彈出刪除選項(xiàng)，可單條 / 全部清除。
• 減少滑動(dòng)、點(diǎn)按步驟，高效解決用戶痛點(diǎn)，更貼合使用習(xí)慣。

7. 多元頭像預(yù)設(shè)：降低設(shè)置門檻，強(qiáng)化 IP

• 貝殼找房提供微信頭像導(dǎo)入 + 專屬 IP 頭像選擇，選擇豐富、一鍵應(yīng)用。
• 既提升用戶頭像完成率，又持續(xù)曝光品牌 IP，情感化與品牌化雙贏。

8. 點(diǎn)亮城市足跡：用成就感驅(qū)動(dòng)用戶

• 高德地圖首次抵達(dá)新城市會(huì)自動(dòng)彈出歡迎提示，并點(diǎn)亮城市足跡。
• 用輕量玩法帶來(lái)即時(shí)成就感，激發(fā)用戶探索更多地點(diǎn)。

9. 晝夜視覺(jué)切換：讓界面隨時(shí)間更治愈

• 美團(tuán) “看病買藥” 個(gè)人中心，晝夜切換頂部背景與小藥箱 IP 動(dòng)作。
• 柔和的視覺(jué)變化，讓界面更有生命力，提升整體使用舒適度。

10. 多感官趣味：視覺(jué) + 觸覺(jué)打造沉浸互動(dòng)

• 馬蜂窩 AI 幫手 “十一實(shí)況” 結(jié)合重力感應(yīng)，旋轉(zhuǎn)手機(jī)即可觸發(fā)場(chǎng)景變化。
• 從視覺(jué)延伸到觸覺(jué)，讓互動(dòng)更真實(shí)、更有探索樂(lè)趣。

   

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。

人們認(rèn)為設(shè)計(jì)師是表面工作——設(shè)計(jì)師拿著盒子說(shuō)‘它看起來(lái)好！’這不是我認(rèn)為好的設(shè)計(jì)。設(shè)計(jì)可不只是看起來(lái)或者摸起來(lái)的樣子，設(shè)計(jì)考慮的是用它的感覺(jué)。 ——Steve Jobs 2003年11月30日《紐約時(shí)報(bào)》

在日常的 B 端產(chǎn)品調(diào)研支持過(guò)程中，我們研究員經(jīng)常會(huì)遇到這樣的場(chǎng)景：

“你們幫我看看，產(chǎn)品方案滿不滿足用戶需求？功能符不符合用戶預(yù)期？”

“（研發(fā)問(wèn)）功能上線的 ROI 是多少？用戶對(duì)這類功能是否有需求？解決了用戶什么問(wèn)題？”

“你們多找一些用戶驗(yàn)證一下 demo 方案行不行…”

無(wú)論是產(chǎn)品同學(xué)，還是設(shè)計(jì)同學(xué)，相信大家或多或少都會(huì)在需求文檔、設(shè)計(jì)文檔評(píng)審時(shí)被業(yè)務(wù)方、研發(fā)問(wèn)到方案可行性和落地價(jià)值等方面的“靈魂拷問(wèn)”，而這些疑惑同時(shí)也在拷問(wèn)我們研究員。那么作為研究員，我們是如何從用戶的角度去輔助產(chǎn)品同學(xué)和設(shè)計(jì)同學(xué)進(jìn)行敏捷的方案驗(yàn)證呢？

首先，我們先來(lái)了解什么是產(chǎn)品可用性測(cè)試？

可用性（Usability），被定義為一種用來(lái)衡量界面好用程度的屬性。好用程度的高低一般取決于以下五個(gè)要素：

1. 可學(xué)習(xí)性（Learnability）：初次接觸這個(gè)設(shè)計(jì)時(shí)，用戶完成基本任務(wù)的難易程度。
2. 效率（Efficiency）：用戶能多快完成任務(wù)。
3. 可記憶性（Memorability）：當(dāng)用戶一段時(shí)間沒(méi)有使用產(chǎn)品后，是否能馬上回到以前的熟練程度。
4. 出錯(cuò)（Errors）：用戶能否從錯(cuò)誤中恢復(fù)。
5. 滿意度（Satisfaction）：用戶對(duì)產(chǎn)品的主觀滿意度。

可用性測(cè)試主要用于驗(yàn)證產(chǎn)品的可用性，該方法能夠幫助產(chǎn)品同學(xué)和設(shè)計(jì)同學(xué)了解在實(shí)際使用情境中該設(shè)計(jì)方案（概念或創(chuàng)意）的質(zhì)量（評(píng)估是否可用/是否有效/用戶是否滿意），并在測(cè)試結(jié)果的基礎(chǔ)上進(jìn)行改進(jìn)。

換句話說(shuō)，可用性測(cè)試是觀察有代表性的用戶，讓用戶完成產(chǎn)品中的各項(xiàng)任務(wù)，了解用戶如何使用產(chǎn)品，界定出可用性問(wèn)題并解決這些問(wèn)題，讓業(yè)務(wù)、產(chǎn)品、設(shè)計(jì)、研發(fā)等上下游角色盡快對(duì)產(chǎn)品方案達(dá)成共識(shí)并積極優(yōu)化產(chǎn)品體驗(yàn)。

通過(guò)可用性測(cè)試，我們可以：

1. 了解用戶如何與產(chǎn)品進(jìn)行交互；
2. 了解用戶是否能夠完成指定任務(wù)；
3. 了解用戶需要多久才能完成指定任務(wù)；
4. 了解用戶對(duì)本品和競(jìng)品的滿意度；
5. 明確產(chǎn)品存在哪些需要優(yōu)化的可用性問(wèn)題；
6. 明確產(chǎn)品可用性情況及是否符合上線目標(biāo)；
7. 讓產(chǎn)設(shè)研團(tuán)隊(duì)在開發(fā)上線前發(fā)現(xiàn)問(wèn)題并解決。

那么，什么情況下可以做可用性測(cè)試？

在實(shí)際項(xiàng)目執(zhí)行中，我們通常會(huì)在幾個(gè)特定階段去進(jìn)行產(chǎn)品可用性測(cè)試，不同階段采取的調(diào)研方式也有所不同，所關(guān)注的內(nèi)容亦隨之變化。

（1）設(shè)計(jì)初始階段，我們通常會(huì)進(jìn)行前期用戶需求挖掘或相似產(chǎn)品使用情況分析，并基于需求概念設(shè)計(jì)出來(lái)的草圖方案進(jìn)行探索性可用性測(cè)試，來(lái)確定方案內(nèi)容和功能的范圍是否符合用戶預(yù)期方向和使用需求，以此初步評(píng)估草圖方案的有效性和可用性。因此，在該階段，我們常以紙張?jiān)蜏y(cè)試+定性深訪為主，先從認(rèn)知上與用戶保持一致，理解了用戶，做出來(lái)的產(chǎn)品方案更能貼近用戶訴求。

（2）灰度上線前，我們一般對(duì) demo 終稿進(jìn)行評(píng)估性可用性測(cè)試，向目標(biāo)用戶介紹新設(shè)計(jì)，同時(shí)盡可能保證 demo 稿是用戶能夠直觀測(cè)試使用的，以此來(lái)確定 demo 在功能滿足、信息布局、流程交互，甚至是視覺(jué)樣式上是否能夠提供良好的用戶體驗(yàn)。所以，在該階段我們更多會(huì)進(jìn)行面對(duì)面測(cè)試+可用性測(cè)試量表（SUS 量表），一般在會(huì)議室等固定安靜的環(huán)境中進(jìn)行，并要求用戶按既定任務(wù)測(cè)試操作，任務(wù)測(cè)試過(guò)程中不打斷用戶并觀察記錄用戶在關(guān)鍵流程環(huán)節(jié)使用中遇到的問(wèn)題，測(cè)試完成后向用戶提出問(wèn)題或進(jìn)一步探究原因。

（3）灰度上線或全量上線后，我們通常會(huì)對(duì)上線后的新方案進(jìn)行對(duì)比性可用性測(cè)試，通過(guò)灰度方式在同一時(shí)間維度下比較新方案和原方案的可用性反饋和用戶滿意度，確保方案在全量上線之前修復(fù)任何潛在問(wèn)題。因此，在該階段我們以 A/B 測(cè)試+場(chǎng)景化調(diào)研問(wèn)卷（如下圖所示）為主，通過(guò)用戶體驗(yàn)數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)來(lái)評(píng)估出最優(yōu)版本。

實(shí)際執(zhí)行中，我們?cè)趺醋隹捎眯詼y(cè)試？主要實(shí)施步驟有：

STEP1：設(shè)計(jì)任務(wù)

可用性測(cè)試的基礎(chǔ)是任務(wù)，任務(wù)測(cè)試內(nèi)容的好壞是能夠?qū)y(cè)試結(jié)果的準(zhǔn)確性有直接影響的。因此在招募用戶之前，需要對(duì)測(cè)試的產(chǎn)品方案進(jìn)行任務(wù)設(shè)計(jì)。比如，測(cè)試商家在 B 端營(yíng)銷系統(tǒng)報(bào)名營(yíng)銷活動(dòng)流程方案的任務(wù)可以是：報(bào)名一場(chǎng)雙 11 大促活動(dòng)。

在設(shè)計(jì)比較合適的測(cè)試任務(wù)時(shí)需要注意以下幾點(diǎn)：

1. 選擇最核心的功能或操作流程作為任務(wù)。產(chǎn)品最核心的功能和操作流往往是最頻繁被用戶使用的地方，假設(shè)最常用最核心的地方還存在可用性問(wèn)題，那么就算優(yōu)化了其他邊緣部分的可用性問(wèn)題，依舊是對(duì)產(chǎn)品整體體驗(yàn)于事無(wú)補(bǔ)。比如在商家報(bào)名大促活動(dòng)流程中，最核心的環(huán)節(jié)是查找活動(dòng)→選擇商品報(bào)名→跟蹤報(bào)名進(jìn)度，那么就需要重點(diǎn)將這部分作為測(cè)試任務(wù)。
2. 任務(wù)應(yīng)符合常規(guī)操作流程。在實(shí)際業(yè)務(wù)中，產(chǎn)品線的職責(zé)分工會(huì)比較細(xì)化，比如 A 產(chǎn)品會(huì)負(fù)責(zé) A 模塊，B 產(chǎn)品負(fù)責(zé) B 模塊…單一功能模塊的測(cè)試任務(wù)較多的情況下，如果各任務(wù)之間操作流無(wú)法串聯(lián)甚至是存在沖突的話，用戶測(cè)試的操作流就是不合常規(guī)的，也容易給參與測(cè)試的用戶帶來(lái)困擾。因此，我們研究員需要根據(jù)用戶操作習(xí)慣來(lái)進(jìn)行評(píng)估測(cè)試任務(wù)并設(shè)計(jì)串聯(lián)流程。
3. 為任務(wù)創(chuàng)建一個(gè)應(yīng)用場(chǎng)景。簡(jiǎn)單的場(chǎng)景描述會(huì)對(duì)用戶執(zhí)行任務(wù)有幫助。比如：任務(wù)是“報(bào)名一場(chǎng)雙 11 大促活動(dòng)”，我們可以創(chuàng)建這樣一個(gè)場(chǎng)景：你關(guān)注的雙 11 大促活動(dòng)報(bào)名時(shí)間開始了，你想上商家后臺(tái)去報(bào)名雙 11 大促，請(qǐng)登錄商家后臺(tái)來(lái)完成大促活動(dòng)報(bào)名。
4. 明確任務(wù)的起點(diǎn)和終點(diǎn)。用戶是否完成了任務(wù)的評(píng)估依據(jù)是：用戶是否從起點(diǎn)（頁(yè)面 A）到達(dá)了終點(diǎn)（頁(yè)面 B）。因此要明確起點(diǎn)和終點(diǎn)的定義，哪個(gè)頁(yè)面是起點(diǎn)？哪個(gè)是終點(diǎn)？比如：任務(wù)是“報(bào)名一場(chǎng)雙 11 大促活動(dòng)”，起點(diǎn)頁(yè)面就是商家后臺(tái)首頁(yè)，終點(diǎn)頁(yè)面就是提交報(bào)名素材成功的頁(yè)面。另外在評(píng)估是否到達(dá)終點(diǎn)頁(yè)面之外，還需要關(guān)注用戶在任務(wù)過(guò)程中的操作動(dòng)線、是否有效填答信息，若沒(méi)有，我們需要搞清楚背后原因是什么。
5. 任務(wù)不應(yīng)過(guò)于簡(jiǎn)單。若想測(cè)試用戶是否能夠找到某功能，不要用類似“找到 XX 功能按鈕”這類表述，我們應(yīng)該給用戶提供一個(gè)要處理的實(shí)際場(chǎng)景任務(wù)，比如不是“找到換品功能按鈕”而是“報(bào)名完成后想要重新?lián)Q品”。
6. 避免提供線索和描述操作步驟。任務(wù)只需要給出具體目標(biāo)即可，不需要給到測(cè)試用戶具體的操作步驟，不然會(huì)容易錯(cuò)過(guò)用戶在執(zhí)行任務(wù)過(guò)程中到某一環(huán)節(jié)可能存在的“意外問(wèn)題”，而這些“意外”恰恰是我們需要關(guān)注的。

STEP2：招募用戶

在招募用戶環(huán)節(jié)，最重要的是樣本數(shù)量的確定。在實(shí)際的可用性測(cè)試中，我們常常被產(chǎn)品同學(xué)或設(shè)計(jì)同學(xué)問(wèn)到：

“6 個(gè)用戶提出的問(wèn)題能代表全部么？”

“幾個(gè)用戶是不是太少了？他們提出的問(wèn)題是可靠么？”

諸如此類的樣本數(shù)量“挑戰(zhàn)”，不勝枚舉。人機(jī)交互博士 Jakob Nielsen 曾提出：“有 5 個(gè)人參加的用戶測(cè)試，即可發(fā)現(xiàn)大多數(shù)（85%）的產(chǎn)品可用性問(wèn)題。” Nielsen 這張經(jīng)典圖表（如下圖）告訴我們答案：一般最嚴(yán)重的問(wèn)題都是前幾名用戶發(fā)現(xiàn)的，隨著用戶數(shù)量增多，發(fā)現(xiàn)問(wèn)題逐漸減少。

當(dāng)然在實(shí)際執(zhí)行中也會(huì)存在一些局限性，比如只能發(fā)現(xiàn)問(wèn)題數(shù)量，但無(wú)法確定發(fā)現(xiàn)問(wèn)題的嚴(yán)重程度，因此還是需要從實(shí)際情況比如測(cè)試任務(wù)的復(fù)雜程度、人力資源的投入程度等等來(lái)確定招募樣本數(shù)量。

STEP3：前期準(zhǔn)備

1. 測(cè)試地點(diǎn)與工具準(zhǔn)備。比如安靜的會(huì)議室、電腦、錄音筆、錄屏軟件（錄制操作全程，便于后續(xù)回顧分析）等。
2. 任務(wù)相關(guān)資料準(zhǔn)備。如①數(shù)據(jù)收集表，如收集任務(wù)是否完成、完成時(shí)間、關(guān)鍵事件中遇到的體驗(yàn)問(wèn)題、滿意度；②訪談提綱，包含任務(wù)步驟、需要注意深挖的環(huán)節(jié)問(wèn)題等。比如，任務(wù)是“報(bào)名一場(chǎng)雙11大促活動(dòng)”，訪談驗(yàn)證sop示例：

STEP4：試點(diǎn)測(cè)試

試點(diǎn)前測(cè)的目的是針對(duì)整個(gè)測(cè)試流程和提綱進(jìn)行測(cè)試，便于前置發(fā)現(xiàn)流程和提綱中存在的問(wèn)題，及時(shí)優(yōu)化，避免造成真實(shí)測(cè)試用戶的資源浪費(fèi)。試點(diǎn)前測(cè)需要注意：

1. 訪談提綱的話術(shù)表達(dá)和任務(wù)流程的設(shè)計(jì)，是否能夠準(zhǔn)確讓用戶理解？
2. 提綱內(nèi)容是否透露了操作步驟，用戶是否很快完成任務(wù)？
3. 時(shí)間安排是否合理，用戶是否可以在規(guī)定時(shí)間內(nèi)完成任務(wù)？
4. 任務(wù)流程安排是否合理，用戶是否感到疑惑？

STEP5：觀察訪談

在觀察測(cè)試中，需要檢查用戶任務(wù)目標(biāo)和心理認(rèn)知是否可以順利執(zhí)行下一步操作，以此來(lái)發(fā)現(xiàn)可用性問(wèn)題，因此我們要對(duì)以下問(wèn)題做到心中有數(shù)：

在事后訪談中，有以下幾點(diǎn)小小訪談 tips：

1. 認(rèn)知習(xí)慣層面：首先了解用戶對(duì)方案功能的基本理解，比如是否能夠理解？理解的意思是什么？為什么會(huì)有這些理解等等，之前在這些環(huán)節(jié)中用戶的操作習(xí)慣是什么樣的？
2. 需求關(guān)注層面：用戶在這些環(huán)節(jié)關(guān)注哪些方面？然后再給用戶解釋每個(gè)功能方案的定位作用是什么，方案解決什么問(wèn)題。同時(shí)追問(wèn)用戶，就目前方案是否解決實(shí)際中的問(wèn)題，哪些問(wèn)題？以及還有哪些優(yōu)化的建議等等。盡管大多數(shù)人認(rèn)為不該直接問(wèn)用戶產(chǎn)品的優(yōu)化建議，用戶給到的結(jié)論也只是基于自身經(jīng)驗(yàn)的主觀想法，但是若根據(jù)用戶給到的答案繼續(xù)深挖“為什么”，可能會(huì)知道用戶真正想要達(dá)到的效果和預(yù)期是什么。
3. 切記不要上來(lái)就一通講解方案后就單純問(wèn)用戶你覺(jué)得好不好，應(yīng)該還要繼續(xù)往下追問(wèn)。因?yàn)檫@樣通過(guò)對(duì)用戶現(xiàn)有的行為習(xí)慣和需求關(guān)注的了解，才能夠判斷評(píng)估用戶說(shuō)的話是否邏輯自洽，才能夠驗(yàn)證方案是否能夠真正滿足用戶的需求，而不是偽需求。

STEP6：分析報(bào)告

一般情況下，可用性報(bào)告的內(nèi)容主要包含以下三方面：

1. 研究概述：測(cè)試目標(biāo)、樣本描述、研究方法等。
2. 問(wèn)題解讀：?jiǎn)栴}描述、原因解讀、嚴(yán)重程度及影響范圍評(píng)估、數(shù)據(jù)結(jié)果等。
3. 解決應(yīng)對(duì)：建議的解決方案。

最后的話

好的產(chǎn)品設(shè)計(jì)應(yīng)當(dāng)滿足以下特征：可用性、易用性、好用性且具有吸引力。每個(gè)特征都是為了能讓產(chǎn)品站穩(wěn)腳跟而存在的，倘若想要讓產(chǎn)品功能最終具備這些特征屬性，就離不開產(chǎn)品可用性測(cè)試的過(guò)程。

而且一個(gè)產(chǎn)品設(shè)計(jì)方案在沒(méi)有經(jīng)過(guò)用戶驗(yàn)證的情況下，容易在實(shí)際上線使用后出現(xiàn)一些隱性風(fēng)險(xiǎn)。而前置的設(shè)計(jì)驗(yàn)證，在一定程度上可以輔助我們產(chǎn)品功能在上線前發(fā)現(xiàn)問(wèn)題，改進(jìn)設(shè)計(jì)。

以上，共勉~希望能對(duì)大家有所啟發(fā)。

轉(zhuǎn)載：優(yōu)設(shè)

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。