一個(gè)普通的手機(jī)用戶，每天要觸摸、點(diǎn)擊、滑動(dòng)屏幕幾千次。而全世界數(shù)百萬(wàn)名UI/UX設(shè)計(jì)師，他們的核心工作，就是讓我們每一次交互都盡可能愉悅、高效。 但是谷歌前CEO埃里克·施密特，最近只用一句話，就幾乎給這個(gè)價(jià)值數(shù)千億美元的行業(yè)判了緩刑。

“傳統(tǒng)用戶界面（UI），在很大程度上將會(huì)消亡?！?/p>

這位曾執(zhí)掌谷歌十年的男人，毫不客氣地補(bǔ)了一刀：“為什么我們還要被困在50年前的古董里？” 我們每天觸摸的、設(shè)計(jì)師們賴(lài)以為生的按鈕、菜單、圖標(biāo)…都被打上了即將淘汰的標(biāo)簽。 也許，你現(xiàn)在盯著的這個(gè)界面，就是我們能看到的最后一代按鈕了。

1.意圖驅(qū)動(dòng)

這些判斷是施密特在參加知名科技播客MOONSHOTS時(shí)說(shuō)的。 他的原話： “我認(rèn)為，傳統(tǒng)用戶界面（UI）在很大程度上將會(huì)消亡。因?yàn)樽屑?xì)想想，智能代理通常能聽(tīng)懂自然語(yǔ)言。你可以和它們交談，告訴它們你想要什么，用戶界面甚至可以被即時(shí)生成。 我可以說(shuō)：給我生成一組按鈕來(lái)解決這個(gè)問(wèn)題，它就會(huì)為你生成。為什么我們還要被困在50年前施樂(lè)帕克研究中心發(fā)明的WIMP界面（窗口、圖標(biāo)、菜單、下拉框）里？我為什么還要停留在那個(gè)范式中？我只想讓它直接搞定?！?說(shuō)這些話的時(shí)候他語(yǔ)調(diào)很平靜，就像在講一個(gè)已經(jīng)確定的事實(shí)。

連馬斯克都忍不住贊同...

仔細(xì)想想，從1970年代開(kāi)始，我們的界面交互方式確實(shí)沒(méi)有本質(zhì)改變。 無(wú)論是早期的Mac，還是現(xiàn)在的iPhone，本質(zhì)上都是在點(diǎn)擊、拖拽、選擇，都是在用50年前的那套邏輯。

我們今天遵循的“WIMP”范式，確實(shí)源自上世紀(jì)70年代的施樂(lè)帕克研究中心。窗口（Windows）、圖標(biāo)（Icons）、菜單（Menus）、指針（Pointers），這四個(gè)字母幾乎定義了過(guò)去半個(gè)世紀(jì)我們與計(jì)算機(jī)互動(dòng)的一切。它是個(gè)偉大的發(fā)明，讓我們普通人也能看見(jiàn)并觸摸數(shù)字世界。 UI設(shè)計(jì)師就像一群手藝精湛的建筑師，在這套WIMP地基上蓋起了一座又一座華麗的大廈，精通這套系統(tǒng)的每一個(gè)規(guī)則，如何引導(dǎo)用戶的視線，如何設(shè)計(jì)出點(diǎn)擊率更高的按鈕，如何組織復(fù)雜的信息架構(gòu)。

但現(xiàn)在施密特告訴我們，地基要被抽走了。 就好像我們一生都在研究如何把馬車(chē)造得更華麗、更舒適、跑得更快，突然，亨利·福特開(kāi)著他的T型車(chē)從身邊經(jīng)過(guò)，留下一屁股尾氣，說(shuō)著：“未來(lái)，不需要馬了?！?這種感覺(jué)，五味雜陳。 一個(gè)沒(méi)有按鈕、沒(méi)有菜單的世界，會(huì)是什么樣子？ 施密特給出了一個(gè)聽(tīng)起來(lái)很玄乎的詞：意圖驅(qū)動(dòng)（Intent-Driven）。

打個(gè)比方。現(xiàn)在我們想聽(tīng)一首歌，操作是這樣的：解鎖手機(jī)（身份驗(yàn)證）→ 找到音樂(lè)App（圖標(biāo)） → 打開(kāi)App（點(diǎn)擊）→ 在搜索框輸入歌名（菜單/輸入框）→ 點(diǎn)擊搜索（按鈕） → 從結(jié)果列表中選擇正確的一項(xiàng)（列表）→ 點(diǎn)擊播放（按鈕）。 我其實(shí)是在一步步地指揮機(jī)器完成任務(wù)。 這很符合WIMP的邏輯，給你一套工具，你自己動(dòng)手，豐衣足食。

而意圖驅(qū)動(dòng)的邏輯是什么樣的？ 直接說(shuō)給我放首輕松點(diǎn)的歌，然后，音樂(lè)就響起來(lái)了。 比如現(xiàn)在想在手機(jī)上訂一張高鐵票，結(jié)果是這樣的：打開(kāi)12306 → 選擇出發(fā)地 → 選擇目的地 → 選擇日期 → 點(diǎn)擊查詢 → 在一堆車(chē)次里選擇 → 選擇座位 → 填寫(xiě)乘客信息 → 支付...足足十幾個(gè)步驟。 而我真正想要的，其實(shí)就是一句話："幫我訂明天下午去XX的高鐵票。" 這就是施密特說(shuō)的直接搞定。

區(qū)別就是我們從一個(gè)指揮官，變成了一個(gè)許愿的人。不再需要告訴機(jī)器如何做，只需要告訴AI我想要什么。

2.RICH

當(dāng)界面本身不再是設(shè)計(jì)的核心，那核心是什么？ 螞蟻設(shè)計(jì)團(tuán)隊(duì)提出了一個(gè)很有意思的詞，叫RICH設(shè)計(jì)范式。

這四個(gè)字母，我覺(jué)得特別精準(zhǔn)地描述了AI時(shí)代設(shè)計(jì)師的新方向。
R (Role 角色): 你的AI是個(gè)什么人設(shè)？是全知全能的管家，還是個(gè)有點(diǎn)呆萌的助手？它的性格，決定了它與用戶溝通的語(yǔ)氣和方式。
I (Intention 意圖): 用戶說(shuō)“我餓了”，他是想點(diǎn)外賣(mài)，還是想找個(gè)菜譜，或者只是在抱怨？洞察言語(yǔ)背后的真實(shí)意圖，是讓AI從人工智障變?nèi)斯ぶ悄艿年P(guān)鍵。
C (Conversation 對(duì)話): 設(shè)計(jì)的核心，從畫(huà)圖變成了設(shè)計(jì)對(duì)話流。如何提問(wèn)，如何澄清，如何在用戶卡殼時(shí)提供幫助？就像在寫(xiě)一個(gè)電影劇本，只不過(guò)主角是用戶和AI。
H (Hybrid 混合): AI也不是萬(wàn)能的。在復(fù)雜的任務(wù)里，一個(gè)清晰的圖表、一個(gè)熟悉的按鈕，可能比一百句語(yǔ)音提示都管用。什么時(shí)候該聊，什么時(shí)候該看，這種混合界面的設(shè)計(jì)，會(huì)是很大的挑戰(zhàn)和機(jī)遇。

你看這里面沒(méi)有一個(gè)詞是關(guān)于圓角或配色的。 設(shè)計(jì)師的工作，正在從一個(gè)視覺(jué)工種，快速地向一個(gè)更接近心理學(xué)、編劇和產(chǎn)品經(jīng)理的混合體轉(zhuǎn)變。

3.干貨時(shí)間

施密特能夠下這樣的斷言，還可能因?yàn)樽罱麲oogle發(fā)布了一個(gè)叫Stitch的AI工具。 以前做UI設(shè)計(jì)流程是這樣的：先畫(huà)線框圖，然后做原型，再做視覺(jué)稿，接著寫(xiě)代碼，最后測(cè)試調(diào)試...一個(gè)簡(jiǎn)單的頁(yè)面，怎么也得折騰好幾天。 但現(xiàn)在對(duì)著Stitch說(shuō)："給我設(shè)計(jì)一個(gè)深色主題的移動(dòng)端首頁(yè)，要有導(dǎo)航欄、用戶頭像卡片和浮動(dòng)操作按鈕。"幾秒鐘后，一個(gè)完整的界面就出現(xiàn)了，連HTML和CSS代碼都準(zhǔn)備好了，甚至可以直接粘貼到Figma里繼續(xù)編輯。

今天的干貨時(shí)間，就再給大家推薦@言川Artie的這篇《3分鐘生成UI源文件！實(shí)測(cè)谷歌最新UI設(shè)計(jì)神器Google Stitch》帶大家親眼看看如今的AI直出UI已經(jīng)能做到什么地步，也對(duì)未來(lái)可能的發(fā)展有個(gè)直觀的印象。

提示詞： Design a modern and user-friendly fitness mobile app interface. The app should feature a bottom navigation bar with four tabs: Home: Display a dashboard summarizing daily workout progress, calories burned, and quick access to personalized workout plans. Workouts: Provide a list of workout routines categorized by type, duration, and difficulty, allowing users to select and view detailed instructions. Shop: Feature fitness-related products such as apparel, equipment, and supplements, with options to filter and search items. Profile: Show user information, workout history, achievements, and settings.

提示詞： Design a sleek, user-friendly shoe-selling mobile app featuring a homepage with promotional banners, product listings with filters (brand, size, price), detailed product pages with images and reviews, a shopping cart, and a secure checkout process.

感興趣的朋友可以直接去看：uisdc.com/google-stitch

覺(jué)得今天內(nèi)容不錯(cuò)的話，歡迎關(guān)注點(diǎn)贊支持一波，每日用熱點(diǎn)解鎖AI知識(shí)~

卓越的設(shè)計(jì)，本身就應(yīng)該是無(wú)感的。 界面消失，意圖直達(dá)， 這本來(lái)就是設(shè)計(jì)師追求的境界。只不過(guò)在過(guò)去，我們通過(guò)精妙的視覺(jué)設(shè)計(jì)和交互流程來(lái)無(wú)限接近這個(gè)目標(biāo)。而現(xiàn)在，AI給了我們一個(gè)作弊碼，一個(gè)可以直接抵達(dá)這個(gè)目標(biāo)的可能性。 我們即將設(shè)計(jì)的，不再是一個(gè)個(gè)孤立的界面，而是一個(gè)充滿無(wú)限可能的未來(lái)。 也許再過(guò)幾年，以后的小孩子看到現(xiàn)在的UI界面時(shí)，會(huì)覺(jué)得很奇怪："為什么以前的人要點(diǎn)這么多按鈕才能做一件事？" 就像我們現(xiàn)在看DOS命令行一樣。