<dfn id="sm46c"></dfn>
2025-7-29 杰睿 交互設(shè)計(jì)及用戶體驗(yàn)
你知道那種滾動(dòng)頁面的瞬間嗎？嗖——感覺網(wǎng)站好像已經(jīng)知道你想要什么了？沒錯(cuò)，這就是人工智能在幕后運(yùn)作。如今的用戶體驗(yàn)設(shè)計(jì)不再只是按鈕或漂亮的顏色。感覺就像……界面在和你一起思考。有點(diǎn)詭異，也有點(diǎn)酷。
Netflix 的界面、亞馬遜的產(chǎn)品推薦，甚至ChatGPT UI 等工具都展現(xiàn)了人工智能如何改變游戲規(guī)則。而且，就連 Plerdy SEO Analyzer 或 Visual Inspector 等 Chrome 擴(kuò)展程序也加入了這場(chǎng)革命。
為什么這很重要？因?yàn)槿绻愕脑O(shè)計(jì)還停留在 2015 年的水平，用戶很快就會(huì)跳出。
說實(shí)話——舊的用戶體驗(yàn)設(shè)計(jì)已經(jīng)行不通了。用戶的行為不再像以前那樣。他們不再遵循你漂亮的布局。他們滾動(dòng)得太快。他們瘋狂點(diǎn)擊。他們像忍者一樣跳過橫幅。你那簡(jiǎn)潔的設(shè)計(jì)？現(xiàn)在都消失了。
我在測(cè)試的一家網(wǎng)店里看到了這種情況。看起來不錯(cuò)。但當(dāng)我們查看熱力圖時(shí)，發(fā)現(xiàn)大多數(shù)用戶根本沒看過側(cè)邊欄。就好像它根本不存在一樣。就在那時(shí)，我想——好吧，也許是時(shí)候放棄傳統(tǒng)的用戶體驗(yàn)“規(guī)則”了，開始相信人們的實(shí)際行為。
靜態(tài)設(shè)計(jì)滿足動(dòng)態(tài)期望
用戶想要快速、智能、響應(yīng)迅速的用戶界面。但傳統(tǒng)的設(shè)計(jì)呢？它只是僵硬、靜止，就像沒有遙控器的老電視一樣。你點(diǎn)擊某個(gè)按鈕……除非你強(qiáng)制操作，否則什么也不會(huì)改變。這才是糟糕的用戶體驗(yàn)。
您是否注意到：
是的。這就是為什么靜態(tài)用戶體驗(yàn)不再有效。設(shè)計(jì)必須隨著用戶而動(dòng)，而不是僅僅停留在外觀上。
預(yù)測(cè)性用戶體驗(yàn)的興起
這部分很瘋狂。預(yù)測(cè)性用戶體驗(yàn)意味著人工智能會(huì)觀察用戶的行為——他們點(diǎn)擊了哪里，跳過了什么——然后自動(dòng)更改下次訪問的界面。也就是說，你不用再猜測(cè)了。人工智能知道。
TikTok？預(yù)測(cè)性。亞馬遜？也一樣。就連Netflix也會(huì)根據(jù)你觀看的內(nèi)容改變圖像。這不是魔法——而是用戶體驗(yàn)設(shè)計(jì)中的人工智能。
而且你不需要一個(gè)價(jià)值數(shù)十億美元的團(tuán)隊(duì)。你可以輕松地測(cè)試。上周我用了 Plerdy SEO Analyzer，它能告訴我哪些內(nèi)容塊值得關(guān)注，哪些不值得。它甚至還能提供修復(fù)元標(biāo)簽、標(biāo)題和可讀性的人工智能技巧。這對(duì)于我們這樣的用戶體驗(yàn)人員來說意義重大。
舊用戶體驗(yàn)關(guān)注的是“好看”。新用戶體驗(yàn)關(guān)注的是“反應(yīng)快”。設(shè)計(jì)如今充滿活力。如果它不再活躍，你的用戶可能已經(jīng)流失了。
你有沒有打開一個(gè)網(wǎng)站，感覺就像——等等，這個(gè)頁面認(rèn)識(shí)我？這不是魔法。這是人工智能在后臺(tái)運(yùn)行，讓用戶體驗(yàn)比你的晨間播放列表更個(gè)性化。而且，這不僅僅是谷歌或Meta的專利。現(xiàn)在，即使是小型團(tuán)隊(duì)也會(huì)使用人工智能工具來針對(duì)每一位用戶調(diào)整設(shè)計(jì)。
用戶體驗(yàn)不再是千篇一律的布局。現(xiàn)在，設(shè)計(jì)需要做出反應(yīng)、進(jìn)行調(diào)整，有時(shí)甚至在用戶說出之前就能猜測(cè)他們想要什么。沒錯(cuò)，人工智能非常擅長(zhǎng)猜測(cè)。
去年我?guī)椭^的一家網(wǎng)店就出現(xiàn)了這種情況。我們添加了AI驅(qū)動(dòng)的產(chǎn)品區(qū)塊，它會(huì)根據(jù)用戶之前的操作進(jìn)行調(diào)整。結(jié)果如何？短短兩周內(nèi)，轉(zhuǎn)化率就提升了21%。這可不是理論，而是真實(shí)的數(shù)據(jù)。所以，如果你的用戶體驗(yàn)仍然在等待用戶操作，而不是預(yù)測(cè)用戶行為，那么你可能已經(jīng)落后了。
以下是推動(dòng)現(xiàn)代個(gè)性化用戶體驗(yàn)的因素：
這不是未來，而是現(xiàn)在。用戶已經(jīng)對(duì)此有所期待。
人工智能實(shí)時(shí)推薦
它的工作原理如下：用戶點(diǎn)擊一個(gè)產(chǎn)品。突然，下一個(gè)版塊就變了。不同的推薦、新的橫幅，甚至可能是另一個(gè)行動(dòng)號(hào)召 (CTA)。無需重新加載，無需等待。這就是實(shí)時(shí)個(gè)性化。AI 會(huì)跟蹤用戶操作并立即更新設(shè)計(jì)。
我曾與波蘭一家小型電商合作。我們使用了一種工具，可以查看點(diǎn)擊歷史記錄，然后推送“智能區(qū)塊”——一些顯示更匹配的小設(shè)計(jì)元素。用戶在網(wǎng)站上停留的時(shí)間更長(zhǎng)了。跳出率下降了 15%。這就是人工智能提升用戶體驗(yàn)的成果。
想想 Dynamic Yield 或 Plerdy SEO Analyzer 這樣的工具——它們能幫你了解哪些內(nèi)容效果顯著，以及哪些方面可以提升價(jià)值。它們不僅僅基于屏幕尺寸，還基于實(shí)際操作。這幾乎就像網(wǎng)站現(xiàn)在有了大腦一樣。
相信我，一旦你嘗試過，就不會(huì)再回頭了。
自適應(yīng)布局與響應(yīng)式設(shè)計(jì)
現(xiàn)在，不要混淆響應(yīng)式和自適應(yīng)——它們聽起來很相似，但本質(zhì)上并不相同。響應(yīng)式設(shè)計(jì)只是根據(jù)設(shè)備改變布局。平板電腦？更小的按鈕。手機(jī)？折疊菜單。僅此而已。
但自適應(yīng)布局更深入。人工智能會(huì)檢查用戶的行為——快速滾動(dòng)、不點(diǎn)擊、來回滑動(dòng)——并實(shí)時(shí)調(diào)整設(shè)計(jì)。它可能會(huì)隱藏菜單，或者將浮動(dòng)按鈕向上推。這就是用戶體驗(yàn)變得智能的地方。
Netflix 也這么做。如果你經(jīng)常暫停，他們會(huì)把控制鍵移得更近。亞馬遜會(huì)根據(jù)滾動(dòng)深度調(diào)整產(chǎn)品行。這不是 CSS 媒體查詢，而是 AI 在讀懂你的想法。
沒錯(cuò)，響應(yīng)式設(shè)計(jì)固然很好，但自適應(yīng)性呢？這才是本能的設(shè)計(jì)。人工智能讓用戶體驗(yàn)不僅實(shí)用，更令人難忘。
我不太喜歡猜測(cè)，尤其是在用戶體驗(yàn)設(shè)計(jì)方面。你添加了一些人工智能驅(qū)動(dòng)的區(qū)塊，但你不知道用戶是否能看到它？這就是為什么我開始使用 Chrome 擴(kuò)展程序進(jìn)行用戶體驗(yàn)測(cè)試。它們不是昂貴的大型工具，而是快速、簡(jiǎn)單的插件，可以展示真實(shí)的情況。有些我每天都會(huì)用，有些則只用于 A/B 測(cè)試。但當(dāng)人工智能擾亂你的布局時(shí)，它們結(jié)合起來會(huì)非常有幫助。
這是我的首選組合：
相信我，當(dāng)您的用戶體驗(yàn)由人工智能驅(qū)動(dòng)并且您希望確保用戶不會(huì)迷失在“智能”布局中時(shí)，這種組合會(huì)非常有效。
Plerdy 分析網(wǎng)站— 用戶體驗(yàn)?zāi)Ｊ胶蜔釄D
在任何重新設(shè)計(jì)之前，我都會(huì)先運(yùn)行這個(gè)工具。即使是在競(jìng)爭(zhēng)對(duì)手的網(wǎng)站上，它也能顯示滾動(dòng)深度、熱門點(diǎn)擊區(qū)域以及沒人觸及的區(qū)域。你甚至不需要在他們的網(wǎng)站上安裝任何東西——它就能正常工作。
它幫助我發(fā)現(xiàn)，40% 的用戶會(huì)跳過一位客戶主頁上的產(chǎn)品橫幅。我們將橫幅位置下移，并修改了 CTA，跳出率下降了。快速簡(jiǎn)潔的用戶體驗(yàn)贏得了勝利。
Lighthouse — 核心用戶體驗(yàn)指標(biāo)和可訪問性洞察
這個(gè)插件內(nèi)置于 Chrome 瀏覽器內(nèi)，無需安裝。當(dāng)我想知道我的設(shè)計(jì)是否真的有效時(shí)，我會(huì)使用它——加載速度快、布局無偏移、對(duì)比度好、移動(dòng)端視圖清晰。
有一次，AI 在我工作的主頁上添加了一個(gè)漂亮的輪播圖。看起來很漂亮。但 Lighthouse 顯示，它的加載速度降低了 1.6 秒。移動(dòng)評(píng)分也下降了。我們把它移除了。頁面體驗(yàn)好上百倍。
它還會(huì)檢查可訪問性，這是良好用戶體驗(yàn)的一部分。如果您的字體太小或背景顏色太淡——Lighthouse 會(huì)直接告訴您。毫不留情。
Visual Inspector — 實(shí)時(shí)編輯與協(xié)作
說實(shí)話，當(dāng)我不想碰代碼的時(shí)候，我會(huì)用這個(gè)。你只需點(diǎn)擊一下，更改顏色，移動(dòng)一個(gè)塊——就搞定了。非常適合演示，或者當(dāng)客戶說“你能把那個(gè)按鈕移開一點(diǎn)嗎？”的時(shí)候。
另一個(gè)很酷的功能是：你可以添加評(píng)論或與團(tuán)隊(duì)分享預(yù)覽。它讓反饋更容易，設(shè)計(jì)也更有趣。當(dāng)AI做出奇怪的布局，而你需要快速“人工修復(fù)”時(shí)，這是一個(gè)很棒的工具。
Plerdy SEO 分析器— 實(shí)時(shí)內(nèi)容和結(jié)構(gòu)審核
這個(gè)工具簡(jiǎn)直是救星。我在一個(gè)包含 AI 生成版塊的博客上測(cè)試了它。它在幾秒鐘內(nèi)就幫我完成了一次完整的 SEO 審核。它可以檢查標(biāo)題、文本可讀性、關(guān)鍵詞密度，甚至還能顯示內(nèi)容中哪些部分比較薄弱。
最棒的是？它能提供真正的 AI 提示。比如，“這個(gè)標(biāo)題太長(zhǎng)了”或“這里缺少 H2 按鈕”。所以，當(dāng) AI 搞亂了你的頁面結(jié)構(gòu)時(shí)，這個(gè)擴(kuò)展程序會(huì)準(zhǔn)確地告訴你該如何修復(fù)。沒有廢話，只有直接的建議，讓用戶體驗(yàn)更強(qiáng)大。
需要分析人工智能如何影響你的用戶體驗(yàn)嗎？這些擴(kuò)展程序不僅能為你展示數(shù)字，還能幫助你了解用戶的感受。而這才是真正的設(shè)計(jì)發(fā)生的地方。
有時(shí)人工智能會(huì)給出很酷的想法。但并非所有想法都對(duì)真實(shí)用戶有益。這聽起來可能顯而易見，但測(cè)試人工智能生成的設(shè)計(jì)是絕對(duì)必要的。即使用戶體驗(yàn)看起來很棒，也并不意味著人們會(huì)點(diǎn)擊或滾動(dòng)。設(shè)計(jì)需要驗(yàn)證。用戶體驗(yàn)需要行為數(shù)據(jù)。否則，它就只是猜測(cè)。
我記得我做過一個(gè)測(cè)試——我們用人工智能修改了主頁布局。它擁有智能用戶體驗(yàn)、自適應(yīng)設(shè)計(jì)，看起來很新穎。但用戶互動(dòng)性很差。滾動(dòng)地圖很冷門。我們把CTA（行動(dòng)號(hào)召）移到了更高的位置，改變了按鈕樣式——A /B測(cè)試之后，點(diǎn)擊率躍升了31%。這就是測(cè)試的作用。
人工智能雖然強(qiáng)大，但卻無法解讀人類的情感。A/B 測(cè)試可以幫助你的用戶體驗(yàn)匹配真實(shí)的用戶，而不僅僅是算法。
從假設(shè)到熱圖
假設(shè)AI告訴你要更改UI布局。新的結(jié)構(gòu)。新的區(qū)塊。聽起來很棒。但你怎么知道這對(duì)設(shè)計(jì)有幫助呢？
測(cè)試一下，就這么簡(jiǎn)單。我總是從一個(gè)小想法開始——比如改變標(biāo)題順序或移動(dòng)定價(jià)區(qū)塊。然后我會(huì)用 Plerdy Analyze Websites 來觀察真實(shí)用戶的行為。這個(gè)工具可以顯示熱圖、滾動(dòng)深度和點(diǎn)擊次數(shù)。它對(duì)于測(cè)試動(dòng)態(tài)用戶體驗(yàn)非常方便。
以下是我的做法：
設(shè)計(jì)的意義不在于看起來有多酷，而在于用戶實(shí)際使用的內(nèi)容。這就是為什么我從來不會(huì)在沒有檢查行為數(shù)據(jù)的情況下發(fā)布新的UI。即使是最聰明的AI創(chuàng)意，如果用戶體驗(yàn)不能與人產(chǎn)生共鳴，也會(huì)失敗。
通過內(nèi)容審核衡量結(jié)果
現(xiàn)在讓我們將設(shè)計(jì)和 SEO 結(jié)合起來。因?yàn)楝F(xiàn)代用戶體驗(yàn)不僅僅關(guān)乎布局或按鈕。它還關(guān)乎內(nèi)容的體驗(yàn)、閱讀方式以及搜索引擎的運(yùn)作方式。
每次 A/B 測(cè)試后，我都會(huì)用 Plerdy SEO Analyzer。它會(huì)檢查內(nèi)容是否仍然遵循良好的結(jié)構(gòu)。它會(huì)顯示標(biāo)題是否正確，關(guān)鍵詞是否仍然有效，以及 AI 是否改寫了某些錯(cuò)誤的內(nèi)容。有一次，AI 把 H2 改成了一個(gè)笑話——流量就下降了。一點(diǎn)也不好笑。
分析器幾分鐘內(nèi)就幫我解決了問題。我再次調(diào)整了設(shè)計(jì)。用戶體驗(yàn)變得更簡(jiǎn)潔了。SEO流量也回來了。
所以，沒錯(cuò)——用AI來改進(jìn)UI和設(shè)計(jì)，但千萬別跳過測(cè)試。沒有測(cè)試的UX是沒有未來的。
用戶體驗(yàn)不再僅僅依靠人工智能。用戶體驗(yàn)正在成為人工智能。這是事實(shí)。而且，這并非科幻故事。它已經(jīng)存在。你瀏覽TikTok——這就是人工智能驅(qū)動(dòng)的用戶體驗(yàn)。你在亞馬遜上購(gòu)物——整個(gè)產(chǎn)品頁面都會(huì)根據(jù)你過去的行為進(jìn)行調(diào)整。設(shè)計(jì)不再是一成不變的。它變得智能、靈活，當(dāng)然，還有點(diǎn)令人毛骨悚然。但這是一種好的方面。
我相信這不是一種“趨勢(shì)”。這是新的基礎(chǔ)。沒有人工智能的用戶體驗(yàn)會(huì)讓人感覺陳舊、緩慢、愚蠢。而且用戶不會(huì)等待。如果你的設(shè)計(jì)不能理解用戶的想法，他們兩秒后就會(huì)離開。
我們不能再把人工智能僅僅視為一個(gè)插件了。它是界面的新大腦。它控制著設(shè)計(jì)如何運(yùn)作，用戶如何移動(dòng)，以及他們看到什么。如果你還沒有這樣想過……那么，是時(shí)候開始了。
從AI支持的用戶體驗(yàn)到AI創(chuàng)建的用戶體驗(yàn)
最瘋狂的部分來了。以前，AI 只是在內(nèi)容方面提供幫助，比如提供一些文字和一些布局建議。現(xiàn)在，它構(gòu)建了整個(gè)用戶體驗(yàn)，包括結(jié)構(gòu)、按鈕、哪些內(nèi)容先顯示、哪些內(nèi)容會(huì)消失——所有的一切。像 Galileo AI 或 Uizard 這樣的 AI 工具可以在幾分鐘內(nèi)創(chuàng)建完整的界面模型，真正的原型。你只需要給出一個(gè)簡(jiǎn)短的提示。
即使是像 Booking.com 這樣的大型公司，也使用 AI 來設(shè)計(jì)和運(yùn)行數(shù)千個(gè) UI 測(cè)試，無需人工干預(yù)。這并非為了節(jié)省時(shí)間，而是為了更智能的用戶體驗(yàn)。更快的決策，更優(yōu)的結(jié)果。
有些設(shè)計(jì)師感到害怕。我理解。但你知道嗎？如果人工智能能讓用戶體驗(yàn)更簡(jiǎn)潔，設(shè)計(jì)更實(shí)用——我完全支持。
成為 AI 優(yōu)先設(shè)計(jì)師
你不需要成為一名程序員，也不需要構(gòu)建自己的模型。但你需要改變思維。別再問：“我該如何在這里添加人工智能？” 而是要問：“如果從一開始就由人工智能掌控，設(shè)計(jì)會(huì)是什么樣子？”
從您熟悉的工具入手。使用 Plerdy SEO Analyzer 檢查 AI 如何影響內(nèi)容結(jié)構(gòu)。在 Plerdy Analyze Websites 中試用熱圖，看看哪些方法有效。多考慮用戶行為，少考慮固定的網(wǎng)格。
AI優(yōu)先的思維模式意味著：你的設(shè)計(jì)會(huì)生存、學(xué)習(xí)并適應(yīng)。這才是真正的用戶體驗(yàn)。
如果你仍然認(rèn)為人工智能只是一種趨勢(shì)，那你就錯(cuò)過了全局。人工智能并非要扼殺用戶體驗(yàn)設(shè)計(jì)，而是要大力推動(dòng)它的發(fā)展。它就像渦輪增壓模式一樣。你，設(shè)計(jì)師，仍然是規(guī)則的制定者。但現(xiàn)在，人工智能可以幫助你打破那些枯燥乏味的規(guī)則。像 Plerdy、Uizard甚至Figma AI 這樣的工具，它們并非取代技能，而是加速了創(chuàng)造奇跡。所以，不要抗拒，要利用它。在用戶點(diǎn)擊離開之前，提升你的用戶體驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.li-bodun.cn