<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          新的用戶體驗規則:人工智能推薦如何改變設計

          杰睿 交互設計及用戶體驗

          新的用戶體驗規則:人工智能推薦如何改變設計 — 0001

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

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

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

          為什么傳統的用戶體驗規則不再有效

          將顯示縮放圖像
          新的用戶體驗規則:人工智能推薦如何改變設計 — 0002

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

          我在測試的一家網店里看到了這種情況??雌饋聿诲e。但當我們查看熱力圖時,發現大多數用戶根本沒看過側邊欄。就好像它根本不存在一樣。就在那時,我想——好吧,也許是時候放棄傳統的用戶體驗“規則”了,開始相信人們的實際行為。

          靜態設計滿足動態期望

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

          您是否注意到:

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

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

          預測性用戶體驗的興起

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

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

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

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

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

          將顯示縮放圖像
          新的用戶體驗規則:人工智能推薦如何改變設計 — 0003

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

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

          去年我幫助過的一家網店就出現了這種情況。我們添加了AI驅動的產品區塊,它會根據用戶之前的操作進行調整。結果如何?短短兩周內,轉化率就提升了21%。這可不是理論,而是真實的數據。所以,如果你的用戶體驗仍然在等待用戶操作,而不是預測用戶行為,那么你可能已經落后了。

          以下是推動現代個性化用戶體驗的因素:

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

          這不是未來,而是現在。用戶已經對此有所期待。

          人工智能實時推薦

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

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

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

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

          自適應布局與響應式設計

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

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

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

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

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

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

          這是我的首選組合:

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

          Plerdy 分析網站— 用戶體驗模式和熱圖

          將顯示縮放圖像
          新的用戶體驗規則:人工智能推薦如何改變設計 — 0004

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

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

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

          將顯示縮放圖像
          新的用戶體驗規則:人工智能推薦如何改變設計 — 0005

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

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

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

          Visual Inspector — 實時編輯與協作

          將顯示縮放圖像
          新的用戶體驗規則:人工智能推薦如何改變設計 — 0006

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

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

          Plerdy SEO 分析器— 實時內容和結構審核

          將顯示縮放圖像
          新的用戶體驗規則:人工智能推薦如何改變設計 — 0007

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

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

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

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

          將顯示縮放圖像
          新的用戶體驗規則:人工智能推薦如何改變設計 — 0007

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

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

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

          從假設到熱圖

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

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

          以下是我的做法:

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

          設計的意義不在于看起來有多酷,而在于用戶實際使用的內容。這就是為什么我從來不會在沒有檢查行為數據的情況下發布新的UI。即使是最聰明的AI創意,如果用戶體驗不能與人產生共鳴,也會失敗。

          通過內容審核衡量結果

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

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

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

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

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

          將顯示縮放圖像
          新的用戶體驗規則:人工智能推薦如何改變設計 — 0008

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

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

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

          從AI支持的用戶體驗到AI創建的用戶體驗

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

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

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

          成為 AI 優先設計師

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

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

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

          結論

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

           

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

          超越旅程地圖:AI UX 中的控制設計

          杰睿 行業趨勢

          UX AI 設計工具包圖示
          羅布·查佩爾(Rob Chappell)插畫

          多年來,用戶體驗團隊一直依賴用戶旅程地圖(一種標準的設計思維工具)來可視化和傳達用戶的意圖、行為和流程。我們繪制了用戶在各個界面步驟中的目標和情感,追蹤了從發現到轉化或任務完成的路徑。這些地圖假設用戶旅程的進展基本呈線性:一系列可見的屏幕、結構化的任務以及用戶做出的深思熟慮的選擇。

          但在人工智能驅動的系統中,這些假設開始瓦解。步驟變得不可見。目標在過程中不斷演變。系統不再等待命令——它會推斷、提出建議,甚至采取行動。隨著人工智能承擔起更多責任,我們熟悉的用戶流程架構開始瓦解。我們曾經稱之為“旅程”的東西開始變得更像一場對話,或者更準確地說,一場談判。

          傳統的旅程地圖假設流程固定——逐步完成的任務、靜態屏幕和清晰的用戶意圖。但在由人工智能驅動的體驗中,例如 ChatGPT、Google Gemini 或 GitHub Copilot:座席會主動完成任務(有時是隱形的),并且控制權會來回傳遞??紤]以下人工智能操作:

          • 寫作助手會在您輸入時完成您的句子。
          • 設計工具根據定義不明確的指令應用更改。
          • 瀏覽器助手可以總結網頁、建議下一步行動并跨域采取行動。

          在每種情況下,系統都會參與意義建構和決策。這些體驗構成了一個相互影響的循環。針對這種新現實進行設計需要新的框架——用戶體驗模型,它超越了用戶逐步完成任務的模式,而是考慮了人機之間動態的、共享的控制。

          隨著人工智能系統功能日益強大,我們作為體驗設計師的工作也發生了變化。這不僅僅關乎流程、組件或優化。這意味著我們需要根據控制感知用戶體驗的原則進行設計:

          1. 意圖框架:如何建議行動?幫助用戶設定模糊的目標。
          2. 清晰地預覽AI計劃: AI正在做什么?為什么?在行動之前展示系統將做什么
          3. 可操控性:我可以改變路徑嗎?讓用戶在任務中調整AI行為。
          4. 可逆性:我可以撤銷剛剛發生的事情嗎?提供清晰的撤銷和覆蓋選項。
          5. 透明度和一致性:這個系統會尊重我的時間、我的目標和我的監督嗎?分享系統推理。

          這關乎塑造人與自主運作系統之間的關系。這種關系只有在清晰易懂、可操控且以人為本的基礎上才能有效運作。

          管理控制平衡

          自主性滑塊的圖示
          Andrej Karpathy 的“自主滑塊”概念——Rob Chappell 的插圖

          在 Y Combinator 的 AI 創業學校的演講軟件正在(再次)改變中,特斯拉前 AI 主管、應用 AI 領域最具影響力的人物之一 Andrej Karpathy 將軟件設計的這種轉變描述為從確定性、代碼驅動系統向新范式的過渡:界面是自然語言,程序就是提示本身。

          正如 Karpathy 所說,“你的提示現在是編寫 LLM 的程序。”但與命令或表單輸入不同,提示會啟動一個概率性的解釋過程,其中模型推斷意圖和上下文,而不是執行固定的操作。

          Andrej Karpathy 主題演講截圖
          Andrej Karpathy 在舊金山 AI 創業學校發表主題演講 — youtu.be/LCEmiRjPEtQ

          Karpathy 提出了“自主性滑塊”的概念——一種交互范圍,從完全用戶控制到完全 AI 自主。它并非簡單的開關,而是一個動態、流暢的尺度,會在整個會話過程中不斷變化。有時由用戶主導,有時由 AI 模型提出建議或采取行動。通常情況下,它們會反復切換角色。這是一種時時刻刻的控制權權衡。

          Karpathy 闡述了人類與人工智能之間互動的兩種基本模式:

          1. 人機交互(指令模式)

          • 人類給出詳細、明確的命令
          • AI 模型根據這些指令執行
          • 思考:快速工程、表單填寫、手動配置
          • 用戶體驗重點:輸入清晰度和腳手架、結構化指導

          2. 模型即駕駛員(自動駕駛模式)

          • 人類給出了一個高層次的目標
          • 該模型計劃、決定、迭代和選擇
          • 思考:“寫一份簡介草稿”、“為我開發一個應用程序”、“我還缺少什么?”
          • 用戶體驗重點:可解釋性、監督和覆蓋控制、信任信號

          這兩種模式存在于動態張力之中,而非二元對立。用戶和AI代理流暢地來回切換控制權。Karpathy的框架向我們展示了真正的用戶體驗挑戰并非對話與界面的對立,而是為共同代理而設計。

          你肯定不想只用文本與操作系統(LLM)對話。文本閱讀、解讀和理解起來非常困難……圖形用戶界面 (GUI) 可以幫助人類審核這些易出錯的系統的工作,并提高運行速度。—— Andrej Karpathy,軟件正在(再次)改變

          看完 Karpathy 的演講后,我一直在思考“自主滑塊”——用戶選擇將多少控制權交給 AI 的想法。但這并不總是指完全自主,比如 AI 編寫代碼和提交拉取請求。有時,它涉及一些更微妙的事情:你給系統多大的空間來解讀你的意圖。

          我從Adobe Firefly測試版就開始用了,主要用來構思視覺概念和探索風格方向。Firefly 的滑塊控件并非虛構的,而是內置在界面中的。

          Adobe Firefly 視覺強度滑塊運行截圖
          Adobe Firefly 實際操作示例——用戶調整模型的創意控制,調整視覺強度水平

          Firefly 為我提供了調節控制的工具,而不僅僅是提交輸入。提示字段并非整個界面,它只是更大控制界面的一部分。它周圍有一些滑塊——例如“視覺強度”“風格強度”——它們充當實時刻度盤,用于控制我賦予模型的自主權。當我降低強度時,我在發出信號:緊跟提示,保持文字表達。當我提高強度時,我在邀請讀者進行解讀,讓模型自由發揮創意。

          實際上,我選擇賦予AI多少自主權。這關乎塑造作者身份的平衡。系統成為了合作者,而滑塊則成為一種看得見摸得著的管理合作關系的方式。

          用戶體驗也在再次發生變化

          交互的未來不僅僅是引導用戶順利地從A點到達B點,更是設計人與模型之間的關系。這種轉變需要一種全新的用戶體驗思維,將人機交互狀態視為核心設計維度,而非邊緣情況。這種變化已引起廣泛關注。業內的用戶體驗領導者正在提出以人為本的全新方法,利用智能系統進行設計,并圍繞智能系統進行設計。

          在 UX Matters 的文章超越炒作:以人為本的 AI 走向現實中,設計加速器 Punchcut 的聯合創始人 Ken Olewiler 對當前的 AI 格局提出了尖銳的批評,警告稱不應在缺乏實際用戶價值的情況下倉促采用生成式 AI。盡管許多組織正在進行試驗,但他指出,很少有組織能夠從概念驗證階段邁向可衡量的投資回報率——他將這一差距歸因于炒作驅動的決策和缺乏以人為本的框架。

          避免試圖在客戶生命周期的每個階段都全面集成人工智能自動化。要更有選擇性,在人工智能能夠帶來最大價值的地方進行集成。提供能夠實現協作式用戶控制的人工智能功能,為用戶保留有意義的自主權。——Punchcut 聯合創始人 Ken Olewiler

          Olewiler 呼吁重新思考自主性。盡管人工智能領域的主流敘事傾向于推崇完全自動化,但他團隊的用戶研究發現,用戶更喜歡共享控制。他建議創建自主性地圖,以可視化的方式展現人機交互在整個體驗中的轉換點——類似于服務藍圖等系統設計工具,但更側重于控制。這些地圖可以幫助團隊在設計時實現協同自主,而不是交接或黑箱自動化。

          BCG 的 Matt Scharpnick 的文章“生成式人工智能的用戶體驗設計:平衡用戶控制和自動化”呼應了 Olewiler 強調的平衡用戶代理和人工智能自動化,強調了用戶體驗需要在靈感和精確之間找到平衡。

          用模型引導用戶得出精確結果可能會令人沮喪。我們仍處于 GenAI 的早期階段,還有很大的創新空間——尤其是在設計允許用戶精準輸入偏好的界面方面。—— BCG 副總監 Matt Scharpnick

          Scharpnick 認為,生成式用戶體驗的未來在于設計出一種界面,讓用戶能夠精準地“操控”他們想要的價值和控制,同時又不扼殺生成式模型的創造潛力。這與 Olewiler 對自主地圖和共享能動性的呼吁相呼應,凸顯了用戶體驗的更廣泛轉變:我們必須設計出既能激發驚喜,又能支持專業級精準度的系統。

          繪制控制流:我們可以從 OESD 中學到什么

          操作員事件序列圖 (OESD)是一種形式化模型,用于直觀地展現控制權在人類操作員和自動化系統之間隨時間推移的切換。OESD 是在航空航天、自動駕駛汽車和工業機器人等安全關鍵領域開發的,它可以幫助工程師定義每個操作的負責人、觸發控制權交接的因素以及系統在出現問題時如何響應。

          這些圖表通常包含兩條或多條“泳道”——一條供人使用,一條供機器使用——并繪制出一系列動作、決策和交接點。它們不僅旨在捕捉行為,還旨在在復雜、高風險的環境中強制執行明確的責任制和可恢復性。

          OESD示例:

          在自動駕駛汽車的遠程操作中,研究人員使用 OESD 來模擬遠程人類何時應該介入——從被動監控到主動駕駛——這取決于車輛的信心和環境。

          操作符事件序列圖示例
          Stanton NA 等人,(2021)。使用操作員事件序列圖建模自動化與人類駕駛員的交接。未來交通1 (2),351–369。https ://doi.org/10.3390/futuretransp1020020(開放獲?。?/span>

          在農業機器人領域,OESD 幫助研究人員編排共享控制任務,例如讓人類標記要收獲的水果,而機器人負責物理切割。

          操作符事件序列圖示例
          Salzer Y 等人,(2023)。集成功能分配和操作事件序列圖以支持人機協作:機器人數據細化系統案例研究。《認知工程與決策雜志》,18 (1),52–68。https ://doi.org/10.1177/15553434231199727(開放獲取)

          這些模型為我們提供了一種語言,將控制描述為人與系統之間的時間序列。它們已被證明在需要明確權限和故障保護的領域非常有效。作為用戶體驗設計師,我們可以在面對新挑戰時改進控制序列圖:設計不僅要考慮控制權的交接,還要考慮人與人工智能系統之間流暢的協同作用。作為用戶體驗設計師,我們可以在面臨新挑戰時改進控制序列圖:不僅要設計控制交接,還要設計人與人工智能系統之間的流暢協作。

          從旅程地圖到控制地圖

          人工智能系統正在改變數字交互的結構。傳統軟件需要等待用戶輸入,而現代人工智能工具則能夠推斷、建議并采取行動。這徹底改變了用戶體驗或產品的控制方式,并挑戰了當代用戶體驗方法中的許多假設。

          在用戶體驗旅程圖中,核心問題是:

          “用戶想要做什么?”

          對于控制映射人工智能系統,核心問題變成:

          “此刻誰在掌控局勢?局勢將如何轉變?”

          設計師需要更好的方法來追蹤控制權是如何發起、共享和交還的——不僅關注用戶看到什么或做了什么,還要關注人類和人工智能系統之間如何實時協商代理。

          我們可以將類似 OESD 的思維方式應用于更廣泛的 AI 用戶體驗。用戶-AI 控制映射可能更多地關乎一種思維模式,而非靜態圖表——設計一個既能行動又能傾聽的系統。關鍵考慮因素:

          • 誰在控制——用戶、AI 或兩者
          • 控制權何時以及為何發生轉移——作為時刻或循環
          • 界面如何支持這些轉換——遵循控制感知用戶體驗原則所需的可供性

          為了評估這些動力是否有效,我們需要新的指標——能夠捕捉合作質量而不僅僅是完成度的指標。

          用戶人工智能控制和質量指標概念圖
          用戶-AI 控制和質量指標概念 — 插圖:Rob Chappell

          轉彎效率和意圖準確度等質量指標不僅僅是診斷依據,更是在人工智能設計中實現信任、協調和控制的一種方式。其目標是確保清晰性、適應性和以人為本的成果,即使控制權隨時都在轉移。

          環境人工智能系統提高了風險

          環境智能 (AmI) 指的是配備嵌入式傳感器的環境,這些傳感器能夠主動且不引人注目地為用戶提供支持——適應環境、識別行為模式,并在無需明確指令的情況下預測需求。這一愿景涵蓋了從調節燈光的智能房間到能夠理解語音提示的語音助手,以及如今嵌入在我們數字產品中的環境人工智能服務。

          • 無需提示即可閱讀上下文
          • 提出行動而不是等待
          • 自主行動,然后退卻

          環境人工智能為數字體驗設計開辟了新領域。

          在2025 年 Google I/O 開發者大會上,環境 AI 的轉型以 Project Astra 的形式展現。該項目的多模態助手被嵌入到配備攝像頭和音頻輸入的智能手機中。Google 的 AI 助手將實時感知環境、識別物體并解讀口語。它代表著我們邁向情境感知、具身化 AI 的未來:這些系統無需等待提示,而是主動觀察、解讀并提供幫助,并嵌入到我們現有的空間和工具中。

          值得注意的是,谷歌宣布Gemini 將直接集成到 Chrome 瀏覽器中,這意味著谷歌正在將 AI 從一項獨立的功能轉變為一個無處不在的層。從這個意義上講,瀏覽器曾經只是網站的被動容器,如今卻成為了一個主動的協作者:讀取上下文、建議操作并跨領域解釋任務。AI 助手無需等待用戶打開——它就在那里,感知用戶的實時上下文并隨時準備參與。

          谷歌的立場越來越明確:擁有跨域 AI 層。這不是一個小眾的邊緣案例,而是一個主流的競爭態勢,因為 Chrome 不僅僅是一個瀏覽器。它是全球用戶的默認界面,控制著超過 60% 的瀏覽器市場。它的優勢——“護城河”——不僅在于模型性能,還在于跨標簽、應用和會話的上下文連續性。瀏覽器向對話式發展的這種演變,為在自己的平臺內構建 AI 助手的產品和用戶體驗團隊提出了一系列緊迫的問題。如果 Gemini 已經存在于 Chrome 中,那么特定領域的助手還會扮演什么角色?用戶會更喜歡針對單個品牌或任務量身定制的網站嵌入式 AI 代理嗎?或者,主流的網絡模式是否會Gemini 而構建——確保兼容性、清晰度和信任度,而 AI 已經在瀏覽器級別與用戶并肩作戰?

          Gemini 在 Chrome 中的截圖
          Google I/O 2025 大會上宣布 Chrome 瀏覽器 Gemini 將通過人工智能助手重塑瀏覽器 — 截圖來自https://www.google.com/chrome/ai-innovations/

          這不僅僅是一種新的交互模式,更是一種新的存在模式,人工智能系統將占據用戶數字環境的整個界面。這種演變不僅重塑了交互模式,也重塑了我們對數字產品的期望。它重新提出了一些遠遠超出技術用戶體驗范疇的根本性問題。正是在這里,像喬納森·艾維這樣一位蘋果最具標志性產品背后的極具影響力的設計師,也加入了討論。

          Stripe Sessions 2025上,Jony Ive 罕見地就設計工藝以及我們作為創造者的責任進行了一次對話。他強調,偉大的產品并非僅僅基于新穎性或巧妙性——它們源于深切的關懷、清晰的意圖和克制。Ive 強調,我們有責任創造出一種不需要更多關注,而是回饋部分關注的技術。他呼吁產品能夠認識到用戶“能夠感知關懷”——這種理念與將 AI 設計為一種新型協作者而非生產力工具的理念相呼應。

          設計師 Jony Ive 爵士與 Stripe 首席執行官 Patrick Collison 在 Stripe Sessions 上進行爐邊談話:https://youtu.be/wLb9g_8r-mE

          未來的工作:精心設計人工智能系統

          在人工智能驅動的體驗世界中,用戶和模型共同創造成果。正如喬納森·艾維提醒我們的那樣,我們需要從根本上建立信任和關懷,而不僅僅是停留在表面。這些體驗的成功將不再取決于系統的速度或智能程度,而更多地取決于它如何有效地共享控制權。隨著人工智能工具的演進,控制設計將成為信任設計。

          信任并非通過隱藏復雜性來贏得,而是通過使復雜性易于駕馭而建立。行動的系統也必須解釋。提出建議的系統必須接受批評。記憶的系統必須披露記憶的內容及其原因。

          動態控制設計意味著將界面視為一種關系,而不是一種工具。人際關系需要清晰的思路、積極的響應以及說“不”的能力。我們構建的系統將越來越多地為我們采取行動。問題在于,我們設計這些系統時,是否做到了在行動的同時認真傾聽。

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

          人工智能不會消滅用戶體驗——我們才會

          杰睿 設計管理與成長

          圖片使用 ChatGPT 生成,并經過 Photoshop 編輯。圖片來源:ChatGPT、Kym Primrose。

          不久之前,我還堅信我的工作不會被人工智能所左右。雖然我現在仍然大體上相信這一點,但人們爭相采用人工智能解決方案的速度之快令人擔憂,這讓我開始懷疑。我不能責怪他們;人工智能解決方案快速、一致,而且從表面上看,通常都很有吸引力。我很樂意將人工智能融入我的工作流程中(我已經這樣做了),但我并不認同人工智能應該處于創作過程的中心這一觀點。它無法創造;它只能復制——麻省理工學院領導的一系列實驗強調了生成性人工智能依賴于模式而不是新穎的思維。雖然這種復制效果越來越好,但它仍然依賴于已經完成的工作。正是這一部分被忽視了;世界只看到了快速、可接受的解決方案,而這正是讓我擔心的部分。

          幾十年來,我們在用戶體驗領域一直宣揚同理心、共同創造以及理解用戶個體的重要性。然而,在實踐中,這些原則仍然與緊迫的時間表和狹隘的“可用”定義相沖突。正如 Adyanth Natarajan 所說,無障礙設計方面的失敗反映出用戶體驗行業仍然主要面向一小部分人群。同樣,Andrew Tipp 認為,雖然包容性設計至關重要,但預算和時間壓力往往會削弱它。

          盡管人們竭盡全力強調包容性設計如果得到妥善實施將帶來多么大的益處,但這些領域在開發過程中仍然嚴重缺乏重視。這個行業講究時間和金錢;當廉價而粗糙的解決方案唾手可得時,它根本無法承擔真正的用戶體驗設計的沉迷。人工智能提供了這樣的解決方案。但是,我們越是將設計任務交給那些從聚合數據和歷史模式中學習的系統,我們就越有可能將一切標準化。如果我們現在還沒有找到關鍵的答案,那么將創意流程交給人工智能系統并不能神奇地解鎖它。包容性設計成為基準標準的夢想變得更加遙不可及。誠然,我們獲得了效率,但代價是什么呢?

          雖然本文的重點在于AI如何將創造力從設計流程中剔除,但我們必須承認,這種觀點本身并不新鮮。Alterio 、SeoHurst等人都探討過UX /UI設計中創造力的扼殺問題,盡管他們并未提及AI的介入。

          我們今天所說的“設計”有多少是真正原創的?

          擺在桌面上的是:我們大多數人的工作都受到相當嚴格的限制。由于無障礙指南、設計系統、素材庫和社區 Figma 文件的存在,許多創意意圖被剝奪了。我們所做的只是將點連接起來——而這基本上就是所有人工智能解決方案都在做的事情。它們從相同的資源中提取數據,并基于相同的設計系統和無障礙規則將點連接起來。那么,這真的是一件壞事嗎?

          將顯示縮放圖像
          Figma 社區 UI 工具包截圖。圖片來源:Figma

          對我來說,答案取決于兩點。首先,使用這些工具的人是否真的受過培訓,了解它們的工作原理?他們是否知道如何設計提示來減輕偏見而不是加劇偏見?即使他們不知道,雇傭這些工具的人真的在乎嗎?其次,我們節省下來的時間是否真的被重新投入到探索性思考中?投入到研究、實驗和面向未來的想法中?

          如果是,那很好;但如果不是,我們就有可能為了追求進步的幻覺而犧牲自己的創造力。任何真正的設計師都不應該愿意接受這種交易。如果我們要把所有這些耗時、繁瑣、零散的工作都交給機器,我們的大腦還有什么更好的用途呢?

          人工智能作為復制者,而非發起者

          說實話:人工智能并不具備創造力。真的不。它只是一種非常逼真的模仿者。它接受過已經構建、發布和批準的事物的訓練。這意味著它建立在已經成功的想法之上,而這些想法并不總是最好的,只是最容易被接受或最引人注目的。

          它所回收的不僅僅是設計模式和配色方案,還有偏見、規范和文化假設。如果數據集存在偏差,輸出結果也會如此。我們在Buolamwini 和 Gebru 于 2018 年發表的《性別陰影》等研究中就看到了這一點,其中商業 AI 工具對深色皮膚女性的性別判斷錯誤,錯誤率高達 34.7%。此類研究表明,使用從互聯網和企業來源收集的數據集的商業 AI 系統往往會復制并放大現有的社會偏見。

          我們用同樣有缺陷的框架建立了這些系統,而我們花了幾十年的時間試圖拆除它們,即使我們積極嘗試糾正這些錯誤陳述,但可能為時已晚。

          Molly Wright Steenson 換了一種說法:

          數據的關鍵在于它存在于過去。數據集的問題在于它強化了現有的偏見,而不是找到新的方法來做事和解決問題

          這凸顯了生成式人工智能的一個核心挑戰:我們用過去的假設構建未來的工具。

          人們想方設法地推銷人工智能解決方案,讓我們覺得它們能讓我們的生活更輕松,但實際上,他們只是在沙漠里兜售沙子。我們兜售的所謂創新,不過是規模化的反饋循環(是的,我是個癡迷于反饋循環的女人)。我們教它,現在我們讓它用同樣的材料來教我們和自己。

          現在,復制有其存在的意義。我并不是說每個登錄表單或入職流程都需要革新。一些優秀的設計成果是無形的。我之前提到過,我們將這些點連接起來。然而,我們是有意識地、謹慎地(或者至少我們應該這樣做)將這些點連接起來。如果人工智能成為流程中這些部分的默認設計者,我們就不得不問:這給我們帶來了什么?我們到底貢獻了什么?如果我們把基礎工作完全外包出去,我們該如何發展這門工藝?

          諷刺的是,設計本應是最能抵御這種侵蝕的領域之一。多年來,我們一直在努力爭取一席之地,證明好的設計能夠塑造結果、改變行為,并真正改善生活質量。如今,我們終于贏得了一席之地,卻被要求將工作交給那些從未被邀請參與討論的工具。坦白說,這些工具只關心模式,不關心環境。

          更糟糕的是,那些不愿或不覺得有必要深入探究的人一致認為,人工智能的輸出就是客觀真理。人工智能就是神諭。它不是魔法,而是一個基于泛文化訓練的系統。如果我們不小心,我們就會讓自己陷入自動化,最終走向創造性的湮沒。

          在黑暗中跳舞

          話雖如此,或許我們多年來一直被困在創意的湮沒之中。我至今仍記得90年代中期到21世紀初科技界的瘋狂。創新無處不在,沒人知道自己在做什么,他們只想嘗試一些很酷的東西。有人喜歡直板手機嗎?任天堂的控制器設計?那真是瘋狂,也真是棒極了。

          將顯示縮放圖像
          這是 20 世紀 90 年代末到 21 世紀初的一些實驗性手機設計的拼貼畫,其中包括形狀像口紅管、攝像機和化妝盒的手機。
          有趣的00年代早期手機。圖片來源:u/CosmicPelican via Reddit r/nostalgia

          我認為其中大約80%都失敗了。但這卻是最好的失敗。最終,這些瘋狂的想法讓位于標準,就像往常一樣;要么是蘋果,要么是安卓;要么是PlayStation,要么是Xbox;要么是Mac,要么是Windows。

          在所有這些融合中,用戶體驗 (UX) 找到了立足點。隨著技術的成熟,我們的期望也隨之成熟。怪異不再美妙,反而令人困惑。不可預測的界面不再勇敢,而是支離破碎。用戶體驗 (UX) 作為一種將秩序帶入混亂的方式出現,其目標突然不再是脫穎而出,而是消除摩擦,使體驗看起來自然。

          這絕對是必要的。良好的用戶體驗 (UX) 使所有這些新技術不僅可以供愛好者和早期采用者使用。用戶體驗標準帶來了一致性、最佳實踐和基于成熟經驗的模板。但在追求一致性和可用性的過程中,我們失去了一些東西。我們不再問“如果呢?”,而是開始問“基準是什么?”。

          設計師和開發人員,請告訴我,您不使用 Apple 的人機界面指南或 Material Design 作為參考點?我會質疑任何這樣做的人的誠實。

          將顯示縮放圖像
          兩張突出的設計系統圖:Google Material Design 和 Apple 人機界面指南。圖片展示了每個系統的一些界面組件。
          谷歌Material Design(上)和蘋果人機界面指南(下)。圖片來源:Figr

          你上一次徹底改變常見 UI 元素的交互預期是什么時候?流行的東西就一定有效,何必再去重新發明輪子呢?就像我們通過設計和接觸學會了如何打開門和操作爐灶一樣(就像唐納德·諾曼那樣),我們也學會了如何操作下拉菜單。這就是可供性(affordance)的演變。

          所以,當我們說人工智能會削弱用戶體驗(UX)和用戶界面(UI)的創造力時,真的如此嗎?它所做的并非我們多年來從未做過的事情。它引用的是相同的庫和標準,使用我們共同認可的有效方法。我們所說的我們失去的東西,其實是我們很久以前就放棄的東西。

          平衡之舉

          讓我們明確一點。人工智能不是敵人,自滿才是。

          過去一周左右,我使用了一些AI工具,體驗不錯,我相信它是一款非常棒的輔助工具。但我們必須挑戰它。說它胡說八道就對了。問問我的ChatGPT,我告訴它它錯了多少次……

          將顯示縮放圖像
          ChatGPT 對話截圖。圖片來源:ChatGPT、Kym Primrose。

          如果我們希望人工智能能夠增強我們的工作,而不是取代其核心功能,我們就必須有意識地去行動,必須意識到自己在做什么。施奈德曼的普羅米修斯原則明確指出了這一點:如果我們以這樣的方式構建高度自動化,它就能支持創造力和監督。

          對我來說,成功取決于三件事:教育、融合平衡。

          我們需要教育自己和同事,讓他們了解人工智能的真正含義、運作方式,以及它在日常工作流程中的界限。這不應該是一個孤立的過程。

          這不僅僅是開發人員或用戶體驗設計師的問題。我們需要跨職能的人工智能素養,涵蓋市場營銷、用戶體驗、開發和質量保證;我們應該共同學習。我們都應該積極意識到局限性,設定清晰的提示,仔細審查輸出,并在潛在偏見影響用戶之前發現它。如果我們要負責任地構建產品,我們需要共同的語言和共同的責任。

          一旦我們了解了人工智能能夠以及應該為我們做什么,下一步就是整合。這不僅關乎技術層面,也關乎文化和倫理層面。僅僅選擇一個工具并將其融入工作流程是不夠的。我們需要編寫文檔:哪些工具是允許使用的,如何有效地使用它們,它們屬于流程的哪些階段,以及何時應該回歸到一些手動思考。這份文檔不應該是自上而下的,而應該由所有參與工作的人員共同協作構建。我們需要建立清晰的界限,并讓所有人擁有共同的責任,讓我們有信心在認為合適的時候,敢于表達自己的想法,并主動對抗人工智能。

          這才是關鍵;我們不能對人工智能漠不關心。每一次使用都應該有意識,每一個解決方案都應該受到質疑。人工智能可以提供輔助,但最終決定權仍然在我們手中。

          這就引出了我們的目標。如果我們的目標是通過將某些任務交給人工智能模型來提高生產力和效率,那么我們必須思考如何將這些節省下來的資金重新投資到其他地方。

          實現這一目標的方法之一是重新投資研發、發散思維和突破界限的創意,這不僅能為用戶體驗/用戶界面注入活力,還能打破停滯不前的設計模式。有了人工智能處理繁瑣的工作,我們就有了探索實驗性概念的空間,而這些概念通常受限于預算和時間。創新正是在這個空間中得以生存。如果沒有它,我們可能會陷入無休止的循環,只輸出安全、毫無靈魂的成果。我們必須展現出不斷發展、適應、擴展,并保持我們創意生態系統的新鮮感,這不僅是為了用戶,也是為了為我們的人工智能模型提供我們真正希望它們反映的解決方案和思維。

          最后的想法

          即使沒有自動化,我們多年來也一直陷在千篇一律的便利循環中。人工智能并非用戶體驗/用戶界面(UX/UI)感覺陳舊的原因,而是其結果。它只是凸顯了原有缺陷。所以,與其擔心人工智能會抹平用戶體驗/用戶界面(UX/UI)的創造力,或許我們應該問問自己,為什么它一開始就如此平淡?

          作為設計師,我們應該探索如何利用人工智能來支持我們的工作。它不是設計師,而是工具,就像之前的 Figma 和 XD 一樣。Ben Shneiderman 在《以人為本的人工智能》一書中一針見血地指出,人工智能的目標并非取代我們,而是“增強、放大、賦能和提升”人類的潛能。如果我們選擇挑戰模板,設計和創造力仍然掌握在我們手中。我們的價值不應在于速度,而應在于更高效、以人為本、以體驗為導向的思維方式——而這些是人工智能無法掌握的,因為無論它多么接近人類,它都永遠無法成為真正的人類。

          因此,如果我們不想成為自身流程的過客,就必須確保在培訓、道德和研發方面的投入與在工具和集成方面的投入一樣多。人工智能可以支持偉大的設計,但推動其發展的仍然是我們的好奇心、挑戰和本能。所有這些最初都讓這個行業令人興奮。

           

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

          人工智能正在重塑用戶界面——你注意到最大的變化了嗎?

          杰睿 設計管理與成長

          告別命令,迎接意圖

          我們與軟件交互的方式絕非一成不變。有時,它是緩慢的演變,有時則是突飛猛進。如今,越來越多的設計先鋒,包括維塔利·弗里德曼,艾米麗·坎貝爾格雷格·努德爾曼正在剖析人工智能應用中的新興模式,描繪出永不停歇的格局。乍一看,這似乎只是又一次炒作周期,就像圍繞著每一個新技術趨勢的那種令人窒息的熱情。但退一步來看,一個更深層次的轉變顯而易見:我們與數字系統的互動不僅在發生變化;它們的本質也在發生轉變。

          想象一下從膠片相機到數碼攝影的轉變——突然之間,用戶不再需要了解曝光時間或仔細定量膠卷。他們只需點擊一個按鈕,剩下的就交給設備處理了。

          人工智能正在為UI設計帶來類似的轉變,讓我們擺脫僵硬、循序漸進的流程,走向流暢、直觀的工作流程。交互的本質正在發生轉變,正如Jakob Nielsen最近在其文章中強調的那樣,這種演變需要我們全神貫注。他闡述了一個至關重要的見解:

          “有了新的人工智能系統,用戶不再告訴計算機該做什么。而是用戶告訴計算機他們想要什么結果。”

          這不僅僅是一場技術變革,更是一場哲學變革。它挑戰了長期以來關于控制、自主性和人機協作的假設。我們曾經一絲不茍地掌控著每一步,而現在,我們能夠定義意圖,并讓人工智能決定最佳的前進路徑。這種轉變的意義深遠,堪比從命令行界面圖形用戶界面的轉變,對于 UI 設計師來說,它既是機遇,也是挑戰。

          點擊、滑動、詢問:交互方式正在演變

          但在深入探討人工智能如何重塑交互之前,我們有必要反思一下迄今為止最直觀的界面是如何定義的。1985 年,埃德溫·哈金斯、詹姆斯·霍蘭唐納德·諾曼發表了一篇關于直接操作界面的開創性論文。諾曼后來在《設計心理學》中定義了一些最廣為接受的設計原則,而哈金斯則率先提出了分布式認知的概念。但在 1985 年,他們與霍蘭一起抓住了設計史上的一個關鍵時刻,即直接操作逐漸成為一種主導策略。

          直接操作是一種交互方式,用戶使用物理、增量和可逆的操作對顯示的感興趣對象進行操作,其效果立即在屏幕上可見。NN /g

          但這簡單來說意味著什么呢?比如,你需要將一個文件從一個文件夾移動到另一個文件夾——這是一個典型的直接操作的例子——你看到這個文件,抓住它,然后把它移動到你想要的位置。

          首先,你需要明確目標 (1)。然后,在當前文件夾中找到文件,并決定將其拖動到新位置 (2)。點擊并按住文件,將其移動到屏幕上,最后將其拖放到目標文件夾中 (3)。

          如果你不小心把它放在了錯誤的地方,你會立即看到結果,調整方法,然后再次拖動它,直到它落到你想要的位置。這種交互方式感覺很直觀,因為它最大限度地減少了認知投入——系統會實時響應你的操作,強化了直接參與和掌控的感覺。

          這個過程越順暢,交互感覺就越自然、越令人滿意。

          將顯示縮放圖像
          macOS 系統上兩個 Finder 窗口的屏幕截圖。左側窗口打開的是“Documents”文件夾,其中顯示了各種文件和文件夾,包括“Kate-comments”,它被突出顯示并被拖動。右側窗口打開的是“Measuring Usability”文件夾,其中顯示了“2014–2–3-MeasuringUX.pptx”和“ROI for Usability…dition.pdf”等文件。藍色虛線箭頭表示“Kate-comments”正在從“Documents”文件夾移動到“Measuring Usability”。
          在 MacOS 上使用直接操作移動文件涉及將該文件從源文件夾拖放到目標文件夾。來源

          雖然縮短距離可以提高可用性,但真正定義直接操控的是參與度。作者寫道:

          “最能體現直接操縱的系統都給人一種定性的感覺,即人們直接參與對對象的控制——不是通過程序,不是通過計算機,而是通過我們的目標和意圖的語義對象。”

          幾十年來,直接操控一直是設計的基本原則。然而,隨著我們向人工智能驅動的系統過渡,我們必須思考這些原則如何演變——以及它們何時會被目標導向的交互所取代。

          現在,想想Windows Photos 的 AI 驅動“擦除”功能。假設你給你的狗狗拍了一張照片,但照片里有一條不想要的牽引繩。你不用像十年前那樣手動選擇像素并精心編輯,而是只需選中牽引繩,剩下的交給 AI 處理即可。系統理解你的目標——移除牽引繩——并執行最佳解決方案。

          將顯示縮放圖像
          Windows 照片界面的 GIF 動圖演示了“擦除”功能。用戶從圖片中選擇并移除了一條狗的皮帶。
          Windows 照片,來源

          這種交互仍然需要一定程度的操作,因為你必須指定要擦除的對象,但不同之處在于,你是在優化請求,而不是直接修改像素。你不再需要一絲不茍地編輯每個細節,而是與系統協作,以達到預期的效果。這種轉變標志著 UI 設計的根本性變革。

          Desolda 與其他研究人員基于諾曼的“執行鴻溝”和“評估鴻溝”理論,構建了一個模型,捕捉到了這種動態。與簡單的直接操作(例如在文件夾之間拖動文件,操作需要逐步展開)不同,AI 交互需要更流暢、更迭代的過程。用戶清晰地表達他們的目標,但并非手動執行每一步,而是與系統協作,優化輸入,并在 AI 進行動態解釋、調整和響應時對其進行引導。

          將顯示縮放圖像
          概念圖展示了用戶與人工智能系統之間的交互,突出了“執行鴻溝”和“評估鴻溝”。該圖展示了用戶如何形成意圖,指定操作(重新配置、干預或詢問),并通過人工智能系統執行這些操作。人工智能系統感知輸入、處理并進行調整。然后,用戶通過解釋步驟(澄清和輸出)對輸出進行評估。
          來源

          直接操縱的持續相關性

          人工智能或許正在重塑我們與科技互動的方式,但直接操控卻不會消失。即使在基于意圖的界面時代,用戶仍然需要與人工智能系統互動,用正確的輸入引導它們,將人類的目標轉化為機器可讀的指令。設計人工智能體驗并非要取代直接操控,而是要增強它,在既有模式的基礎上疊加新的交互模型,使交互更流暢、更直觀,并最終增強其功能。

          為了設計無縫的人工智能體驗,我們需要識別并構建熟悉的模式。

          例如,在許多 AI 應用中,開放式提示框可以充當破冰船,幫助用戶開啟對話。這種方法建立在人們熟悉的輸入框模式之上,幾十年來,該模式一直是 UI 的標準組件,如今,它又扮演著新的角色。無論是在 ChatGPT 中輸入問題,還是指示設計工具生成布局,這種方法都能提供靈活性,同時以直觀易懂的方式引導用戶意圖。

          將顯示縮放圖像
          各種 AI 聊天機器人和助手界面的拼貼畫,展示了不同的開放式輸入模式。圖片包含來自 ChatGPT、Claude 和 Fin 等 AI 驅動工具的多個文本輸入字段。一些界面帶有占位符,例如“提問”或“指定寫作任務”,而其他界面則顯示示例問題或答案。
          打開輸入模式示例,來源

          這種方法不僅限于交互模式——它也擴展到用戶體驗框架。

          例如,Evan Sunwall 提出了“Promptframes”的概念,通過將即時寫作和生成式 AI 融入設計流程,作為傳統線框圖的補充。其目標是通過在工作流程的早期階段融入 AI 驅動的內容生成,提高內容保真度并加速用戶測試。然而,這一概念建立在線框圖的基礎上,這進一步強調了理解傳統用戶體驗結構對于有效設計 AI 驅動體驗的重要性。

          最后的想法

          不需要霓虹燈“人工智能驅動”標簽;它應該無縫地融入用戶旅程,感覺就像意圖的自然延伸。

          Netflix 的推薦系統為例。它不會打斷你的體驗,提醒你它正在使用高級算法。它也不會要求你配置一堆設置。相反,它會默默地學習、適應,并為你提供建議,讓你感覺毫不費力——以至于你很少會停下來思考它背后的系統。這才是人工智能驅動的交互應該有的樣子:它不是一個需要你費力操作的功能,而是一個根據你的需求不斷改進的隱形助手。

          隨著我們邁向意圖驅動的系統,這正是設計師應該努力追求的目標。人工智能應該減少摩擦,而不是增加復雜性。它應該賦予用戶權力,而不是用不必要的選擇讓他們不知所措。最好的人工智能不是那種需要注意力的人工智能——而是那種能夠融入你最初想要完成的任務流程中的人工智能。

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

          15 個最佳現代 AI 解決方案,助力 UI/UX 設計開發

          杰睿 設計思維

          毫無疑問,人工智能極大地促進了許多領域的發展。UI/UX 設計也未能幸免,如今我們每天都能看到基于人工智能的全新工具涌現。這些工具旨在改變設計師的工作方式,使他們能夠優化工作流程并自動化重復性任務。這樣,他們就能更快、更準確地提供結果。由于人工智能接管了日常工作,設計師可以專注于最重要的事情——創造力和創新。優化工作流程并自動化重復性任務。這樣,它們可以提供更快、更準確的結果。由于人工智能接管了日常任務,設計師可以專注于最重要的事情——創造力和創新。

          人工智能對設計的影響

          AI 驅動的工具正日益成為 UI/UX 設計師不可或缺的助手。它們在從原型設計、內容創作到最終設計完善的每個流程階段提供支持。通過將 AI 集成到工作流程中,設計師可以更高效地創造更具活力和個性化的體驗,同時節省時間和精力,從而加快產品發布速度并提升競爭力。

          UI/UX設計師的最佳AI工具

          下面我們將介紹一些可以幫助您簡化工作的頂級工具。

          1. Flowmapp:一款利用人工智能設計用戶體驗架構的工具

          Flowmapp就像一個指南針,指引您穿越復雜的用戶體驗迷宮,幫助設計師創建清晰便捷的用戶路徑并生成站點地圖。借助它,您可以通過創建流程圖來設計網站和應用程序的架構,就像在精準的地圖上導航一樣。Flowmapp 的強大之處在于它與分析技術的集成,就像鷹眼一樣,能夠洞察用戶迷失的方向,并幫助他們實時優化路徑。

          Airbnb 和 Nike 等品牌都使用 Flomwapp 來設計信息架構。該工具能夠靈活地與分析工具集成,幫助團隊優化路徑,提升參與度并增加現場停留時間。

          2. Uizard:人工智能驅動的界面原型設計

          Uizard就像一根原型設計魔杖,能將您的草圖轉化為成品交互模型。它基于神經網絡構建,能夠快速將您的想法轉化為可運行的原型,就像您跳過了草稿上的那些神奇步驟一樣。Uizard 以其速度和簡潔性超越競爭對手,將設計和代碼集成在一個軟件包中,使其成為快速界面開發的必備工具。

          將顯示縮放圖像
          用戶界面

          3. ChatGPT:基于 GPT-4 的 UX 文本生成

          ChatGPT隨時準備提供完美的描述或用戶體驗文本。它基于 GPT-4 模型,能夠輕松適應您的需求,就像一位經驗豐富的編輯讀懂您的心思一樣。其優勢在于,它不僅節省時間,還能激發團隊靈感。

          將顯示縮放圖像
          GPT 3.5 和 4.0 聊天功能的區別

          4. Attention Insight:人工智能驅動的 UI 和 UX 分析

          Attention Insight就像一張 X 光片,可以掃描并預測用戶會在哪些地方停留。它利用人工智能技術,幫助您調整焦點,就像調整相機鏡頭以獲得最清晰的照片一樣。Attention Insight 的優勢在于它能夠高效精準地完成這項工作,而無需依賴耗時耗力且成本高昂的 A/B 測試。

          將顯示縮放圖像
          Attention Insight 界面

          5. Khroma:一款人工智能配色方案工具

          Khroma是一款個性化配色工具,可讓您根據自己的喜好找到完美的配色方案。它利用神經網絡學習您的偏好,并推薦能夠為您的界面增添特色的配色方案。Khroma 憑借其個性化設計擊敗了競爭對手——它推薦的配色方案是根據您的喜好量身定制的。

          將顯示縮放圖像
          赫羅馬整合

          6. 讓我們增強:優化圖像以提高用戶體驗

          Let's Enhance就像一個高清濾鏡,能將像素化的圖像轉化為清晰銳利的視覺效果。在 AI 的支持下,Let's Enhance 可自動提升分辨率、紋理和色彩細節,讓您的圖片完美契合 UI 界面。其主要優勢在于即時提升畫質,這對于需要快速優化高分辨率的大型項目來說非常實用。

          將顯示縮放圖像
          讓我們增強界面

          7. Adobe Sensei:Adobe 產品中的人工智能

          Adobe Sensei是您所有常用 Adobe 產品的強大引擎。它利用機器學習加速流程,無論是處理圖像還是分析用戶數據,都能將您的設計提升到更高的自動化水平。與其他解決方案不同,Adobe Sensei 內置于整個 Adobe Creative 套件中,讓您的工作更快速、更便捷。

          將顯示縮放圖像
          Adobe Sensei 界面

          8. DALL-E 2:基于文本的圖像生成器

          DALL-E 2是一位藝術家,他能根據口頭描述,繪制出你所能想象的一切。它基于 GPT-3 模型,創作出細節豐富、獨具匠心的圖像,仿佛你的大腦直接連接到畫布。在同類產品中,DALL-E 2 以其能夠將傳統設計工具難以表達的最抽象概念可視化的能力而脫穎而出。

          將顯示縮放圖像
          DALL-E 2接口

          9. Vance AI:用于圖像處理和增強的人工智能

          Vance AI就像一位智能助手,可以即時增強您的圖像,使其擁有專業水準。它可以提高分辨率、去除背景并校正紋理,就像經過專業攝影工作室的后期處理一樣。Vance AI 使圖像處理變得快速便捷,尤其是在處理大量數據時。

          將顯示縮放圖像
          使用 Vance AI 應用程序之前和之后的圖像對比

          10. Galileo AI:由人工智能驅動的動畫工具

          Galileo AI是您的專屬動畫師,能夠瞬間賦予任何 UI 元素生命力。它運用機器學習技術,無需手動調整每一幀即可創建流暢的動畫。Galileo AI 憑借速度和靈活性超越競爭對手,讓設計師能夠專注于創意,而非墨守成規。

          將顯示縮放圖像
          伽利略人工智能接口

          11. Flow AI:構建聊天機器人和語音界面

          Flow AI就像一位交互工程師,能夠構建對話界面和聊天機器人,讓它們像人類專家一樣回答復雜的問題。Flow AI 可以幫助您創建周到的對話場景,而無需編寫代碼。與其他同類產品不同,Flow AI 提供簡單的設置和跨平臺支持,使其成為對話系統的多功能解決方案。

          將顯示縮放圖像
          Flow AI 的實際工作原理

          12. 深度夢境生成器:人工智能驅動的超現實圖像

          這款工具將人工智能技術應用于照片和視頻,創造出獨特的圖像,將其轉化為超現實的杰作。與其他生成器不同,Deep Dream 可以讓你創造出與眾不同的抽象效果,讓你瞬間從普通的視覺效果中脫穎而出。

          將顯示縮放圖像
          使用 Deep Dream Generator 創建的圖像

          13. Stark:用戶體驗的可訪問性檢查器

          Stark會根據包容性標準檢查你的設計。AI 會分析界面,檢查對比度、字體大小和顏色組合,以確保你的產品適合所有用戶。

          將顯示縮放圖像
          Stark 應用程序界面

          14. 設計AI:標志和視覺概念生成

          Design AI可在幾分鐘內創建徽標和視覺概念。它可以生成品牌標識并提供現成的解決方案,為您節省時間和資源。Design AI 在速度和經濟性方面超越同行,能夠在最短時間內提供高質量的成果。

          將顯示縮放圖像
          使用 Design AI 工具創建的徽標和標識

          15. Loomly:人工智能社交媒體管理

          Loomly可以幫助你構思創意、組織和規劃內容,并推薦最佳發布時機。它會分析你的受眾參與度,并為你推薦一些必定會“火爆”的帖子。

          將顯示縮放圖像
          Loomly 應用程序

          利用人工智能改進設計

          AI 工具徹底改變了 UI/UX 設計,尤其是在提供數據驅動的洞察方面。這減少了設計師在重復性任務上花費的時間,并賦予他們更多創造力。有了 AI 處理幕后機制,設計師現在可以專注于創建創新的、以用戶為中心的界面。

          雖然人工智能極大地提升了設計流程的效率,但務必牢記,它無法取代設計師獨特的人類直覺和創造力。最佳設計成果源于人類洞察力與人工智能工具的協同作用,其中設計師在引導設計流程和利用人工智能提供支持方面發揮著不可或缺的作用。

          結論

          人工智能顛覆了游戲規則,讓設計師能夠輕松創建更優質、更以用戶為中心的界面。如果您能夠充分利用這些工具,它們將助您改進設計流程、激發創新,并提供更具吸引力和活力的數字體驗。如此一來,您就可以將人工智能的技術突破與人類的技能和直覺相結合,突破可能性的界限,打造出完美的產品,開創 UI/UX 設計的未來。

           

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

          以人為本的人工智能:用戶體驗設計師的 5 個框架

          杰睿 交互設計及用戶體驗

          以一個人為決策樹中心的插圖

          2024 年是人工智能取得重大進步的一年,這項技術以驚人的速度融入我們的職業和個人生活。

          在家里,我很享受看著我的三個小兒子以他們自己獨特的方式沉浸在人工智能世界里。他們被最新一波的人工智能玩具所吸引,尤其是我們家的新“寵物”機器人Loona。它能用近乎科幻般的對話讓他們著迷——這得益于與2024年5月發布的GPT-4o的集成。Loona激發了孩子們的好奇心,引發了他們富有想象力的人機對話,甚至引發了兄弟姐妹之間關于它如何“思考”的熱烈討論。他們的興奮提醒我們,人工智能已經在塑造下一代人與科技的關系——使其更加個性化、引人入勝,甚至更容易被理解。

          將顯示縮放圖像
          Loona機器人玩具圖片
          KEYi Tech 的 Loona 機器人 — 圖片來源:keyirobot.com

          這種驚奇感一直延續到2025年,伴隨著NVIDIA在CES上令人嘆為觀止的主題演講拉開帷幕,這場演講展示了人形機器人的進步。NVIDIA首席執行官黃仁勛的演示凸顯了他對機器人和人工智能發展現狀的著迷,以及他對未來幾年快速變革步伐的有力預測。

          對于用戶體驗設計師來說,在人工智能快速發展的時代,好奇心與奉獻精神的結合至關重要。擁抱人工智能需要我們重新思考我們的流程,理解該技術的底層系統,并確保人類價值觀和用戶需求始終是我們創作的核心。擁抱人工智能需要我們重新思考我們的流程,了解該技術的底層系統,并確保人類價值觀和用戶需求仍然是我們創造的核心。

          隨著人工智能成為數字創新的支柱,我們作為設計師的角色也在不斷演變。我們不僅要塑造界面,更要打造將以人為本的原則與全新的技術交互方式相融合的體驗。這種轉變要求我們像技術人員一樣思考,擁抱數據驅動的系統,并將用戶中心置于人工智能項目之中。

          為了引領這一轉變,領先的科技公司和大學為以人為本的人工智能提供了切實可行的戰略。在本文中,我將分享來自 IBM、谷歌、微軟和卡內基梅隆大學的用戶體驗框架,為應對人工智能技術和工具的快速發展提供洞見和資源。

          1. IBM 的 AI/人類語境模型

          IBM 的AI/人類情境模型是其AI 設計實踐的核心。該模型提供了一個結構化的框架,確保 AI 解決方案能夠與用戶無縫交互,并隨著用戶輸入而不斷演進,同時尊重并增強其運行環境。

          將顯示縮放圖像
          IBM網站截圖
          資源:IBM 的 AI 設計

          IBM 的 AI/人類情境模型旨在指導符合人類需求和價值觀的 AI 系統的開發。該模型將 AI 驅動的體驗分解為幾個關鍵考量因素,每個因素對于創建有目的性、情境感知和以人為本的解決方案都至關重要:

          1. 理解意圖:人工智能系統必須優先考慮以人為本的目標,并考慮用戶的意圖、情感和情境。意圖代表了人工智能系統的基本宗旨,涵蓋了用戶和企業的目標、愿望、需求和價值觀。它定義了解決方案背后的“原因”,并確保系統設計具有清晰的、以用戶為中心的目標。
          2. 數據與政策:這指的是從用戶和外部世界收集的原始數據,以及保護和管理其使用的政策。數據是人工智能決策的支柱,但其收集和處理必須遵守嚴格的道德和監管標準。情境是實現有效人工智能交互的關鍵。IBM 強調系統理解影響用戶行為的情境和環境因素的重要性。例如,位置、時間或任務緊急程度等情境數據可以幫助人工智能提供更個性化、更相關的建議。
          3. 機器理解、推理、知識和表達:這指的是人工智能系統在其領域范圍內解釋結構化和非結構化數據的能力,應用邏輯分析數據并決定最佳行動方案的能力,確保知識庫通過新見解動態更新的能力,以及以符合用戶環境和期望的方式傳達其響應的能力。
          4. 人類反應與系統改進循環:這強調人工智能系統必須被設計為與人類協同工作,而不僅僅是為人類服務,從而確保自動化與人類自主性之間的平衡。用戶反應反映了用戶對人工智能系統表達的真實反饋——無論是顯式的還是隱式的。學習強調系統如何基于用戶交互和反饋不斷改進,使其能夠隨著時間的推移不斷發展并更好地服務于其目標。
          5. 評估結果:這強調結果衡量人工智能系統對現實世界的影響,代表它如何有效地滿足用戶需求并有效且合乎道德地解決問題。

          2. Google 的可解釋性評估標準

          Google 的可解釋性評估標準 (Explainability Rubric)提供了一個清晰的框架,用于創建透明、公平且以用戶為中心的 AI 系統,并重點強調了 22 條需要與用戶分享的關鍵信息。隨著 AI 不斷影響我們的工作方式、與企業的互動方式,甚至成為我們表達自我的工具,確保用戶能夠理解并信任這些系統至關重要。

          將顯示縮放圖像
          谷歌網站截圖
          資源:Google 的可解釋性評估標準

          該評分標準分為三個信息級別:一般級別特征級別決策級別。

          1. 總體層面:概述您的產品或服務的運作方式,包括人工智能的作用。解釋使用人工智能的主要目的和優勢、商業模式以及人工智能如何促進價值創造。重點介紹為確保安全、公平和透明而采取的措施,包括與社區互動、解決偏見問題以及分享績效信息。
          2. 功能層面:詳細說明具體的 AI 功能,包括其運作方式、AI 的激活時間以及用戶控制選項。解釋系統限制、人工參與和個性化選項。提供有關所用數據的信息,包括訓練數據、外部輸入以及用戶數據的處理和利用方式。
          3. 決策層:闡明具體的人工智能決策是如何制定的,系統對其輸出的可信度,以及如何識別錯誤或低質量結果。決策完成后,應提供用戶反饋渠道,允許提出異議,并清晰地告知用戶錯誤和修復措施。

          3.微軟的人機交互體驗(HAX)工具包

          微軟的HAX 工具包是一個綜合框架,專為開發面向用戶的 AI 產品團隊而設計。它有助于概念化 AI 系統的功能和行為方式,使其成為設計早期階段的實用工具。

          將顯示縮放圖像
          微軟網站截圖
          資源:微軟的 HAX 工具包

          HAX 工具包功能多樣,允許團隊根據自身獨特的需求、用例、產品類別和目標,混合搭配其設計工具。HAX 工具包的關鍵組件包括:

          1. 人機交互指南:這些是設計用戶交互過程中 AI 行為的最佳實踐。它們指導 AI 產品規劃,以確保直觀有效的體驗。
          2. HAX 設計庫:一個資源中心,通過可操作的設計模式和真實世界的例子來解釋人機交互指南。
          3. HAX 工作簿:一種協作工具,供團隊確定優先實施哪些指南,促進有重點且高效的設計討論。
          4. HAX 劇本:該劇本專為自然語言處理 (NLP) 應用程序量身定制,可識別常見的人機交互故障并提供緩解這些故障的策略。

          4. HCI Institute 的 AI 頭腦風暴工具包

          AI 頭腦風暴工具包由卡內基梅隆大學人機交互 (HCI) 研究所的研究人員創建,旨在提煉 AI 能力,幫助團隊探索如何利用 AI 構建應用。創新的停滯往往并非源于技術,而是因為團隊選擇了錯誤的項目。AI 頭腦風暴工具包解決了這個問題,提供了一種結構化的方法來設計既技術可行又以用戶為中心的 AI 驅動解決方案。

          將顯示縮放圖像
          HCI Institute 工具包截圖
          資源:HCI Institute 的 AI 頭腦風暴工具包

          該套件的結構化方法降低了開發不相關或不必要的AI解決方案的風險。通過關注AI的功能和用戶的需求,該套件使團隊能夠進行周到而有效的創新。該套件將AI功能分為不同的功能,例如:

          • 檢測模式(例如識別圖像中的人臉)
          • 預測趨勢(例如預測股票價格)
          • 生成內容(例如創建合成圖像或文本)
          • 自動化操作(例如跨不同應用程序執行工作流程)

          它概述了 40 個涵蓋醫療保健、教育和交通等不同領域的真實 AI 產品示例。該工具包還包含創意提示、影響力-投入矩陣和績效-專業知識網格等工具,可指導用戶選擇具有高影響力且可行的創意。要使用該工具包,首先要查看 AI 功能和示例,以激發您的團隊靈感。然后,進行結構化的頭腦風暴會議,探索機會、完善概念并評估潛在解決方案。該資源非常適合研討會、組織戰略會議和創新實驗室,確保團隊設計出具有影響力且以用戶為中心的 AI 產品。

          5. Google 的 People + AI 指南

          《People + AI 指南》由 Google 的多學科團隊People + AI Research (PAIR) 創建,提供了方法、最佳實踐、案例研究和設計模式的全面資源,旨在幫助設計師、開發人員和產品團隊創建有影響力的 AI 驅動解決方案。

          將顯示縮放圖像
          谷歌網站截圖
          資源:Google 的 People + AI 指南

          該指南介紹了 20 多種設計模式,為 AI 產品設計提供了實用且以行動為導向的指導。這些模式專注于解決產品開發過程中的關鍵挑戰,并圍繞常見問題進行組織,以幫助團隊找到相關的見解。

          • 以人為本的人工智能入門:
            包括確定人工智能是否增加價值、設定明確的用戶期望以及有效解釋產品優勢的指導。
          • 在產品中使用人工智能:
            強調充分利用人工智能,平衡自動化與用戶控制,并管理精度和召回率的權衡。
          • 引導用戶熟悉 AI 功能:
            涵蓋熟悉度、確保探索安全以及對新功能提供清晰的解釋。
          • 向用戶解釋人工智能:
            專注于解釋人工智能能力以便理解,適當地展示模型信心,并在直接用例之外提供更深入的背景解釋。
          • 負責任的數據集構建:
            重點介紹諸如涉及領域專家、為數據標簽者設計、維護數據集以及接受現實世界數據的混亂等實踐。
          • 建立和校準信任:
            指導團隊透明地設置隱私、錯誤責任以及實現用戶反饋和監督。
          • 平衡用戶控制和自動化:
            提供有關逐步實現自動化、在需要時將控制權交還給用戶以及確保自動化安全的建議。
          • 故障期間為用戶提供支持:
            鼓勵規劃錯誤解決并確保用戶在 AI 系統發生故障時能夠繼續前進。

          這五個框架為設計能夠自然融入我們日常生活的人工智能奠定了基礎——無論是好玩的、會對話的機器人玩具,還是讓我們保持井然有序、高效的應用程序。作為用戶體驗設計師,以人為本的框架來處理人工智能意味著要在新技術能力與責任之間取得平衡,審視人工智能是否已準備好并適用于每個用例,并構建具有用戶反饋循環的系統以推動持續改進。

           

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

          《交互設計小白如何從“流程圖思維”入門?一套拆解任務流程的實用方法》

          杰睿 設計管理與成長

          //寫在前面:
          適合人群:
          視覺轉交互 / UI Designer 想懂交互邏輯 / 想寫出好交互文檔的新手
          內容結構:
          1. 流程圖是什么,不是畫圖,是表達“用戶怎么一步步完成目標”
          2. 流程圖包含什么組成?(觸發—操作—反饋)
          3. 初學者常犯的理解誤區:關注畫面,不關注“操作過程”
          4. 拆解一個真實任務流(比如“預定會議室”/“注冊賬號”)
          5. 如何從用戶目標出發,寫出一張不依賴原型圖的流程清單
          6. 總結一套“新手流程圖五步法”
          a7af61c73dd145a5135dfffec16c8d28.jpg
          很多初入交互設計的小伙伴,都會聽到一個建議:“先從畫流程圖開始。”
          但流程圖到底**畫什么?表達什么?**為什么它對交互設計那么關鍵?
          今天這篇文章,我們就來系統梳理這件事,并教你如何用純文字也能表達出完整的用戶任務流程。

           流程圖是什么,不是畫圖,是表達“用戶怎么一步步完成目標”

          流程圖(User Flow)的本質,不是圖,而是一條用戶的操作路徑
          你可以把它理解為一張“任務執行地圖”:
          • 從哪里開始(入口)
          • 走過哪些關鍵步驟(過程)
          • 最終完成了什么(目標達成)
          它不是設計頁面樣子,不是決定按鈕放哪里,而是回答一個核心問題:用戶是怎么一步步完成這件事的?
          舉個例子:
          當你用滴滴打車的流程,其實是:
          markdown
          復制編輯
          1. 打開App → 看到“打車”入口 2. 輸入起點和終點 3. 選擇車型 → 確認訂單 4. 等待司機接單 → 上車 5. 到達目的地 → 支付 → 評價
          這其實就是一張流程圖的雛形。

          流程圖包含什么組成?用三段式理解(觸發 → 執行 → 反饋)

          為了讓新手更容易掌握,我們可以把一個用戶流程拆成以下三段:
          階段 說明 關鍵點
          觸發 Trigger 用戶產生動機/看到入口 任務從哪里開始?入口清晰嗎?
          執行 Action 用戶一步步完成操作 步驟順暢嗎?邏輯連貫嗎?
          反饋 Feedback 系統響應結果 是否完成目標?有沒有確認提示?
           這三段不是理論,而是你畫流程、寫文檔時必須考慮的三個設計面。

          初學者常犯的誤區:關注“頁面”,而忽略“操作過程”

          很多設計小白在學習初期,習慣一上來就畫界面、堆按鈕。
          但問題是——你連用戶要做什么都沒搞清楚,怎么知道該放什么控件?
           典型誤區:
          • 原型里有“上傳按鈕”,但沒想清楚用戶是上傳圖片還是文件?能否預覽?能刪改嗎?
          • 有“下一步”,但用戶是否真的已經完成上一步?有沒有校驗、提示?
           正確思維應該是:
          “用戶要完成一件事 → 他需要經過哪幾步 → 每一步中他需要系統給什么?”

           拆解一個真實任務流示例:「預約會議室」

          我們以一個企業內部系統中的真實任務流為例:
           用戶目標:預約明天下午的會議室開會

           用戶流程拆解:

          markdown
          復制編輯
          1. 登錄系統 → 首頁選擇“會議室預約”入口 2. 選擇日期 → 選擇時間段(如14:00-15:00) 3. 選擇會議室(系統過濾出可用的) 4. 填寫用途說明 → 提交預約 5. 顯示預約成功提示 → 可查看預約記錄

          這張流程圖體現的設計思考包括:

          • 步驟是否有明確反饋?
          • 用戶是否容易出錯?
          • 系統是否能預防沖突時間段?
          • 可編輯、取消嗎?流程中斷如何處理?

           如何從用戶目標出發,寫出一張不依賴原型圖的流程清單

          很多人以為流程圖就必須要“畫”,但對于剛入門的同學,用文字寫出一張流程清單,已經很強了!

          操作方法:

          以“注冊賬號”為例,試著這樣寫清楚流程:
          markdown
          復制編輯
          【用戶目標】注冊一個新賬號 【觸發入口】 - 打開App → 點擊“注冊” 【執行過程】 1. 輸入手機號 2. 獲取驗證碼 → 系統發送 3. 輸入驗證碼 → 系統校驗 4. 設置密碼 5. 勾選用戶協議 → 點擊“注冊” 【反饋結果】 - 注冊成功 → 跳轉至首頁 - 如果失敗 → 顯示具體錯誤(如驗證碼錯誤)
          這個結構比直接畫個框圖更清晰、更全面,還方便和開發、產品對齊邏輯。

          總結一套「新手流程圖五步法」

          很多人不知道從哪開始畫流程,其實你可以用下面這套通用五步法

          新手流程圖五步法:

          步驟 問題提示 示例
          1. 明確用戶目標 他要完成什么任務? 預約會議室、提交訂單等
          2. 確定起點入口 他從哪開始這件事? 首頁、菜單欄、按鈕
          3. 列出關鍵步驟 他必須做哪些操作? 選擇、輸入、確認等
          4. 標記系統反饋 系統會給出什么回應? 成功提示、錯誤校驗等
          5. 考慮中斷/異常 用戶會在哪些地方卡住? 驗證失敗、網絡斷開等
          有時候不需要一次做得很完美,先寫出主流程,再補充邊界情況,也很棒。
           
          推薦你這樣開始練習:
          選擇一個你熟悉的 App,如微信、小紅書、餓了么
          模擬一個真實任務,如“下單”、“發評論”、“修改資料”
          用上面五步法寫出完整流程清單,別畫圖也行!
           
          蘭亭妙微(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          如何使用人工智能從現有設計中生成設計變體

          杰睿 用戶研究

          如何利用人工智能根據現有設計生成設計選項?

          這是一個常見的用例:

          • 也許您認為當前的登錄頁面太混亂并想改進它。
          • 也許您正在進行設計,但感覺只有一個想法,并且希望有更多的設計選擇來獲得靈感。

          然而,我在網上并沒有看到太多關于如何使用人工智能來解決此類用例的討論。

          所以今天,我將逐步向您介紹一些示例,包括我使用的提示、工作流程和結果。

          讓我們開始吧!

          概述

          由于我只需要專注于前端設計,因此我使用了V0Magic Patterns進行演示。我特意選擇它們是因為它們都是針對前端優化的 AI 原型設計工具。

          兩種工具都可以完成這項工作,但我在兩種工具中都運行了同一組提示,以便您可以更好地了解它們可以實現的功能。

          如果您有興趣,您也可以在其他工具(如Cursor、WindsurfBolt )中運行相同的工作流程,然后告訴我進展如何。

          工作流程分為兩個步驟:

          • 步驟1:讓AI分析設計并提出改進建議。
          • 第 2 步:要求 AI 根據其建議生成設計變體。

          如果您清楚自己想要進行哪些設計改進,您當然可以將步驟 1 和 2 合并為一個簡單的步驟——只需上傳設計、提供您的建議,然后要求 AI 生成新的設計選項。)

          我使用 Kayak.com 的頂部部分作為演示的現有設計。

          將顯示縮放圖像
          Kayak.com

          問:仔細看看。你會如何設計它以不同的方式?

          第一個提示

          這是我放入 V0 和 Magic Patterns 的第一個提示,以及 Kayak 主頁頂部部分的快照。

          提供 Kayak 登陸頁面的設計評論(見附件快照)。擔任具有深厚 UX/UI 專業知識的經驗豐富的產品設計師。KAYAK 的主要業務目標是通過為旅行者提供旅行規劃工具來賦能他們。其搜索引擎會掃描各種旅游網站,提供豐富的機票、酒店、租車和度假套餐選擇和價格。其主要用戶是希望搜索和比較旅行選擇的日常旅行者。請使用以下視角評估桌面主頁:- 核心價值主張清晰
          - 信息架構和易于查找關鍵操作
          - 視覺層次、布局和空間使用
          還包括 3-5 條具體的、高影響力的建議,以改善主頁上的用戶體驗或轉化率。

          正如您所見,我還包括了主要的業務和用戶目標——這是一個小提示,可以為 AI 提供更多設計分析的背景。

          V0

          V0的設計分析:

          將顯示縮放圖像
          V0的設計分析

          一長串的分析,啟發性十足。我大概也能從 ChatGPT 或 Claude 得到類似的結果。

          (下一步是根據這些建議生成設計方案。但正如我之前提到的,實際上我也可以提供自己的設計建議,例如“當前設計缺乏清晰的視覺層次,并且留白過多。您能否生成三個設計方案來解決這個問題?”)

          接下來,我要求 V0 生成設計選項:

          根據以上建議,您能否為 Kayak 主頁快照生成 8 種備選設計方案?Kayak 主頁快照的8 替代設計選項?

          正如我所料,它運行了很長時間,每個設計選項大約一分鐘。因此,我點擊了“停止”,并在提示中將數量從 8 減少到 3:

          根據以上建議,您能否為 Kayak 主頁快照生成 3 個備選設計方案?Kayak 主頁快照3 備選設計方案嗎?

          V0 在大約 1.5 分鐘內生成了 3 個設計選項:

          • 設計1:增強核心體驗
          • 設計二:沉浸式英雄體驗
          • 設計3:以目的地為中心的體驗

          設計方案1:增強核心體驗

          V0 描述的快照:

          將顯示縮放圖像
          V0 對設計選項 1 的描述

          它生成的設計:

          將顯示縮放圖像
          V0的設計

          設計方案二:沉浸式英雄體驗

          V0 描述的快照:

          將顯示縮放圖像
          V0 對設計選項 2 的描述

          它生成的設計:

          將顯示縮放圖像
          V0的設計

          設計方案3:以目的地為中心的體驗

          V0 描述的快照:

          將顯示縮放圖像
          V0 對設計選項 3 的描述

          它生成的設計:

          將顯示縮放圖像
          V0的設計

          印象

          總體而言,效果令人印象深刻。我喜歡這些精致的細節。它保留了我提供的快照中的必要信息(顏色、樣式、CTA)。

          所有生成的設計都由具有基本交互效果的代碼支持,例如輸入字段交互和懸停效果。

          我希望設計選項之間能有更清晰的區分。不過我也可以嘗試后續的提示來解決這個問題。

          魔法圖案

          Magic Patterns 的設計分析:

          將顯示縮放圖像
          Magic Patterns 的設計分析

          有些我同意,有些我不同意。為了演示,我簡單地讓它生成相應的設計選項:

          根據以上建議,您能否為 Kayak 主頁快照生成 8 種備選設計方案?Kayak 主頁快照的8 替代設計選項?

          Magic Patterns 在 1.5 分鐘內生成了 8 個設計選項,比我預期的要快。

          由于新聞稿的篇幅限制,我在這里僅展示三種設計:

          設計方案1:增強價值主張

          將顯示縮放圖像
          Magic Patterns 的設計

          設計選項 2:搜索優先設計

          將顯示縮放圖像
          Magic Patterns 的設計

          設計選項3:社會認同焦點

          將顯示縮放圖像
          Magic Patterns 的設計

          印象

          與 V0 相比,設計更加簡單。

          它在更短的時間內生成了更多的設計,這很棒。

          我很喜歡它的“導入 Figma”功能。我可以將生成的設計導入 Figma 進行進一步編輯。

          此外,它還有一個Chrome 擴展程序,可以讓我把網頁轉換成 React 組件或 Figma。雖然不完美,但我對它的功能非常期待。

           

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

          產品設計的未來

          杰睿 設計管理與成長

          用戶體驗設計:如何設計有效的“第一次觸發”?從 Push 到頁面設計

          杰睿 設計管理與成長

           

          ——基于《Hooked》模型的用戶激活交互思路
           

          一、什么是“第一次觸發”?為什么它決定了用戶的去留?

          在《Hooked》一書中,作者提出“Trigger”是促使用戶行動的第一步。觸發可以分為兩種:
          外部觸發:例如 App 推送、廣告、鏈接、好友邀請
          內部觸發:用戶自己產生的動機,比如焦慮、孤獨、空閑、好奇等情緒
          “第一次觸發”通常指的是用戶首次接觸產品的關鍵時刻,也是我們設計中用戶激活(activation)環節的核心。很多產品在吸引用戶下載后,沒能成功完成這一步,導致高流失率。
          那么,如何讓用戶在第一次接觸產品時就“被打動”,甚至開始“動手”?這是交互設計師無法回避的挑戰。

          二、Hook 模型下的第一次觸發路徑

          我們可以將“第一次觸發”的設計過程,拆解為一個 Hook 的微循環:
          swift
          復制編輯
          外部觸發(推送/鏈接/內容)→ 用戶行動 → 變動獎勵 → 微投入
          設計的關鍵在于:
          觸發是否準確命中動機
          頁面是否降低了行動成本
          是否提供足夠正向反饋,激勵用戶進入下一步

          三、實際場景中,“第一次觸發”都可以怎么設計?

          下面以兩個典型路徑為例,展開設計思路。
          1. 從 Push 到行動:信息即引導
          場景:用戶安裝 App 后首次收到推送通知 
          目標:提高用戶點開并進入 App 的概率

          設計策略:

          情境感知:比如早上推送“為你準備了 3 條晨間資訊”,中午推送“你關注的咖啡店正在打折”。
          視覺引導:通知樣式帶有關鍵詞高亮、情緒詞匯、數字誘因(“3 條”、“50%”等)。
          即時性獎勵:如“限時免費”、“首次點擊得積分”。

          示例對比:

          普通推送文案:
          “你有新消息,點擊查看。”
          優化后:
          “你的新客戶留言了:點擊 30 秒內回復可得 50 積分!”
          用戶動機 + 獎勵機制 + 時間緊迫感 = 有效第一次觸發
          1. 首屏設計:默認就是最好的引導
          2.  場景:用戶打開 App 或首次訪問頁面 
          3. 目標:促使用戶完成關鍵行為,如注冊、收藏、瀏覽首個內容

           設計策略:

          將用戶動機前置化:如圖文內容帶標簽“為你推薦”、“同城熱門”
          提供默認建議:如自動生成 3 個關注推薦,不讓用戶空白加載
          弱引導行動按鈕:如“我想試試看”、“點這里獲取專屬內容”,代替“立即注冊”

          小結:

          元素 常見問題 設計優化
          空白狀態 “你還沒有收藏內容” 提供推薦 / 模擬數據
          注冊頁面 信息太多 / 提示太弱 三步注冊 / 支持游客試用
          首頁內容 冷啟動/無吸引力 動態推薦 + 情境觸發設計

          四、設計師如何判斷觸發設計是否有效?

          ? 指標層面

          激活率:App 下載后次日留存 / 完成注冊 / 觸發首次行為的用戶比例
          首觸轉化率:觸發內容點擊后進入行為的用戶比例

          ? 用戶層面

          用戶是否在無需幫助的情況下完成操作
          用戶是否表達出“被內容打動”的情緒反應(通過反饋/行為路徑觀察)

          第一次觸發,決定了第一次信任

          “第一次觸發”的設計不只是營銷或產品經理的工作,它是交互設計的前哨戰
          從文案到頁面布局,從通知到首屏,一切都在為用戶“做決策”而服務;
          要問的不是“設計美不美”,而是:“用戶有沒有動起來?”
          Hook 模型里,觸發只是起點,但它決定了是否進入循環的門檻。
           
          蘭亭妙微(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合