你知道那種滾動頁面的瞬間嗎？嗖——感覺網(wǎng)站好像已經(jīng)知道你想要什么了？沒錯，這就是人工智能在幕后運作。如今的用戶體驗設計不再只是按鈕或漂亮的顏色。感覺就像……界面在和你一起思考。有點詭異，也有點酷。

Netflix 的界面、亞馬遜的產(chǎn)品推薦，甚至ChatGPT UI 等工具都展現(xiàn)了人工智能如何改變游戲規(guī)則。而且，就連 Plerdy SEO Analyzer 或 Visual Inspector 等 Chrome 擴展程序也加入了這場革命。

為什么這很重要？因為如果你的設計還停留在 2015 年的水平，用戶很快就會跳出。

為什么傳統(tǒng)的用戶體驗規(guī)則不再有效

將顯示縮放圖像

說實話——舊的用戶體驗設計已經(jīng)行不通了。用戶的行為不再像以前那樣。他們不再遵循你漂亮的布局。他們滾動得太快。他們瘋狂點擊。他們像忍者一樣跳過橫幅。你那簡潔的設計？現(xiàn)在都消失了。

我在測試的一家網(wǎng)店里看到了這種情況。看起來不錯。但當我們查看熱力圖時，發(fā)現(xiàn)大多數(shù)用戶根本沒看過側邊欄。就好像它根本不存在一樣。就在那時，我想——好吧，也許是時候放棄傳統(tǒng)的用戶體驗“規(guī)則”了，開始相信人們的實際行為。

靜態(tài)設計滿足動態(tài)期望

用戶想要快速、智能、響應迅速的用戶界面。但傳統(tǒng)的設計呢？它只是僵硬、靜止，就像沒有遙控器的老電視一樣。你點擊某個按鈕……除非你強制操作，否則什么也不會改變。這才是糟糕的用戶體驗。

您是否注意到：

• 菜單永遠停留在同一個地方
• 滾動感覺就像一條漫長而無聊的隧道
• 橫幅彈出，但沒人看

是的。這就是為什么靜態(tài)用戶體驗不再有效。設計必須隨著用戶而動，而不是僅僅停留在外觀上。

預測性用戶體驗的興起

這部分很瘋狂。預測性用戶體驗意味著人工智能會觀察用戶的行為——他們點擊了哪里，跳過了什么——然后自動更改下次訪問的界面。也就是說，你不用再猜測了。人工智能知道。

TikTok？預測性。亞馬遜？也一樣。就連Netflix也會根據(jù)你觀看的內(nèi)容改變圖像。這不是魔法——而是用戶體驗設計中的人工智能。

而且你不需要一個價值數(shù)十億美元的團隊。你可以輕松地測試。上周我用了 Plerdy SEO Analyzer，它能告訴我哪些內(nèi)容塊值得關注，哪些不值得。它甚至還能提供修復元標簽、標題和可讀性的人工智能技巧。這對于我們這樣的用戶體驗人員來說意義重大。

舊用戶體驗關注的是“好看”。新用戶體驗關注的是“反應快”。設計如今充滿活力。如果它不再活躍，你的用戶可能已經(jīng)流失了。

人工智能在個性化用戶體驗中的作用

將顯示縮放圖像

你有沒有打開一個網(wǎng)站，感覺就像——等等，這個頁面認識我？這不是魔法。這是人工智能在后臺運行，讓用戶體驗比你的晨間播放列表更個性化。而且，這不僅僅是谷歌或Meta的專利。現(xiàn)在，即使是小型團隊也會使用人工智能工具來針對每一位用戶調整設計。

用戶體驗不再是千篇一律的布局。現(xiàn)在，設計需要做出反應、進行調整，有時甚至在用戶說出之前就能猜測他們想要什么。沒錯，人工智能非常擅長猜測。

去年我?guī)椭^的一家網(wǎng)店就出現(xiàn)了這種情況。我們添加了AI驅動的產(chǎn)品區(qū)塊，它會根據(jù)用戶之前的操作進行調整。結果如何？短短兩周內(nèi)，轉化率就提升了21%。這可不是理論，而是真實的數(shù)據(jù)。所以，如果你的用戶體驗仍然在等待用戶操作，而不是預測用戶行為，那么你可能已經(jīng)落后了。

以下是推動現(xiàn)代個性化用戶體驗的因素：

• 行為模式
• 基于意圖的設計轉變
• 實時 UI 決策

這不是未來，而是現(xiàn)在。用戶已經(jīng)對此有所期待。

人工智能實時推薦

它的工作原理如下：用戶點擊一個產(chǎn)品。突然，下一個版塊就變了。不同的推薦、新的橫幅，甚至可能是另一個行動號召 (CTA)。無需重新加載，無需等待。這就是實時個性化。AI 會跟蹤用戶操作并立即更新設計。

我曾與波蘭一家小型電商合作。我們使用了一種工具，可以查看點擊歷史記錄，然后推送“智能區(qū)塊”——一些顯示更匹配的小設計元素。用戶在網(wǎng)站上停留的時間更長了。跳出率下降了 15%。這就是人工智能提升用戶體驗的成果。

想想 Dynamic Yield 或 Plerdy SEO Analyzer 這樣的工具——它們能幫你了解哪些內(nèi)容效果顯著，以及哪些方面可以提升價值。它們不僅僅基于屏幕尺寸，還基于實際操作。這幾乎就像網(wǎng)站現(xiàn)在有了大腦一樣。

相信我，一旦你嘗試過，就不會再回頭了。

自適應布局與響應式設計

現(xiàn)在，不要混淆響應式和自適應——它們聽起來很相似，但本質上并不相同。響應式設計只是根據(jù)設備改變布局。平板電腦？更小的按鈕。手機？折疊菜單。僅此而已。

但自適應布局更深入。人工智能會檢查用戶的行為——快速滾動、不點擊、來回滑動——并實時調整設計。它可能會隱藏菜單，或者將浮動按鈕向上推。這就是用戶體驗變得智能的地方。

Netflix 也這么做。如果你經(jīng)常暫停，他們會把控制鍵移得更近。亞馬遜會根據(jù)滾動深度調整產(chǎn)品行。這不是 CSS 媒體查詢，而是 AI 在讀懂你的想法。

沒錯，響應式設計固然很好，但自適應性呢？這才是本能的設計。人工智能讓用戶體驗不僅實用，更令人難忘。

幫助你分析人工智能驅動的用戶體驗的 Chrome 擴展程序

我不太喜歡猜測，尤其是在用戶體驗設計方面。你添加了一些人工智能驅動的區(qū)塊，但你不知道用戶是否能看到它？這就是為什么我開始使用 Chrome 擴展程序進行用戶體驗測試。它們不是昂貴的大型工具，而是快速、簡單的插件，可以展示真實的情況。有些我每天都會用，有些則只用于 A/B 測試。但當人工智能擾亂你的布局時，它們結合起來會非常有幫助。

這是我的首選組合：

• Plerdy 分析網(wǎng)站— 滾動和熱點擊行為
• Lighthouse——用于設計缺陷和用戶體驗可訪問性
• 可視化檢查器 ——用于動態(tài)編輯和共享設計調整
• Plerdy SEO 分析器— 用于檢查內(nèi)容結構和 AI 提示

相信我，當您的用戶體驗由人工智能驅動并且您希望確保用戶不會迷失在“智能”布局中時，這種組合會非常有效。

Plerdy 分析網(wǎng)站— 用戶體驗模式和熱圖

將顯示縮放圖像

在任何重新設計之前，我都會先運行這個工具。即使是在競爭對手的網(wǎng)站上，它也能顯示滾動深度、熱門點擊區(qū)域以及沒人觸及的區(qū)域。你甚至不需要在他們的網(wǎng)站上安裝任何東西——它就能正常工作。

它幫助我發(fā)現(xiàn)，40% 的用戶會跳過一位客戶主頁上的產(chǎn)品橫幅。我們將橫幅位置下移，并修改了 CTA，跳出率下降了。快速簡潔的用戶體驗贏得了勝利。

Lighthouse — 核心用戶體驗指標和可訪問性洞察

將顯示縮放圖像

這個插件內(nèi)置于 Chrome 瀏覽器內(nèi)，無需安裝。當我想知道我的設計是否真的有效時，我會使用它——加載速度快、布局無偏移、對比度好、移動端視圖清晰。

有一次，AI 在我工作的主頁上添加了一個漂亮的輪播圖。看起來很漂亮。但 Lighthouse 顯示，它的加載速度降低了 1.6 秒。移動評分也下降了。我們把它移除了。頁面體驗好上百倍。

它還會檢查可訪問性，這是良好用戶體驗的一部分。如果您的字體太小或背景顏色太淡——Lighthouse 會直接告訴您。毫不留情。

Visual Inspector — 實時編輯與協(xié)作

將顯示縮放圖像

說實話，當我不想碰代碼的時候，我會用這個。你只需點擊一下，更改顏色，移動一個塊——就搞定了。非常適合演示，或者當客戶說“你能把那個按鈕移開一點嗎？”的時候。

另一個很酷的功能是：你可以添加評論或與團隊分享預覽。它讓反饋更容易，設計也更有趣。當AI做出奇怪的布局，而你需要快速“人工修復”時，這是一個很棒的工具。

Plerdy SEO 分析器— 實時內(nèi)容和結構審核

將顯示縮放圖像

這個工具簡直是救星。我在一個包含 AI 生成版塊的博客上測試了它。它在幾秒鐘內(nèi)就幫我完成了一次完整的 SEO 審核。它可以檢查標題、文本可讀性、關鍵詞密度，甚至還能顯示內(nèi)容中哪些部分比較薄弱。

最棒的是？它能提供真正的 AI 提示。比如，“這個標題太長了”或“這里缺少 H2 按鈕”。所以，當 AI 搞亂了你的頁面結構時，這個擴展程序會準確地告訴你該如何修復。沒有廢話，只有直接的建議，讓用戶體驗更強大。

需要分析人工智能如何影響你的用戶體驗嗎？這些擴展程序不僅能為你展示數(shù)字，還能幫助你了解用戶的感受。而這才是真正的設計發(fā)生的地方。

A/B 測試 AI 驅動的 UI 決策

將顯示縮放圖像

有時人工智能會給出很酷的想法。但并非所有想法都對真實用戶有益。這聽起來可能顯而易見，但測試人工智能生成的設計是絕對必要的。即使用戶體驗看起來很棒，也并不意味著人們會點擊或滾動。設計需要驗證。用戶體驗需要行為數(shù)據(jù)。否則，它就只是猜測。

我記得我做過一個測試——我們用人工智能修改了主頁布局。它擁有智能用戶體驗、自適應設計，看起來很新穎。但用戶互動性很差。滾動地圖很冷門。我們把CTA（行動號召）移到了更高的位置，改變了按鈕樣式——A /B測試之后，點擊率躍升了31%。這就是測試的作用。

人工智能雖然強大，但卻無法解讀人類的情感。A/B 測試可以幫助你的用戶體驗匹配真實的用戶，而不僅僅是算法。

從假設到熱圖

假設AI告訴你要更改UI布局。新的結構。新的區(qū)塊。聽起來很棒。但你怎么知道這對設計有幫助呢？

測試一下，就這么簡單。我總是從一個小想法開始——比如改變標題順序或移動定價區(qū)塊。然后我會用 Plerdy Analyze Websites 來觀察真實用戶的行為。這個工具可以顯示熱圖、滾動深度和點擊次數(shù)。它對于測試動態(tài)用戶體驗非常方便。

以下是我的做法：

1. 通過新的用戶體驗創(chuàng)建 AI 變體
2. 根據(jù)實際點擊跟蹤交互模式
3. 審查每個設計元素的滾動、彈跳和行為

設計的意義不在于看起來有多酷，而在于用戶實際使用的內(nèi)容。這就是為什么我從來不會在沒有檢查行為數(shù)據(jù)的情況下發(fā)布新的UI。即使是最聰明的AI創(chuàng)意，如果用戶體驗不能與人產(chǎn)生共鳴，也會失敗。

通過內(nèi)容審核衡量結果

現(xiàn)在讓我們將設計和 SEO 結合起來。因為現(xiàn)代用戶體驗不僅僅關乎布局或按鈕。它還關乎內(nèi)容的體驗、閱讀方式以及搜索引擎的運作方式。

每次 A/B 測試后，我都會用 Plerdy SEO Analyzer。它會檢查內(nèi)容是否仍然遵循良好的結構。它會顯示標題是否正確，關鍵詞是否仍然有效，以及 AI 是否改寫了某些錯誤的內(nèi)容。有一次，AI 把 H2 改成了一個笑話——流量就下降了。一點也不好笑。

分析器幾分鐘內(nèi)就幫我解決了問題。我再次調整了設計。用戶體驗變得更簡潔了。SEO流量也回來了。

所以，沒錯——用AI來改進UI和設計，但千萬別跳過測試。沒有測試的UX是沒有未來的。

用戶體驗的未來是人工智能

將顯示縮放圖像

用戶體驗不再僅僅依靠人工智能。用戶體驗正在成為人工智能。這是事實。而且，這并非科幻故事。它已經(jīng)存在。你瀏覽TikTok——這就是人工智能驅動的用戶體驗。你在亞馬遜上購物——整個產(chǎn)品頁面都會根據(jù)你過去的行為進行調整。設計不再是一成不變的。它變得智能、靈活，當然，還有點令人毛骨悚然。但這是一種好的方面。

我相信這不是一種“趨勢”。這是新的基礎。沒有人工智能的用戶體驗會讓人感覺陳舊、緩慢、愚蠢。而且用戶不會等待。如果你的設計不能理解用戶的想法，他們兩秒后就會離開。

我們不能再把人工智能僅僅視為一個插件了。它是界面的新大腦。它控制著設計如何運作，用戶如何移動，以及他們看到什么。如果你還沒有這樣想過……那么，是時候開始了。

從AI支持的用戶體驗到AI創(chuàng)建的用戶體驗

最瘋狂的部分來了。以前，AI 只是在內(nèi)容方面提供幫助，比如提供一些文字和一些布局建議。現(xiàn)在，它構建了整個用戶體驗，包括結構、按鈕、哪些內(nèi)容先顯示、哪些內(nèi)容會消失——所有的一切。像 Galileo AI 或 Uizard 這樣的 AI 工具可以在幾分鐘內(nèi)創(chuàng)建完整的界面模型，真正的原型。你只需要給出一個簡短的提示。

即使是像 Booking.com 這樣的大型公司，也使用 AI 來設計和運行數(shù)千個 UI 測試，無需人工干預。這并非為了節(jié)省時間，而是為了更智能的用戶體驗。更快的決策，更優(yōu)的結果。

有些設計師感到害怕。我理解。但你知道嗎？如果人工智能能讓用戶體驗更簡潔，設計更實用——我完全支持。

成為 AI 優(yōu)先設計師

你不需要成為一名程序員，也不需要構建自己的模型。但你需要改變思維。別再問：“我該如何在這里添加人工智能？” 而是要問：“如果從一開始就由人工智能掌控，設計會是什么樣子？”

從您熟悉的工具入手。使用 Plerdy SEO Analyzer 檢查 AI 如何影響內(nèi)容結構。在 Plerdy Analyze Websites 中試用熱圖，看看哪些方法有效。多考慮用戶行為，少考慮固定的網(wǎng)格。

AI優(yōu)先的思維模式意味著：你的設計會生存、學習并適應。這才是真正的用戶體驗。

結論

如果你仍然認為人工智能只是一種趨勢，那你就錯過了全局。人工智能并非要扼殺用戶體驗設計，而是要大力推動它的發(fā)展。它就像渦輪增壓模式一樣。你，設計師，仍然是規(guī)則的制定者。但現(xiàn)在，人工智能可以幫助你打破那些枯燥乏味的規(guī)則。像 Plerdy、Uizard甚至Figma AI 這樣的工具，它們并非取代技能，而是加速了創(chuàng)造奇跡。所以，不要抗拒，要利用它。在用戶點擊離開之前，提升你的用戶體驗。

蘭亭妙微(m.lzhte.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan

UI 設計中的情感化設計是設計師基于滿足產(chǎn)品功能性和易用性后，設計出滿足用戶更高層級需求的創(chuàng)意表達工具，其目的是賦予產(chǎn)品情感以增加用戶粘性、樹立品牌形象以增強用戶認知、引導用戶操作以達成設計目的，可從本能層次（視覺）、行為層次（交互）和反思層次（思維）融入情感化設計，如視覺層次用獨特 IP 形象、風格明確的規(guī)范化設計和擬人化動作，交互層次遵循操作前可預知等原則，思維層次明確服務者定位等，如此才能設計出以人為本的產(chǎn)品。

本次發(fā)布的是自助簽到機，頁面邏輯很簡單，沒有復雜之處，功能也是簡單粗暴；受設備的影響一直秉持保持界面美觀的情況下更注重用戶實用性；

收集了 多 個 UI 和 UX 設計小技巧，涵蓋視覺設計、排版、色彩、交互等多方面，包括通過微妙邊界或多重陰影讓元素更清晰、減少標題字母間距以實現(xiàn)視覺平衡、確保圖標風格一致、適當留白使設計更透氣、20pt 字體提升長文本閱讀體驗、基于字體比例定義字號集、選擇基本色并通過色調和陰影增加一致性、移動端登錄允許用戶隨時跳過并將跳過鏈接放在拇指易觸及位置、確保陰影來自同一光源、合理進行圖層管理、通過色彩對比度等突出重要元素、錯誤時添加視覺輔助、移動端創(chuàng)建足夠大熱區(qū)、保持文字與圖像對比度等，這些技巧能通過最小調整改善設計細節(jié)和用戶體驗。

UI 設計需懂用戶心理學，感知受過去經(jīng)驗、當前環(huán)境和未來目標影響，因此設計要避免歧義、保持一致并理解用戶目標；格式塔心理學的接近性、相似性等原則可用于優(yōu)化界面層次和用戶體驗；同時要降低信息噪音讓用戶專注，考慮到人天生不愛閱讀的特性，需優(yōu)化信息設計，減少文字量、提升可讀性，這些都基于人類認知和心理學，能幫助設計師做出更符合用戶需求的設計。

在設計一個優(yōu)秀的互聯(lián)網(wǎng)產(chǎn)品時，設計流程往往分為幾個階段，每個階段都有清晰的目標和方法。這不僅幫助我們找到真正的用戶需求，也確保設計思路清晰、可執(zhí)行。下面，我們用簡單易懂的方式來講解整個設計流程。

交互設計( interaction design, IXD )，從字面上來說，交互即為相互作用相互影響，設計即為理解與傳達。在互聯(lián)網(wǎng)產(chǎn)品中，交互設計對用戶體驗產(chǎn)生很大的影響。本文將圍繞交互設計進行分析，與你分享。