92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

首頁

從無人閱讀的文檔到生動的設計系統

杰睿

當美好的愿望遭遇現實

按 Enter 鍵或單擊即可查看完整尺寸的圖像
我們用來記錄 Notion 上的設計系統組件的模板

改變一切的研究

按 Enter 鍵或單擊即可查看完整尺寸的圖像
按 Enter 鍵或單擊即可查看完整尺寸的圖像

將文檔重新想象為一種生活工具

我們不需要要求團隊適應我們的系統,如果我們的系統適應他們呢?

我們的新理念:展示,而不是講述

新的文檔架構

組件標題

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Accordion 組件的新標題

視覺規格

按 Enter 鍵或單擊即可查看完整尺寸的圖像
組件文檔的第一個面板:組件本身及其所有變體

情境指導

按 Enter 鍵或單擊即可查看完整尺寸的圖像
表格組件的上下文指南

注意事項

按 Enter 鍵或單擊即可查看完整尺寸的圖像
選擇卡組件的注意事項部分

應用內示例

按 Enter 鍵或單擊即可查看完整尺寸的圖像
在應用程序中使用 Accordion 組件的示例

最終結果

按 Enter 鍵或單擊即可查看完整尺寸的圖像

結果

建立在成功的基礎上

教訓

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

5 個優秀的 UX UI 作品集,供您參考(2025 年)

杰睿

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Diego Rappi 產品設計師
按 Enter 鍵或單擊即可查看完整尺寸的圖像

伊莉扎維塔·比利亞耶娃

按 Enter 鍵或單擊即可查看完整尺寸的圖像
按 Enter 鍵或單擊即可查看完整尺寸的圖像
Jay Park 作品集

樸宰范

注意事項

應該做的

注意事項

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

如何使用 AI 實現 Figma 工作流程自動化

杰睿

步驟 1:連接 Figma 以獲取評論

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Figma 組件的設置

第 2 步:在將評論輸入 AI 之前對其進行格式化

按 Enter 鍵或單擊即可查看完整尺寸的圖像
工具組件的設置
按 Enter 鍵或單擊即可查看完整尺寸的圖像
Figma 組件的直接輸出

步驟 3:使用 AI 對 Figma 評論進行分類、總結和格式化

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Gemini AI組件的設置

1. 為什么選擇 Google Gemini AI

2. 提供用戶文本

以下是來自設計文件的 Figma 評論列表。- 嚴格根據內容將其分為最多 **4 個類別**。- 使用**Figma 評論中的確切措辭**,無需修改或編造內容。- 每個類別應包括:  - 使用 `<h2>類別名稱</h2>` 的**標題**。  - `<p><b>此處為摘要文本</b></p>` 內的**加粗摘要**。  - `<ul><li>“實際 Figma 評論”</li></ul>` 內的**真實示例列表**,列表前有空格。  - **每個類別最多限制 4 個要點**。- **請勿添加新示例。僅使用格式化注釋中提供的內容。**- 如果評論不屬于這 3 個類別之一,請將其放在“其他”下。- **您只能以 HTML 格式回復**并且必須使用以下標簽:  `<h2>`、`<p>`、`<ul>`、`<li>`、`<b>` 和 `<a>`。---### **Figma 評論(從文件動態提?。?*{{formatted_comments}}

3. 設置輸出令牌和溫度

步驟 4:連接到 Google 文檔

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Google Docs 組件的設置

附錄

1. 文本解析器不再是必要的。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
文本解析器組件的設置

2. 對回應進行盡職調查。

3. 調度功能很有用。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
日程設置

 

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

【游戲界面設計分享】《DUNE|Personal Work》

杰睿

imgi_34_3db6b6213486985.6747309f530b9.png

imgi_35_773966213486985.6747309f52652.png

imgi_36_9a1e76213486985.67585eae083fc.png

imgi_90_456a13213486985.67585eae07f18.png

imgi_91_80499a213486985.67585eae08911.png

從《沙丘》UI概念設計看游戲界面經驗

前幾天在 Behance 上刷到一個《DUNE|Personal Work》的 UI 概念項目,整體完成度很高。作為設計師,我覺得這類作品不僅是視覺享受,也能總結出一些值得借鑒的經驗點。這里就結合其中的陣營選擇界面和整體展示,整理一些觀察和思考。


1. 版式與結構:焦點與對稱

這類「陣營選擇」場景,本質上是一個決策界面。作者采用了很經典的結構:

  • 中央突出:當前選中的陣營(走私者)放在正中間,卡片更大、更亮,帶有金色光暈。

  • 對稱排布:左右陣營呈對稱分布,層級自然清晰,符合玩家的瀏覽動線。

  • 信息分區:上半部分是角色立繪和陣營徽記,下半部分是機制說明和操作提示。模塊分明,不容易迷失。

經驗點:在決策型界面中,居中放大+光效高亮,是非常直接有效的焦點策略。


2. 視覺語言:氛圍與辨識

《沙丘》的世界觀強調沙漠、貴族與荒涼感,UI 也延續了這一氛圍:

  • 材質:背景有金屬與沙塵質感,帶來厚重感。

  • 色彩:每個陣營配有主色(綠色、棕色、藍色、金色、紅色),既強化辨識,又有“品牌”味道。

  • 徽記:幾何化的陣營符號,簡潔且容易記憶。

經驗點:大型世界觀游戲的 UI,最好在顏色、圖形符號和氛圍感上形成自洽體系。


3. 信息呈現:符號化與層次感

在陣營說明區,信息拆解得很合理:

  • 優缺點:紅色 V 表示劣勢,綠色 ▲ 表示優勢。非常直觀,不需要額外解釋。

  • 敘事與機制結合:不僅給數值效果,還加了劇情描述(例如與弗瑞曼的沖突),讓選擇更有代入感。

經驗點:把理性信息(數值)和感性信息(劇情)結合,能讓玩家在選擇時既動腦又動情。


4. 交互與引導:清晰的操作提示

底部的操作提示很細致:

  • A 選擇 / B 詳情 / X 故事,分別對應不同層級的操作需求。

  • 玩家既可以直接做決定,也可以深入劇情,滿足不同類型的用戶。

經驗點:關鍵節點上提供“淺 → 深”不同層級的操作選項,能兼顧快進型玩家和沉浸型玩家。


5. 作品展示方式:完整體驗

Behance 項目整體除了界面,還展示了:

  • 不同場景的 UI(例如主菜單、HUD、資源界面)。

  • 色彩與符號系統,確保整體一致性。

  • 工具說明(Photoshop / Midjourney / 后期合成),透明展示流程。

經驗點:在作品集展示中,不僅要秀界面,還要展示系統性思考和設計過程。


總結

這份《DUNE》個人 UI 概念作品給我的幾點啟發:

  1. 決策型界面要突出焦點,用對稱和光效增強層級。

  2. 色彩與符號體系是陣營/角色類 UI 的關鍵資產。

  3. 信息既要數值化,又要敘事化,提升代入感。

  4. 操作引導要考慮不同層級的玩家。

  5. 作品集展示不僅是炫圖,還要有系統設計思路。

如果你正在做游戲 UI 或作品集,這些經驗都值得借鑒。

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

 

 

如果必須重新開始,我將如何在 3 個月內學習 UI/UX 設計

杰睿

適用對象

本指南非常適合:

  • 年輕的 UI/UX 設計師正在尋求進入該行業。
  • 希望進入設計領域的職業轉換者(例如開發人員或營銷人員)。
  • 想要實踐設計技能并提高專業水平的專業人士。

沒有經驗?沒問題。

您所需要的只是好奇心、學習興趣和額外的奉獻精神。

為什么 UI/UX 設計是一個很好的職業選擇

按 Enter 鍵或單擊即可查看完整尺寸的圖像

工作需求和機會

UI/UX 設計正在蓬勃發展,數據也印證了這一點。美國勞工統計局預測,從 2021 年到 2031 年,數字設計專業的需求將增長 15%,領先于其他行業。

從 IT 公司到醫療保健初創企業,每個行業都需要設計師設計清晰且具有視覺吸引力的產品。

無論您想成為 UI 設計師、UX 研究員還是產品設計師,您跨工作和跨領域合作的機會都是無與倫比的。

另外,遠程工作怎么樣?這是此字段的默認設置。

技能優勢

您可以通過字體和調色板發揮您的創造力,解決用戶流程方面的挑戰,并精通原型設計等技術技能。

結果如何?一份有趣又令人滿意的工作。根據 Glassdoor 的數據,UX 設計師的全球平均薪資在 8 萬至 12 萬美元之間,頂級職位的薪資甚至更高。

智能布局生成器等人工智能解決方案旨在提高生產力,而不是取代人類的技能。

用戶體驗的影響

UI/UX 設計除了賺錢之外,還旨在讓人們的生活更輕松。

想象一下您上次在線購買披薩或預訂機票的情況。

良好的用戶體驗讓這些任務變得毫不費力,而糟糕的用戶體驗會讓你對著屏幕尖叫。

作為一名設計師,你將通過構建既簡潔又鼓舞人心的數字體驗來應對現實世界的問題。這種影響力會讓你欣喜地說:“這是我設計的。”

第 1 個月:奠定基礎,培養核心技能

了解基礎知識

第一個月的主要任務是奠定堅實的基礎。

首先,區分 UI(視覺界面,例如按鈕、顏色和布局)和 UX(整體體驗,例如易用性和滿意度)。

我花了數周時間平滑按鈕的漸變,卻發現用戶根本找不到它,這真是太慘了。

需要重點關注的關鍵技能:

  • 基本設計原則:了解排版、色彩理論、網格和布局。這些是任何優秀設計的基本組成部分。
  • 以用戶為中心的設計:培養思考用戶需求的實踐能力。他們是誰?什么會讓人感到沮喪?設計一些小型的用戶畫像進行實踐。
  • 線框圖和原型設計:開始采用低保真線框圖(應用程序屏幕的草圖)來規劃用戶流程。

資源:

  • 在 YouTube 上觀看簡短的 YouTube 視頻來掌握基礎知識。
  • 閱讀唐納德·諾曼的《設計心理學》,它將徹底改變我們理解設計“為什么”的方式。
  • lawsofux.com看看那些緊湊原理,比如??硕珊头拼亩?。(你可能不信,但我有時還是會去看看這個網站,我想你應該知道這沒什么問題。)
  • 為了使學習更容易,嘗試玩Method.acIt's Centered That等交互式設計游戲。

專業提示:不妨從日常事物入手,比如你的咖啡機、銀行應用程序或自動售貨機。“為什么要這樣設計?”“還有什么更好的選擇?”這種態度可以提升設計師的創造力。

第二個月:培養真正的技能

按 Enter 鍵或單擊即可查看完整尺寸的圖像

學習設計工具和實踐

現在是時候動手實踐了。第二個月的重點是學習工具并將其應用于實際場景。

設計軟件一開始可能看起來很嚇人,但是一旦你掌握了它的感覺,它就像騎自行車一樣簡單(而且膝蓋不會擦傷)。

練習,練習,再練習:

  • 重新設計現有的應用程序或網站:選擇一個熱門應用程序(例如你最喜歡的外賣服務),并使用第一個月的設計理念來改進其界面。重點在于提升價值和外觀。
  • 建立作品集:使用這些重新設計的作品集來創建一個簡單的作品集。即使只有一個完成的項目也是一個好的開始。
  • 關鍵技能:響應式設計(適用于移動設備和桌面的設計)、用戶流(通過創建用戶旅程)以及使用 Figma 或 Framer 進行高保真原型設計的技能。

資源:

我的第一次重新設計是為一個復雜的電商網站做的。我花了幾個小時修改按鈕的顏色,結果發現結賬流程簡直像個迷宮。那時我才意識到,吸引人的設計固然好,但真正能讓你被雇傭的,是解決用戶問題。

第三個月:建立投資組合和應對現實挑戰

按 Enter 鍵或單擊即可查看完整尺寸的圖像

你已經進入最后沖刺階段了!第三個月,你將用實際項目證明你的技能,并打造一個讓你眼前一亮的作品集,讓你“快來雇傭我!”

正是在這里,我從“我認為我能做到”轉變為“我一名 UI/UX 設計師”。

與他人合作:

  • 從事真正的項目,例如重新設計本地企業的網站或為 GitHub 上的開源項目做出貢獻。
  • 從設計社區獲取反饋,例如Instagram、XLinkedIn、Dribbble、BehanceReddit 的 r/userexperience。在我職業生涯的早期,一位導師的誠實評價(“你的字體選擇太瘋狂了”)拯救了我的作品集,使其免于受損。

投資組合開發:

  • 在流暢的網絡作品集上展示 2-3 件您最出色的作品(Notion 或 Webflow,或Framer(我個人使用)是免費選項)。
  • 為每個項目撰寫案例研究,解釋你的流程:調研、構思、測試和迭代。這能向公司表明你是一位思考者,而不僅僅是一個像素推手。
  • 關鍵技能:學習用戶測試(讓朋友嘗試您的想法并記錄任何問題)、修改(根據反饋進行改進)和演示(練習有效地表達您的工作)。

資源:

  • Behance 的熱門設計師作品集可能會給你帶來啟發。
  • Medium 上的 UX 設計社區提供免費的案例研究模板。

使用 AI 驅動的 Figma 插件(例如智能布局工具和調色板生成器)提升您的工作效率。就像擁有一個永不休眠的設計助手。

我建議您開始在工作流程中使用 AI,這樣您的工作速度就可以比其他設計師快 10 倍!

關鍵習慣

按 Enter 鍵或單擊即可查看完整尺寸的圖像

養成日常觀察的習慣。分析實體和數字事物,例如健身追蹤器、新聞應用和餐廳菜單。

可用性怎么樣?為什么是這個顏色?如何改進?

這可以幫助您像設計師一樣思考,并且您很快就會發現用戶體驗(和解決方案)的問題隨處可見。

專家建議和專業提示

  • 建立人脈網,就像你的職業生涯全靠它一樣。我的第一份自由職業工作來自一次偶然的機會,當時我緊張地遞上了我的作品集。在領英和Instagram上直接聯系你尊敬的設計師。
  • 堅持是關鍵。即使每天只花30分鐘學習新事物,或者讀一讀尼爾·埃亞爾的《Hooked》,也能帶來顯著的變化。
  • 接受反饋:反饋雖然令人難受,但卻是改進的最快途徑。我曾經因為一些評論刪除了一個完整的項目,但這次返工讓我贏得了一位客戶。

雇主希望設計師能夠加快結賬流程或提高客戶參與度,而不僅僅是讓事情變得有趣。

最后的想法

成為一名 UI/UX 設計師只需要策略和奉獻精神,而不是設計學位或多年的經驗。

在三個月內,您可以通過了解基礎知識、創建真實世界的項目并自信地展示您的工作,從初學者進步到可以投入工作的水平。

現在邁出第一步:選擇一個應用程序,重新設計一個屏幕,并與好友分享,并且不要忘記在社交媒體上分享它以獲得反饋。

設計行業正在尋找您獨特的見解。

感覺受到啟發了嗎?關注我的 Instagram (@rehan.designs),獲取每日見解、作品集點評以及我的設計幕后花絮。

 

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

Agentic UX 的秘密:人類與 AI 代理交互的新興設計模式

杰睿

想法簡述

  • 本文探討了 UX 設計師如何通過了解影響代理行為和用戶交互的四種關鍵能力類型來有效地與 AI 代理合作。
  • 它強調在設計過程早期評估人工智能代理的感知、推理、行動和學習能力的重要性,以創造現實、合乎道德和以用戶為中心的體驗。
  • 該作品提供了實用的框架和示例——從智能家居設備到醫療保健機器人——以幫助設計師提出正確的問題、跨職能協作以及負責任地使用人工智能。

隨著人工智能 (AI) 越來越深入地融入產品,設計師必須了解這些系統真正能做什么。本文介紹了一個圍繞感知、推理、記憶和代理四大核心能力構建的實用框架,旨在幫助用戶體驗 (UX) 專業人士設計更智能、更值得信賴的 AI 體驗。本書包含真實案例和實用技巧,對于任何致力于塑造 AI 界面未來的人士來說,都是必讀之作。

許多人認為,人工智能代理已經存在,只是分布不均。然而,目前很少有案例能夠展現與這種近未來人工智能的良好交互體驗。幸運的是,在最近的 AWS Re: Invent 大會上,我偶然發現了一個與人工智能代理交互的用戶體驗的絕佳示例,我迫不及待地想在本文中與大家分享這一愿景。但首先,人工智能代理究竟是什么?

什么是 AI 代理?

想象一下一個蟻群。在一個典型的蟻群中,有不同專長的螞蟻:工蟻、兵蟻、雄蟻、蟻后等等。蟻群中的每只螞蟻都有不同的工作——它們獨立運作,但又像一個緊密結合的整體。你可以“雇傭”一只螞蟻(代理)為你做一些簡單的半自主工作,這本身就很酷。然而,試想一下,你可以雇傭整個蟻丘去做一些更復雜或更有趣的事情:找出你的系統出了什么問題,預訂你的行程,或者……做幾乎所有人類在電腦前能做的事情。每只螞蟻本身并不非常聰明——它們高度專業化,專注于完成特定的工作。然而,不同專長的螞蟻組合在一起,呈現出一種我們將其與高級動物聯系起來的“集體智慧”。我們在博客中一直使用的“人工智能”(AI)與人工智能代理之間最顯著的區別在于自主性。您不需要向 AI 代理提供精確的指令或等待同步輸出 - 與一組 AI 代理的整個交互更加流暢和靈活,就像蟻丘解決問題一樣。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
《人工智能用戶體驗:設計人工智能驅動產品的框架》 (Wiley出版社,2025年)圖片來源:Greg Nudelman

AI 代理如何工作?

代理型人工智能 (Agentic AI) 的工作方式多種多樣——這是一個內容豐富的主題,值得專門寫一本書來探討(或許一兩年后)。在本文中,我們將以系統故障排除為例,闡述一個涉及主管代理(也稱為“推理代理”)和多個工作代理的復雜流程。該流程始于人類操作員收到問題警報。他們啟動調查,然后由主管代理領導的半自主 AI 代理團隊幫助他們找到根本原因,并提出解決問題的建議。讓我們用步驟圖來分解與 AI 代理交互的過程:

按 Enter 鍵或單擊即可查看完整尺寸的圖像
多階段代理AI流程。圖片由Greg Nudelman提供

上圖所示的多階段代理工作流程包含以下步驟:

  1. 人類操作員向主管 AI 代理發出一般請求。
  2. 然后,主管 AI 代理啟動并向幾個專門的半自主工作者 AI 代理發出一般請求,這些代理開始調查系統的各個部分,尋找根本原因(數據庫)。
  3. 工作代理將調查結果帶回主管代理,主管代理將其整理為對人類操作員的建議。
  4. 人類操作員接受或拒絕各種建議,這會導致主管代理啟動更多工作人員進行調查(云)。
  5. 經過一段時間的反復,主管代理提出了關于根本原因的假設并將其交給人類操作員。

如同與典型的人類組織簽訂合同一樣,主管AI代理擁有一支由專業AI代理組成的團隊。主管可以將消息路由到其監管下的任何AI工作代理,這些代理將執行任務并反饋給主管。主管可以選擇將任務分配給特定代理,并在稍后獲得更多信息時發送附加指令。最后,任務完成后,輸出將反饋給用戶。然后,人類操作員可以選擇向主管AI代理提供反饋或附加任務,在這種情況下,整個流程將重新開始。

人類無需擔心任何內部事務——所有事務都由“主管”以半自主的方式處理。人類所做的只是提出一個通用請求,然后審查并響應這個代理“組織”的輸出。如果你能做到這一點,這正是你與蟻群溝通的方式:你將工作分配給蟻后,讓她管理所有工蟻、兵蟻、雄蟻等等。與蟻群類似,單個專業代理不需要特別聰明,也不需要直接與人類操作員溝通——它們只需要能夠半自主地解決它們被設計執行的專業任務,并將精確的輸出反饋給“主管”代理,僅此而已。“主管”代理的工作就是完成所有的推理和溝通。這種人工智能模型更高效、更經濟,并且在許多任務中都非常實用。讓我們來看看交互流程,以便更好地感受這種體驗在現實世界中的感受。

使用案例:使用 AI 代理進行 CloudWatch 調查

為簡單起見,我們將遵循本文前面的工作流程圖,流程中的每個步驟都與圖中的步驟相對應。此示例來自AWS Re: Invent 2024 — 不要停滯不前:互聯遙測如何助您前進 (COP322),由 YouTube 上的 AWS Events 主持,從 53 分鐘開始。

步驟 1

該流程始于用戶發現名為“bot-service”的服務(屏幕截圖左上角)故障急劇增加,并啟動新的調查。然后,用戶將所有相關信息以及一些額外的指令傳遞給主管代理。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
步驟 1:人工操作員啟動新的調查。圖片來源:AWS via YouTube

第 2 步

現在,在步驟 2 中,主管代理接收請求并生成一組工作 AI 代理,這些代理將半自主地查看系統的不同部分。該過程是異步的,這意味著右側的建議初始狀態為空:調查啟動后不會立即顯示結果。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
步驟二:主管代理啟動工作代理,工作代理需要一些時間才能匯報結果。圖片來源:AWS via YouTube

步驟3

現在,工作代理返回了一些“建議的觀察結果”,這些結果由主管處理并添加到屏幕右側的建議中。請注意,屏幕右側現在更寬了,以便于閱讀代理建議。在下面的屏幕中,不同的代理提出了兩個截然不同的觀察結果,第一個代理專門負責服務指標,第二個代理專門負責跟蹤。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
步驟3:工作代理返回可能與系統遇到的問題相關的建議。圖片來源:AWS via YouTube

這些“建議的觀察結果”構成了調查中的“證據”,旨在找出問題的根本原因。為了找出根本原因,此流程中的人類操作員會提供幫助:他們會向主管代理反饋哪些觀察結果最相關。因此,主管代理和人類操作員并肩協作,找出問題的根本原因。

步驟4

人工操作員會點擊“接受”按鈕,確認他們認為相關的觀察結果,這些結果會被添加到屏幕左側的調查“案例檔案”中?,F在,人工操作員已經添加了反饋,表明他們認為這些信息是相關的,代理流程將啟動調查的下一階段。主管代理收到用戶反饋后,將不再發送“更多相同的信息”,而是會進行更深入的挖掘,甚至可能調查系統的其他方面,以尋找根本原因。請注意,下圖中右側出現的新建議屬于另一種類型——它們現在正在查看日志以尋找根本原因。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
步驟4:收到用戶反饋后,代理會進行更深入的分析,并提出不同的建議。圖片來源:AWS via YouTube

步驟5

最后,主管代理掌握了足夠的信息,開始嘗試找出問題的根本原因。因此,它從證據收集轉向推理根本原因。在步驟3和4中,主管代理提供了“建議性觀察”。現在,在步驟5中,它準備好進行重大揭秘(也可以稱之為“結局場景”),因此,就像文學偵探一樣,主管代理提出了它的“假設建議”。(這讓人想起游戲“線索”,玩家輪流提出“建議”,然后,當他們準備好發起攻擊時,他們就會提出“指控”。主管代理在這里也做了同樣的事情?。?/span>

按 Enter 鍵或單擊即可查看完整尺寸的圖像
步驟5:主管代理現在可以指出“犯罪”的罪魁禍首了。圖片來源:AWS via YouTube

建議的假設是正確的,當用戶點擊“接受”時,主管代理會提供后續步驟來解決問題,并防止將來再次出現類似問題。代理似乎在對人類指手畫腳,建議他們“實施適當的變更管理程序”——這是任何良好系統衛生的基礎!

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Supervisor Agent 還提供了后續步驟來修復問題并預防未來再次發生。圖片來源:AWS via YouTube

最后的想法

代理流如此引人注目,并成為當今眾多人工智能開發工作的焦點,原因有很多。代理引人注目、經濟實惠,并且能夠實現更加自然靈活的人機界面。代理能夠填補人類與機器之間溝通的空白,真正實現人機思維的融合,形成超越人類的“增強智能”,其價值遠超其各部分之和。然而,要從與代理的交互中獲得最大價值,也需要我們徹底改變對人工智能的理解方式,以及設計支持代理交互的用戶界面的方式:

  • 靈活、可調節的用戶界面:代理與人類一起工作,為此,人工智能代理需要一個靈活的工作流程,以支持人與機器在多個階段的持續交互——開始調查、接受證據、形成假設、提供后續步驟等。這是一個跨越多個迭代的靈活循環流程。
  • 自主性:雖然目前,人機交互似乎是代理工作流程的常態,但代理展現出非凡的能力,能夠提出假設、收集證據,并根據需要迭代假設,直至解決問題。它們不會感到疲倦,也不會窮盡所有選項而放棄。AI 代理還展現出能夠有效地“編寫代碼……讓工具自行構建工具”的能力,從而探索解決問題的新方法——這很新穎。這種交互本質上需要“積極主動”的 AI,例如,這些代理接受了最大召回率的訓練,愿意嘗試所有可能性,以確保獲得最真實的積極結果(請參閱我們在此處的價值矩陣討論)。這意味著,有時代理會“只是為了嘗試”而采取行動,而不會“考慮”假陽性或假陰性結果的成本。例如,一個積極主動的 AI 代理“醫生”可能會開出侵入性腦癌活檢手術,而不會先考慮風險較低的替代方案,甚至不會停下來征求患者的同意!所有這些都需要更深層次的人機分析,以及針對激進的人工智能“探索想法”的多個新的審批流程,這些想法可能會導致人類傷害,或者只是導致超出預算的成本膨脹。
  • 需要新的控件:雖然大部分交互可以通過現有屏幕完成,但大多數代理操作都是異步的,這意味著大多數采用傳統事務型、同步請求/響應模型的網頁都無法適應這種新型交互。我們需要引入一些新的設計范式。例如,開始、停止和暫停按鈕是控制代理流程的良好起點,否則你很有可能最終陷入幻想曲中“魔法師的學徒”的境地(自我復制的掃帚不停地打水,造成巨大且昂貴的混亂)。
  • 你“雇傭”AI來執行任務:這與傳統的工具使用方式截然不同。它們不再是工具,而是具有推理能力的實體,各自擁有智能。AI服務目前已包含多個由主管監控的專用代理。很快,我們將引入多級管理,由下級主管和“團隊負責人”向最終與人類打交道的“客戶經理代理”匯報……就像今天的人類組織一樣。到目前為止,組織需要跟蹤產品、人員和流程。現在,我們為“人”添加了新的定義——AI代理。這意味著需要開發可行的用戶界面來保護機密信息、基于角色的訪問控制 (RBAC) 和代理版本控制。保護代理數據將比與人類員工簽署保密協議更為重要。
  • 持續學習系統:要充分發揮智能代理的價值,它們需要持續學習。智能代理會不斷學習,迅速成為其所用系統方面的專家。最初的智能代理就像新來的實習生一樣,知識儲備有限,但他們很快就會成為“房間里的成年人”,擁有比大多數人更豐富的訪問權限和經驗。這將在職場上引發巨大的權力轉移。我們必須做好準備。

無論你對人工智能代理有何看法,它們無疑會與人類同行共同發展,并持續存在。因此,我們必須了解代理人工智能的工作原理,以及如何設計能夠讓我們安全高效地與它們協同工作的系統,充分發揮人類和機器各自的優勢。

 

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

用戶體驗中的人工智能透明度:設計清晰的人工智能交互

杰睿

隨著人工智能越來越多地融入網站和應用程序體驗,區分哪些地方已經實施了人工智能,哪些地方尚未實施人工智能,變得至關重要。

最初,大多數產品將人工智能作為聊天機器人引入,用戶可以通過聊天機器人發起并促進與人工智能的交互?,F在,產品正在將人工智能融入儀表盤、任務和搜索功能。用戶不再主動體驗人工智能——人工智能體驗已經預先存在。

由于用戶不再控制何時觸發人工智能的使用,因此需要讓用戶了解何時向他們展示人工智能功能或內容,以確定其有效性和質量。不僅如此,《歐盟人工智能法案》(2026年生效)將強制要求用戶在與人工智能系統進行通信或互動時必須知曉。

這就是設計系統的用武之地——實施專門的視覺處理,以始終如一地將人工智能內容和特征與非人工智能內容和特征分開。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Google 的 Material Design 系統展示了按鈕和分段按鈕等組件
Google 的 Material設計系統文檔

遺憾的是,目前只有少數開源設計系統明確地包含 AI 組件和模式。我希望很快會有更多系統加入,但目前為止,只有 GitLab 的 Pajamas、IBM 的 Carbon 和 Twilio 的 Paste 在其指南中承認了 AI。

注意:我使用Figma 的設計系統來對 AI 組件和模式進行基準測試。我沒有納入僅包含 AI 聊天機器人或對話設計文檔的設計系統,因為這是一種更標準的交互模式;這包括亞馬遜的 CloudscapeSalesforce 的 Lightning。

讓我們比較和對比這些設計系統 AI 組件和模式,看看它們可以在哪些方面進行優化以提高可用性。

1. GitLab 的睡衣

Pajamas目前不包含明確的組件或模式,但它確實包含一些關于 AI 與人類交互的有趣文檔。該文檔首先建議通過識別哪些自動化操作是合乎道德且有益的(例如,高風險任務 vs. 低風險任務),來了解 AI 的使用是否真的能給用戶帶來好處。

接下來,它建議透明地說明 AI 的使用地點——Pajamas 通過其“GitLab Duo”實現了這一點,這是 AI 特性、能力和局限性的指標。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
GitLab Duo 的示例展示了用戶可以在哪里與 AI 進行交互
GitLab Duo 用于指示用戶可以在界面中與 AI 交互的位置

由于“GitLab Duo”用于 AI 功能和交互(而不是任何 AI 內容),Pajamas 還建議使用“<動詞> by AI”(即“由 AI 總結”)標記 AI 生成的內容,并發送一條消息鼓勵用戶檢查 AI 內容。

GitLab 也在開發一個框架來實踐他們的指導方針;目前還在開發中,但大致的工作內容可以在GitLab 的 AI UX 模式中查看。他們的目標是發布一個帶有文檔的 AI 模式庫——這正是我們所需要的(拜托?。?。

GitLab 對其 AI UX 模式的愿景分為 4 個維度,以幫助選擇正確的 AI 模式:模式、方法、交互性和任務。

  • 模式:人工智能與人類互動的重點(專注、支持或整合)
  • 方法:人工智能正在改進什么(自動化或增強任務)
  • 交互性:人工智能如何與用戶互動(主動或被動)
  • 任務:AI 系統可以幫助用戶做什么(分類、生成或預測)

例如,他們早期對人工智能模式的探索包括低保真模型,展示了如何將人工智能與圖表或內聯解釋集成到界面中。這些模式清晰地標記了人工智能的用途,有助于建立用戶對人工智能系統的理解和信任。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
低保真折線圖,顯示當集成到界面中時可以在數據中突出顯示的 AI
帶有指示 AI 的標記的低保真集成圖表,例如預測數據(通過GitLab 的 Vision for AI UX
按 Enter 鍵或單擊即可查看完整尺寸的圖像
使用 Gitlab 模式填寫表單時使用 AI 的示例
低保真集成解釋器,使用 AI 填寫表格(通過GitLab 的 AI UX 愿景

判決

目前,GitLab 的文檔還停留在概念階段,僅概括了他們希望未來 AI UX 體驗的樣子。但它提供了一個堅實的框架,大多數設計系統都可以采用——無論哪個行業或產品。

我希望他們能盡快發布更多關于其AI用戶體驗模式的深入信息。我認為這對其他開發AI文檔的設計系統來說,將是一筆寶貴的開源資產。

2. IBM 的 Carbon

在眾多開源設計系統中,Carbon擁有最豐富的 AI 使用文檔。它包含一個 AI 專用版塊“Carbon for AI”,涵蓋組件、模式和指南,幫助用戶識別 AI 生成的內容,并了解 AI 在產品中的應用方式。

Carbon for AI 建立在現有 Carbon 組件之上,添加了藍色光暈和漸變效果來突出顯示 AI 實例。目前為止,已有 12 個包含 AI 變體的組件,例如模態框、數據表和文本輸入。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
IBM Carbon 中的所有 12 個 AI 組件,包括復選框和文本輸入
Carbon for AI 的組件列表及具體 AI 變體

盡管組件的 AI 變體具有獨特的視覺處理,但在上下文中,很難區分哪個組件當前處于活動狀態(因為它們看起來都是活動的)。

在下面的表單中,AI 用于自動填充大部分輸入字段,因此這些字段使用了 AI 變體。即使在默認狀態下,AI 變體也會呈現藍色漸變和邊框,這導致難以直觀地識別哪個組件處于活動狀態。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
使用人工智能幫助輸入答案的示例表單,并展示人工智能組件在上下文中的使用情況
AI 組件上使用的藍色漸變和邊框使得很難判斷哪個組件處于活動狀態

用戶可以覆蓋 AI 的輸入,這會將組件的 AI 變量替換為默認變量。這將觸發“恢復為 AI 輸入”操作,以替換輸入字段中的 AI 標簽,從而允許用戶控制手動或自動表單響應。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
帶有恢復操作的文本字段,顯示“恢復到 AI 輸入”的工具提示
當用戶覆蓋 AI 輸入時,Carbon 的“恢復 AI 輸入”功能就會出現

除了 AI 變體之外,它還包含一個明確的 AI 標簽,可以顯示一個彈窗,解釋特定場景下 AI 的細節(Carbon 將此模式稱為“AI 可解釋性”)。用戶可以選擇 AI 標簽,彈窗就會出現在按鈕下方。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
一個中等保真度的屏幕模型,其中的 AI 標簽彈出窗口顯示了有關 AI 使用情況的詳細信息
Carbon 的 AI 標簽包含一個解釋器彈出窗口,方便用戶獲取有關 AI 使用情況的更多詳細信息

判決

看到像 Carbon 一樣完善的 AI 模式和組件設計系統文檔,真是令人興奮。他們不僅提供了 AI 通用用法的文檔,還提供了實際可用的組件和模式。

但由于組件的AI變體使得在上下文中使用時難以區分哪個組件處于活動狀態,我認為存在可用性和可訪問性問題。AI變體的顏色使用過于引人注目,而且看起來像Carbon的焦點狀態(這可能會影響依賴焦點狀態的低視力用戶)。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
文本字段組件的 AI 變體與文本字段的焦點狀態之間的比較
Carbon 的 AI 變體與文本字段的焦點狀態

3. Twilio 的 Paste

最后,Paste在“體驗”版塊下提供了一個“人工智能”板塊。Paste 提供了關于在用戶體驗中使用人工智能的通用文檔,以及一些可用的組件。

在設計AI功能時,Paste建議允許用戶將AI結果與自身體驗進行比較,并處理潛在的錯誤和風險。為了減少這些錯誤,Paste提倡賦予用戶審查和撤消輸出、控制數據源以及向AI系統提供反饋的能力。

Paste 還建議在設計新的 AI 功能時問自己:“如果它做同樣的事情但不使用 AI,我將如何設計這個功能?”用戶使用產品不僅僅是為了與人工智能互動——他們還試圖盡可能高效地完成任務并實現目標。

Paste 包含一個包含 5 個組件的 AI UI 套件:人工智能圖標、徽章、按鈕、進度條和骨架加載器。它還包含一些專為 AI 聊天體驗打造的組件,例如 AI 聊天日志。

Paste 文檔中最有幫助的是他們提供的示例,包括路標、生成功能和聊天功能。

對于指示牌,Paste 建議使用帶有人工智能圖標的裝飾性徽章來指示某個功能正在使用人工智能,例如人工智能推薦或預測。指示牌是非交互式的,但類似于按鈕,因此看起來可以點擊。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Twilio 的路標示例展示了帶有 AI 閃光圖標的徽章
Paste 使用徽章和 AI 圖標的路標示例

生成功能會向用戶提供提示,幫助他們使用 AI 功能,例如“總結數據”或“推薦下一步”。當您選擇生成功能時,下面會出現一個彈出窗口,向用戶提供說明以及它正在使用的 AI 模型。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Twilio 的生成功能示例展示了一個帶有彈出窗口的按鈕,用于解釋有關 AI 模型的詳細信息及其使用方法
Paste 的生成功能包括一個帶有彈出窗口的按鈕,用于指導用戶與 AI 交互

最后,聊天內容是當今已知的人工智能聊天機器人的典型特征,并包含對其對話原則的引用,以發展人工智能的個性。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Twilio 的聊天示例,其中有一個空狀態,并且在用戶文本字段下方有多個 AI 提示
Paste 的 AI 聊天機器人處于空狀態,并在文本字段下方提示

Paste 確實即將推出另一種加載模式,但我們還需拭目以待。這種模式將為用戶提供一種控制和預測 AI 輸出的方式;這包括停止輸出以及根據 AI 輸出所需的時間來調整狀態。

判決

我很高興看到一些文檔和實際示例的結合。雖然其中一個示例是聊天機器人,但 AI UI 套件中的其他組件也展示了如何在界面中透明地展示 AI 的使用方法。

Paste 正在尋求對其 AI UI 工具包的反饋——他們有一個開放的Github 討論,您可以在其中提交請求。

令人驚訝的是,很少有設計系統發布關于組件和模式的文檔來處理AI驅動的內容和功能(至少是公開的)。例如,谷歌和微軟都是AI行業的領導者,但開源的Material和Fluent設計系統卻不包含AI模式。

由于這些 AI 領導者正在將 AI 融入到與更廣泛用戶群體互動的常見產品(例如 Gemini 和 Copilot),他們正在構建其他產品也需要效仿的用戶心智模型。即使是Adobe 旗下的 Spectrum,雖然已將 AI 融入其眾多產品(例如 Adobe Firefly),但在涉及內容和人物寫作時,也只用了短短的宣傳語來提及機器學習和 AI。

也許他們的AI模式還在開發中?或者他們還在等待時機成熟?

無論如何,向用戶展示 AI 功能和生成的內容至關重要,這樣他們才能更好地理解所展示的內容,并建立對產品的信任。我期待更多超越閃光圖標和聊天機器人的設計系統模式。

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

優化用戶體驗 | 為信任而設計:為什么用戶體驗道德如此重要

杰睿

“好的設計”本應讓事情變得更好。但如果“更好”的定義由商業指標而非人來決定,會發生什么?
我們構建了一個數字產品常常以點擊量和轉化率來評判的世界,而不是以用戶尊嚴或福祉來衡量——說服與操縱之間的界限從未如此模糊。作為設計師,如果我們曾思考過,為什么這么多的網絡設計讓人感覺就是為了挫敗、利用或僅僅讓用戶感到疲憊不堪,那么答案就在于此。
因此,這里重要的問題并非我們能設計什么,而是我們應該設計什么(以及為什么我們經常不設計)。

我從事設計行業多年,先是從事架構設計,后來又從事用戶體驗設計,但我仍然對人們對“好設計”的定義如此不同感到驚訝——而且這些定義會隨著個人視角的不同而發生變化。對大多數人來說,好設計僅僅是外觀精美。對用戶來說,它還關乎產品運行的流暢程度。對管理者來說,好設計是指能夠帶來成果并滿足業務目標的設計。而對設計師來說……嗯,這有點復雜。

人們或許會認為,設計師本身應該擁有最廣泛、最細致的理解。畢竟,我們受過訓練,能夠在美學、可用性和業務需求之間取得平衡。然而,即使在我們自己的圈子里,也存在一個持續存在的盲點:設計的倫理維度。設計倫理常常被簡化為職業忠誠度的問題——保護客戶機密、遵守保密協議或避免抄襲——而更深層次的倫理問題,即那些關乎我們的工作如何塑造用戶的自主性、福祉和信任的問題,卻很少得到應有的重視。

有時,這種情況的發生是因為我們人類傾向于回避艱難的對話或道德爭議。有時,這是因為一種錯位的“職業忠誠”感阻礙了我們質疑老板或客戶的優先事項。有時,是因為我們認為這無關緊要。畢竟,市場上已經有足夠多的設計師了;我們制造一些噪音,很快就會被一個毫不在意的人取代,唯一的結果就是我們丟掉工作。有時,很簡單,是因為我們從一開始就沒有被教導去思考這些問題。

設計不只是外觀和感覺,更在于其運作方式。——
史蒂夫·喬布斯

并非如此。設計不僅僅關乎外觀,也不僅僅關乎其功能是否流暢。當然,產品能夠幫助我們提高工作效率、更舒適地出行,甚至能煮出更美味的咖啡,這固然重要,但如果產品外觀精美,也同樣令人欣喜——但這只是表面功夫。

從更深層次來看,設計還關乎產品如何影響用戶、塑造他們的行為、引導他們的選擇并編碼價值觀——這些往往是無形的。不幸的是,倫理問題常常被淹沒在可用性、吸引力和商業指標的表象之下。當我們開始用點擊量、用戶投入的時間和收入來衡量成功時,倫理維度就很容易被忽視或被合理化。正因如此,當我們談論“它如何運作”時,同樣重要的是要問:它對誰有效,以及它的目的是什么?

最初,用戶體驗 (UX) 的理念是將用戶視為擁有自身需求、弱點和權利的個體。設計師需要解決實際問題,以系統化思維,并確保產品服務于更廣泛的利益,而不僅僅是商業或技術進步。用戶體驗旨在彌合用戶需求與商業目標之間的差距。不幸的是,隨著數字產品發展成為價值數十億美元、執著于增長的生態系統,這種平衡發生了改變。

“操縱的最大危險在于,它可能變得無形、正?;?,并融入日常生活。”
——肖莎娜·祖博夫

在這個數字產品日益復雜、商業模式日益激進的世界里,用戶體驗(UX)最初以人為本的本質已日漸式微。商業需求往往凌駕于一切之上,用戶體驗設計師常常被迫將“業務影響”置于用戶福祉之上。多年來用于引導用戶獲得價值的說服工具如今被濫用,并被重新定義為操縱工具。誘騙用戶做出非本意行為的“暗箱操作”如今帶來了數十億美元的非預期訂閱和購買。
這些原本旨在讓科技更人性化的技能,如今卻越來越多地被用來利用人性。

這種道德淪喪的現象更加令人擔憂,因為它已不再是偶然事件,而是系統性的問題。許多組織的產品路線圖很少提及道德設計原則,而用戶參與度和盈利能力的KPI卻被定期列為優先事項。我們已經形成了一種專業的環境,設計師們非常擅長優化用戶行為以實現業務目標,但卻很少具備(或被授權)識別和處理這些優化帶來的道德后果的能力。當衡量成功的標準是界面如何有效地吸引注意力、數據和資金時,即使是出于好意的設計師也會發現自己成了用戶操縱的同謀。產品開發的“三重約束”——速度、范圍和成本——很少將道德作為第四個支柱,因此這種循環仍在繼續。

這種以指標為導向的執念所帶來的后果已不再抽象。亞馬遜2023年的Prime會員取消流程要求用戶瀏覽17個屏幕——這被聯邦貿易委員會(FTC)后來認為是“旨在阻止用戶退出”的數字障礙賽道——這并非個例,而是企業為留住用戶不惜一切代價的藍圖。亞馬遜內部為該流程起的代號“伊利亞特”頗具啟發性:它指的是一段史詩般的旅程,也明確表明摩擦是設計使然。該流程利用了損失厭惡、注意力分散和認知超載等心理因素,動用各種心理杠桿來阻止用戶離開,這與亞馬遜以無摩擦高效著稱的一鍵結賬形成了鮮明對比。

歐洲《數字服務法案》現已將一些不道德的設計選擇定義為“非法暗黑模式”,并處以相當高額的罰款。這一舉措清晰地揭示了一個令人不安的轉折:曾經使用戶體驗(UX)成為一門受人尊敬的學科的心理學洞見,例如福格行為模型、??硕苫蛘J知負荷理論,如今卻常常被用作操縱的工具。DSA的禁令,以及他們最近針對一些主要平臺的法律行動,都明顯表明操縱性設計已成為一個嚴重的社會問題。這一切背后的信息相當明確:平臺不僅應該對用戶的行為負責,還應該對其設計選擇如何影響和塑造用戶的行為負責。

“道德就是知道你有權做什么和什么是正確的做法之間的區別。”
——波特·斯圖爾特

遺憾的是,我們能夠僥幸逃脫的行為與真正正確的事情之間的界限并不總是清晰的。在一個往往更注重短期利益而非長期期望的世界里,人們很容易用積極的商業指標來為操縱模式辯護。但即便如此,我們仍然需要不斷捫心自問:當我們為指標而設計時,我們是在真正幫助用戶,還是僅僅在榨取他們的價值?
忽視用戶福祉責任的后果隨處可見——它們是一個更廣泛問題的明顯癥狀。當公司故意使取消訂閱的流程復雜化,當界面設計得讓用戶參與度遠遠超出他們的預期,當用戶需要輸入賬單信息才能開始免費試用期——這些都是設計選擇的例子,這些選擇可能在短期內帶來商業成果,但卻會導致信任逐漸喪失。這些并非孤立的失誤,而是一種更廣泛模式的跡象:商業目標始終被置于用戶利益之上,這種做法常態化,最終破壞了公司本應依賴的良好關系。

這些模式背后的心理機制眾所周知:互惠、稀缺、社會認同和損失厭惡。最初只是一些良性的提醒,例如對用戶行為的感謝信息,如今已演變成利用用戶社會順從本能的“確認羞辱”彈窗。受賭場啟發的機制,例如可變獎勵計劃——曾經僅限于老虎機——如今決定了約會應用程序何時顯示潛在匹配對象,或電商網站何時顯示“庫存有限”提醒。所有這些對人們的影響越來越難以忽視:大量研究發現,社交媒體的過度使用或問題性使用與這些平臺重度用戶的焦慮、抑郁和其他心理困擾發生率較高密切相關。我們已經學會了通過強迫行為來賺錢,而且很多時候,我們要么選擇不這樣做,要么(更糟的是)選擇這樣做。

技術挑戰我們去維護我們的人類價值觀,這意味著我們首先必須弄清楚它們是什么。
— 雪莉·特克爾

這不僅僅是個別設計師的錯,而是系統性的問題。產品路線圖充斥著專注于注意力、提取和轉化的關鍵績效指標 (KPI),而道德考量卻鮮有提及。大多數組織缺乏評估設計決策道德影響的流程,也很少有設計師被賦予在出現問題時進行反駁的權力。即使設計師確實意識到了問題所在,他們也常常缺乏支持,甚至缺乏足夠的語言來表達自己的觀點。大多數組織缺乏評估設計決策道德影響的流程,也很少有設計師被賦予在出現問題時進行反駁的權力。即使設計師確實意識到了問題所在,他們也常常缺乏支持,甚至缺乏足夠的語言來表達自己的觀點。

這個問題最容易被忽視的根源之一就是教育。大多數用戶體驗訓練營和學位課程都側重于可用性、研究和美學。道德,即使出現,也只是被當作一個旁注——一場簡單的講座或一句“不做傷害”的模糊勸誡。諸如如何應對商業壓力、抵制操縱性設計、維護用戶尊嚴等復雜的現實世界困境,卻很少得到深入探討。

這種教育差距的后果是實實在在的。新晉設計師在初入職場時,缺乏能夠幫助他們識別作品是否逾越界限的工具。缺乏應對的詞匯和自信,他們很快就會發現自己被迫實施“暗箱操作”,或者為了提升參與度而犧牲用戶福祉。結果,設計師這個職業常常將合規與道德、商業忠誠與道德責任混為一談。

與此同時,我們掌握的工具正變得越來越強大,也越來越危險。人工智能如今可以個性化推送,測試數百種變體,并以無情的效率優化參與度。同樣的技術也可以用來檢測和標記操縱模式,增強透明度,或衡量我們工作的道德影響——但除非組織選擇設定這些界限,否則默認設置永遠是針對易于衡量的指標進行優化:參與度、點擊量和收入。

“真正的問題不在于機器是否會思考,而在于人類是否會思考。”
——BF·斯金納

人工智能在設計領域的應用是一把雙刃劍。一方面,它實現了前所未有的個性化和效率。另一方面,它也能將操控規模擴大到前所未有的程度。人工智能不僅可以識別設計中的弱點,并根據這些弱點定制信息,還能以隱形的方式大規模地進行操控?!稓W洲人工智能法案》禁止“潛意識操控技術”,這恰恰表明了人工智能應用相關問題已變得多么緊迫和復雜。
問題在于,僅靠監管無法解決問題。真正的工作必須在行業內部進行。

沒有勇氣,我們就無法始終如一地踐行任何其他美德。我們不可能善良、真誠、仁慈、慷慨或誠實。——
瑪雅·安吉羅

那么,實際上需要做些什么才能使道德像任何商業 KPI 一樣真實、自然地成為我們日常決策的一部分呢?

也許首先應該從我們思考設計的方式入手,以及隨之而來的設計教學方式。設計并非一套工具,而是一種思維方式,其中倫理是不可分割的一部分。
商業關鍵績效指標(KPI)永遠存在,但它們不能成為我們遵循的唯一信號。我們應該像關注用戶完成流程的速度一樣,同樣關注他們是否感到知情、受到尊重和掌控。我們需要
賦能設計師,讓他們暢所欲言,并在他們表達意見時給予他們機構支持。
最后,我們需要認識到,我們工作的真正影響不僅在于用戶做了什么,還在于他們最終會成為怎樣的人。

“并非所有重要的事情都可以被計算,而并非所有可以被計算的事情都重要。”
——威廉·布魯斯·卡梅倫

當然,并非所有問題都能用算法、清單或新程序解決。設計并非中立;它塑造習慣、信仰和社會規范。它可以強化權力失衡,也可以促進包容,可以削弱信任,也可以建立信任。隨著技術變得越來越普及和具有影響力,風險只會越來越大。如果我們想要構建一個人們信任他們使用的產品以及制造這些產品的人的未來,我們就不能將道德視為事后諸葛亮,而要將其視為衡量我們成功的核心標準。挑戰并非技術層面,而是道德層面。關鍵在于在每個階段都要有勇氣捫心自問:誰受益?誰面臨風險?我們正在設計一個什么樣的世界?

在用戶體驗設計中,說服與操縱之間的界限很少清晰,交付商業價值的壓力常常將設計師推入道德的灰色地帶——有時是故意為之,有時僅僅是因為沒有人提出正確的問題。只要指標比意義更重要,只要道德問題被視為可有可無而非必需,這些模式就會不斷重復。

幸運的是,這里沒有什么是不可避免的。我們有能力挑戰常規,在被要求越界時予以反擊,并堅持將道德考量融入我們的流程和對成功的定義中。這并非關乎宏大的姿態或英雄事跡;而是要讓道德成為其應有的樣子:成為工作中正常且預期的一部分,就像可用性或可訪問性一樣。

如果我們希望自己的領域受到尊重,如果我們希望自己作為專業人士受到尊重,我們就需要開始像對待商業選擇一樣認真對待道德選擇。如果我們期待情況改善,就不能坐等其他因素帶來改變。改變始于我們每個人,始于我們選擇不回避下一個即將面臨的道德困境的那一刻。

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

 

自適應UI設計解讀 | Fathom 企業人工智能平臺

杰睿

Fathom 是一款面向企業級應用的尖端 AI 平臺,核心優勢在于自適應能力計算機視覺。它不僅能處理復雜的視覺識別與分析任務,還能根據不同行業場景靈活調整算法與工作流程,從而幫助企業提升自主性與運營效率。

imgi_558_original-cfc8f340944bd01924c634d555e72be6.png

imgi_577_original-0fd0acbe1a444df4948ccac15ee7e154.png

imgi_578_original-3c9ad24be39584ad4da43c3662e7694d.png

imgi_593_original-574886f35c53c61f34116c817245732e.png

original-dee23ad37d652ffadb312fd286efa806.png

該平臺具備以下特點:
行業通用性 – 無論是制造、物流、零售還是醫療,Fathom 都能快速定制并部署適配的解決方案。
先進計算機視覺 – 高精度圖像識別、目標檢測、異常監測等能力,為生產與決策提供可靠數據支撐。
創意到落地 – 提供從構思到市場化的一體化工具鏈,簡化研發和上線流程。
高性能架構 – 優化計算資源利用,確保大規模數據處理的速度與穩定性。
Fathom 的定位不僅是一個工具,更是企業在 AI 轉型道路上的戰略伙伴,讓復雜的人工智能能力變得易用、可擴展、可持續。
 
一、設計語言分析
主題色調與氛圍
  主色是深紫 + 黑藍漸變,營造科技感與未來感。
  視覺重心在中上部,暗背景下的亮色文字和光暈效果強化了“高端、尖端科技”印象。
  漸變色和星空背景暗示了“無限可能”“前沿探索”。
字體與排版
  標題使用大字號無襯線字體,簡潔且有張力,強調專業性。
  副標題與正文采用中等字重,行距寬松,提升可讀性。
  層級分明:H1 > 功能標題 > 描述文字。
信息結構
  頂部:品牌定位(“The World's Leading Computer Vision Platform”)+ 快速行動按鈕(CTA)。
  中部:可信度背書(合作品牌 Logo)。
  下部:功能模塊 + 價值點 + 成功案例。
  時間軸形式呈現“從想法到落地”的流程,有助于理解產品生命周期。
圖形與圖標
  圓形、軌道、節點等幾何元素強調“系統化”“科技環繞”概念。
  圖標色彩與模塊背景形成對比,快速區分不同功能。
  動態化暗示(雖然是靜態圖,但布局讓人感覺到運動軌跡)。

二、可遷移的設計要點
視覺風格遷移
  如果你做企業級 AI 或 SaaS 產品介紹頁,可以借鑒這種深色漸變背景 + 光暈 + 宇宙/星軌的氛圍,強化科技與未來感。
  在其他行業(如金融、醫療)遷移時,可將主色換為品牌色或更溫和的深色系,保留漸變和光效結構。
結構布局遷移
  上部:一句話定位 + CTA(方便立即引導用戶操作)。
  中部:信任背書(客戶 Logo、數據成就)。
  下部:功能模塊化 + 價值點圖標化。
  收尾:真實案例或用戶評價(提升可信度)。
  這種結構可直接遷移到任何產品著陸頁。
動線遷移
  從“愿景 → 信任背書 → 功能亮點 → 解決方案 → 案例”的信息節奏,降低用戶流失。
  如果遷移到你的 UI/UX 分享內容,可改為“趨勢背景 → 案例亮點 → 應用技巧 → 實際案例 → 互動引導”。
視覺細節遷移

人工智能自動化 | 20+ GenAI UX 模式、示例和實施策略

杰睿

20+ GenAI UX 模式、示例和實施策略

生成式人工智能通過關注基于意圖的結果規范,為人類與系統交互提供了一種新的方式。GenAI 帶來了新的挑戰,因為它的輸出是概率性的,需要理解變異性、記憶、錯誤、幻覺和惡意使用,這就帶來了構建原則和設計模式的必要性,正如 IBM 所描述的那樣。

此外,任何AI 產品都是一個分層系統,其中 LLM 只是其中一種成分,而內存、編排、工具擴展、UX 和代理用戶流才是真正的魔力!

本文是我對 GenAI 設計模式演變的研究和記錄,這些模式為產品經理、數據科學家和交互設計師提供了一種通用語言 ,幫助他們打造以人為本、值得信賴且安全的產品。通過應用這些模式,我們可以彌合用戶需求、技術能力和產品開發流程之間的差距。

以下是 21 種 GenAI UX 模式

  1. GenAI 或無 GenAI
  2. 將用戶需求轉化為數據需求
  3. 增強或自動化
  4. 定義自動化水平
  5. 逐步采用人工智能
  6. 利用心智模型
  7. 傳達產品限制
  8. 顯示思路鏈(CoT)
  9. 利用多種輸出
  10. 提供數據源
  11. 傳達模型信心
  12. 為記憶和回憶而設計
  13. 提供上下文輸入參數
  14. 為 coPilot、共同編輯或部分自動化而設計
  15. 定義自動化的用戶控件
  16. 用戶輸入錯誤狀態的設計
  17. 針對人工智能系統錯誤狀態的設計
  18. 設計以捕捉用戶反饋
  19. 模型評估設計
  20. 人工智能安全護欄設計
  21. 傳達數據隱私和控制

1. GenAI 還是非 GenAI

評估 GenAI 是否改善了用戶體驗或增加了復雜性。通常,基于啟發式 (IF/Else) 的解決方案更易于構建和維護。

GenAI 有益的場景

  • 開放式、富有創意且能增強用戶體驗的任務。
    例如,寫作提示、總結筆記、起草回復。
  • 創建或轉換復雜的輸出(例如,圖像、視頻、代碼)。
    例如,將草圖轉換為網站代碼。
  • 結構化的用戶體驗無法捕捉用戶意圖。

應避免使用 GenAI 的情況

  • 結果必須精確、可審計或確定。
    例如,稅務表格或法律合同。
  • 用戶期望清晰一致的信息。
    例如:開源軟件文檔

如何使用此模式

  1. 確定客戶旅程中的摩擦點
  2. 評估技術可行性:確定人工智能是否能夠解決摩擦點。評估規模、數據集可用性、錯誤風險評估和經濟投資回報率。
  3. 驗證用戶期望:
    -
    通過評估系統是否增強了人類的努力還是完全取代了人類的努力,確定人工智能解決方案是否侵蝕了用戶期望,如模式 3“增強與自動化”中所述。-
    確定人工智能解決方案是否侵蝕了模式 6“心智模型”

2. 將用戶需求轉化為數據需求

這種模式確保 GenAI 開發始于用戶意圖以及實現該意圖所需的數據模型。GenAI
系統的優劣取決于其訓練數據。但真正的用戶并非以行列的方式表達,他們表達的是目標、挫折和行為。如果團隊未能將用戶需求轉化為結構化的、模型可用的輸入,最終的系統或產品可能會優化到錯誤的結果,從而導致用戶流失。

如何使用此模式

  1. 作為 PM、產品設計師和數據科學家的跨職能團隊進行協作,并針對值得解決的用戶問題進行協調。
  2. 定義用戶需求通過使用三角研究:定性(市場報告、調查或問卷)+ 定量(用戶訪談、觀察性研究)+ 突發(產品評論、社交聆聽等)和綜合用戶洞察 JTBD框架同理心地圖將用戶的情緒和觀點形象化。價值主張畫布將用戶的收益和痛苦與功能結合起來
  3. 通過 選擇合適的數據模型來定義數據需求和文檔,進行差距分析,并根據需要迭代優化數據模型。一旦理解了“為什么”,就將其轉化為模型的“什么” 。你的AI模型需要哪些特征、標簽、示例和上下文來學習這種行為?利用結構化協作來找出答案。

3. 增強 vs. 自動化

GenAI 應用中的一個關鍵決策是完全自動化任務還是增強人類能力。使用此模式可以使技術與用戶意圖和控制偏好保持一致。

自動化最適合用戶傾向于委派的任務,尤其是在繁瑣、耗時或不安全的情況下。例如,Intercom FinAI 會自動將冗長的電子郵件線索匯總為內部筆記,從而節省重復性、低價值任務的時間。

增強功能能夠提升效率、創造力和控制力,從而增強用戶想要持續參與的任務。例如, Abelton 的Magenta Studio支持創造性的控制,方便用戶操控和創作新音樂。

如何使用此模式

  1. 為了選擇最佳方法,請使用研究綜合工具(如同理心地圖(可視化用戶情緒和觀點)和價值主張畫布(了解用戶的收益和痛苦))評估用戶需求和期望
  2. 測試并驗證該方法是否會削弱或增強用戶體驗。

4. 定義自動化水平

在人工智能系統中,自動化指的是將多少控制權委托給人工智能而不是用戶。這是一種戰略性的用戶體驗模式,它根據用戶的痛點、情境場景和對產品的期望來決定自動化程度。

自動化水平

  1. 無自動化(AI 輔助,用戶自主決定)
    AI 系統為用戶提供幫助和建議,但所有決定均由用戶自行決定。例如,Grammarly會突出顯示語法問題,但用戶需要自行決定接受或拒絕更正。
  2. 部分自動化/副駕駛/共同編輯(AI 在用戶監督下行動)
    AI 發起操作或生成內容,但用戶根據需要進行審核或干預。例如,GitHub Copilot會建議開發人員可以接受、修改或忽略的代碼。
  3. 完全自動化(AI 獨立行動)
    AI 系統無需用戶干預即可執行任務,通常基于預定義的規則、工具和觸發器。GenAI 中的完全自動化通常被稱為代理系統 (Agentic systems)。例如,Ema可以自主規劃和執行多步驟任務,例如研究競爭對手、生成報告并通過電子郵件發送,無需用戶在每個步驟提示或干預。

如何使用此模式

  1. 評估用戶需要自動化的痛點及其風險:當相關風險較低且發生故障不會造成嚴重后果時,自動化任務最為有效。低風險任務(例如發送自動提醒、促銷郵件、過濾垃圾郵件或處理常規客戶咨詢)可以自動化,最大程度地減少負面影響,同時節省時間和資源。高風險任務(例如進行醫療診斷、發送關鍵業務郵件或執行金融交易)需要仔細監督,因為一旦發生錯誤,可能會造成重大損失。
  2. 評估和設計特定的自動化級別:根據用戶的期望和目標,評估用戶痛點是否應該屬于——無自動化、部分自動化或完全自動化。
  3. 定義用戶控件以實現自動化(參考模式 15)

5. GenAI 的逐步采用

當用戶第一次接觸基于新技術的產品時,他們常常想知道系統能做什么和不能做什么,它如何工作以及他們應該如何與它交互。

該模式提供了多維策略來幫助用戶使用 AI 產品或功能、減少錯誤、與用戶準備情況保持一致,以提供明智且以人為本的用戶體驗。

如何使用此模式

這種模式是許多其他模式的頂峰

  1. 從一開始就注重傳達好處:避免深入探討技術細節,并強調人工智能如何帶來新的價值。
  2. 簡化用戶引導體驗:在詢問用戶數據共享偏好之前,先讓用戶體驗系統的價值,并優先提供基礎 AI 功能的即時訪問權限。鼓勵用戶稍后注冊以解鎖高級 AI 功能或分享更多詳細信息。例如,Adobe FireFly循序漸進地引導用戶從基礎功能到高級 AI 功能。
  3. 定義自動化水平(參考模式 4) 逐步增加自主性或復雜性。
  4. 通過針對錯誤進行設計 來提供可解釋性和信任(參考模式 16 和 17)。
  5. 傳達數據隱私和控制(參考模式 21),以清楚地傳達如何收集、存儲、處理和保護用戶數據。

6. 利用心智模型

心智模型幫助用戶預測系統(網頁、應用程序或其他類型的產品)的運作方式,從而影響他們與界面的交互方式。當產品與用戶現有的心智模型相符時,用戶會感覺直觀且易于上手。當兩者發生沖突時,可能會導致用戶沮喪、困惑,甚至放棄。

例如,Github Copilot 建立在開發人員從傳統代碼自動完成的思維模型之上,從而簡化了向 AI 驅動的代碼建議的過渡

例如,Adobe Photoshop 建立在使用矩形控件擴展圖像的熟悉方法的基礎上,通過集成其生成填充功能,智能地填充新創建的空間。

如何使用此模式

通過提問來識別并建立現有的心智模型

  1. 用戶旅程是什么以及用戶試圖做什么?
  2. 哪些心智模型可能已經存在?
  3. 該產品是否打破了任何直觀的因果模式?
  4. 你是否打破了現有的心智模型?如果是,請清晰地解釋如何以及原因。良好的引導、微文案和視覺提示可以幫助彌合差距。

7. 傳達產品限制

這種模式涉及清楚地傳達人工智能模型能做什么和不能做什么,包括其知識邊界、能力和局限性。

它有助于建立用戶信任、設定適當的期望、防止誤用,并在模型出現故障或異常行為時減少挫敗感。

如何使用此模式

  1. 明確說明模型的局限性:顯示過時知識或缺乏實時數據的上下文提示。例如,當問題超出其知識范圍時, Claude會說明其知識范圍。
  2. 當模型無法提供合適的輸出時,提供回退或升級選項。例如,當被問及與購物無關的問題時, Amazon Rufus會說:“它無法訪問事實信息,我只能協助解決與購物相關的問題和請求。”
  3. 在產品營銷、入職培訓、工具提示或回應免責聲明中明確限制。

8. 顯示思路鏈(CoT)

在人工智能系統中,思路鏈(CoT) 提示 技術 通過模仿人類更結構化、循序漸進的思維過程,增強了模型解決復雜問題的能力。

CoT 展示是一種用戶體驗模式,它通過揭示 AI 是如何得出結論的來提高透明度。這可以增強用戶信任,提高可解釋性,并為用戶反饋提供空間,尤其是在高風險或模糊場景下。

例如Perplexity通過顯示處理步驟來增強透明度,幫助用戶理解答案背后的深思熟慮的過程。

例如,Khanmigo是一種人工智能輔導系統,它通過模仿人類推理來逐步指導學生解決問題,以增強理解和學習。

如何使用此模式

  1. 顯示“研究”和“推理”等狀態 來傳達進展,減少用戶的不確定性,讓等待時間感覺更短。
  2. 使用漸進式披露:從高級摘要開始,并允許用戶根據需要擴展細節。
  3. 提供 AI 工具透明度:清晰顯示 AI 用于生成建議的外部工具和數據源。
  4. 展現信心和不確定性:表明人工智能信心水平,并在相關時強調不確定性。

9. 利用多種輸出

GenAI 憑借其概率特性,能夠對同一輸入產生不同的響應。這種模式通過并排呈現多個輸出來利用可變性。展示多樣化的選項有助于用戶創造性地探索、比較、改進或做出更符合其意圖的決策。例如, Google Gemini提供了多種選項,幫助用戶探索、改進并做出更明智的決策。

如何使用此模式

  1. 解釋變化的目的:幫助用戶理解輸出之間的差異是故意的,旨在提供選擇。
  2. 啟用編輯功能:讓用戶無縫地對輸出進行評分、選擇、重新混合或編輯,從而塑造結果并提供反饋。例如, Midjourney 可以幫助用戶調整提示,并指導用戶使用重新混合功能進行修改和編輯。

10.提供數據源

在 GenAI 應用程序中,清晰地闡明數據源對于透明度、可信度和用戶信任至關重要。清晰地表明 AI 的知識來源有助于用戶評估響應的可靠性并避免錯誤信息。

這在醫療保健、金融或法律指導等高風險事實領域尤其重要,因為決策必須基于經過驗證的數據。

如何使用此模式

  1. 內聯引用可靠來源:將來源顯示為腳注、工具提示或可折疊鏈接。例如,NoteBookLM會在其答案中添加引用,并將每個答案直接鏈接到用戶上傳的文檔部分。
  2. 清晰披露訓練數據范圍:對于生成工具(文本、圖像、代碼),請簡單解釋模型訓練時使用了哪些數據,以及未包含哪些數據。例如,Adobe Firefly披露其生成填充功能是在庫存圖像、公開授權作品以及版權已過期的公共領域內容上進行訓練的。
  3. 提供來源級信心:在有多個來源貢獻的情況下,直觀地區分更高信心或更權威的來源。

11. 傳達模型信心

AI 生成的輸出具有概率性,準確度可能存在差異。顯示置信度分數可以傳達模型對其輸出的確定性。這有助于用戶評估可靠性并做出更明智的決策。

如何使用此模式

  1. 評估情境和決策風險:顯示模型置信度取決于情境及其對用戶決策的影響。在醫療保健、金融或法律咨詢等高風險場景中,顯示置信度分數至關重要。然而,在AI 生成的藝術作品或故事敘述等低風險場景中,顯示置信度可能不會帶來太多價值,甚至可能帶來不必要的困惑。
  2. 選擇合適的可視化:如果設計研究表明展示模型置信度有助于決策,那么下一步就是選擇合適的可視化方法。百分比、進度條或一些修飾語(“可能”、“不確定”)都能有效地傳達置信度。合適的可視化方法取決于應用程序的用例和用戶的熟悉程度。例如,Grammarly會使用“可能”之類的修飾語來描述它與用戶共同生成的內容。
  3. 在低信心情況下指導用戶行動:提供前進的路徑,例如提出澄清問題或提供替代選項。

12. 為記憶和回憶而設計

記憶和回憶是一個重要的概念和設計模式,它使人工智能產品能夠存儲和重用過去交互中的信息,例如用戶偏好、反饋、目標或任務歷史,以提高連續性和情境感知。

  • 通過記住過去的選擇或偏好來增強個性化
  • 通過避免重復輸入請求來減輕用戶負擔,尤其是在多步驟或長格式任務中
  • 支持復雜任務,如項目規劃中的縱向工作流程、通過參考或借鑒過去的進展進行學習歷程。

用于訪問信息的記憶可能是短暫的會話內的短期)持久的跨會話的長期),并且可能包括對話上下文、行為信號或明確的輸入。

如何使用此模式

  1. 定義用戶上下文并選擇記憶類型。
    根據用例選擇記憶類型,例如短暫記憶、持久記憶或兩者兼有。購物助理可能實時跟蹤交互,無需為未來會話保留數據,而個人助理則需要長期記憶來實現個性化。
  2. 在用戶交互中智能地使用記憶
    為 LLM 構建基本提示,以便根據上下文回憶和傳達信息(例如,“上次你喜歡更輕松的語氣。我應該繼續嗎?”)。
  3. 傳達透明度并提供控制功能
    清晰地傳達正在保存的內容,并允許用戶查看、編輯或刪除已存儲的記憶。使“刪除記憶”操作易于訪問。例如,ChatGPT 在其平臺上提供了廣泛的控制功能,可隨時查看、更新或刪除記憶

13.提供上下文輸入參數

情境輸入參數通過簡化用戶交互來提升用戶體驗,并更快地實現用戶目標。通過利用用戶特定數據、用戶偏好、過往交互,甚至來自其他具有相似偏好的用戶的數據,GenAI 系統可以定制輸入和功能,以更好地滿足用戶意圖和決策。

如何使用此模式

  1. 利用先前的交互:根據用戶先前輸入的內容預填充輸入。參考 模式 12,記憶與回憶。
  2. 使用自動完成或智能默認設置:在用戶輸入時,根據個人和全局使用模式提供智能的實時建議。例如,Perplexity會根據您當前的查詢線索,提供智能的后續查詢建議。
  3. 推薦交互式 UI 小部件:根據系統預測,提供定制的輸入小部件,例如提示框、滑塊和復選框,以增強用戶輸入體驗。例如,ElevenLabs允許用戶通過顯示預設或默認值來微調語音生成設置。

14. 為副駕駛/共同編輯/部分自動化而設計

副駕駛是一種增強模式,AI 充當協作助手,在用戶掌控全局的同時,提供情境化和數據驅動的洞察。這種設計模式在戰略制定、構思、寫作、設計或編碼等領域至關重要,因為這些領域的結果具有主觀性,用戶擁有獨特的偏好,或者用戶的創意輸入至關重要。

副駕駛 加快工作流程,增強創造力并減少認知負荷,但人類仍保留創作權和最終決策權。

如何使用此模式

  1. 嵌入內聯幫助:AI 建議會根據上下文進行呈現,方便用戶輕松接受、拒絕或修改。例如,Notion AI 可以幫助您起草、總結和編輯內容,同時您可以掌控最終版本。
  2. 保存用戶意圖和創意方向:讓用戶通過目標、語氣或示例等輸入來引導 AI,同時保持原創性和創意方向。例如,Jasper AI 允許用戶設置品牌語調和語氣指南,幫助構建 AI 輸出,使其更好地匹配用戶意圖。

15. 設計自動化的用戶控件

構建 UI 級機制,讓用戶根據用戶目標、上下文場景或系統故障狀態管理或覆蓋自動化。

沒有系統能夠預測所有用戶情境??刂瀑x予用戶自主權,即使人工智能出錯,也能保持信任。

如何使用此模式

  1. 采用漸進式展現:從最低限度的自動化功能開始,逐漸允許用戶選擇更復雜或自主的功能。
    例如,Canva Magic Studio一開始會提供簡單的 AI 建議,例如文本或圖像生成 ,然后逐步展示高級工具,例如 Magic Write、AI 視頻場景和品牌語音定制。
  2. 為用戶提供自動化控制功能: 提供諸如 開關、滑塊或基于規則的設置等UI 控件,讓用戶選擇何時以及如何控制自動化功能。例如,Gmail 允許用戶禁用智能撰寫功能。
  3. 自動化錯誤恢復設計:當 AI 出現故障(誤報/漏報)時,向用戶提供糾正措施。添加手動覆蓋、撤消或升級到人工支持的選項。例如,GitHub Copilot 建議內聯代碼,但當輸出關閉時,開發人員可以輕松拒絕、修改或撤消建議。

16. 設計用戶輸入錯誤狀態

GenAI 系統通常依賴于對人類輸入的解讀。當用戶提供模糊、不完整或錯誤的信息時,AI 可能會誤解其意圖或產生低質量的輸出。

輸入錯誤通常反映的是用戶期望與系統理解之間的不匹配。妥善處理這些問題對于維護信任和確保順暢的交互至關重要。

如何使用此模式

  1. 優雅地處理拼寫錯誤:當置信度較高(例如,> 80% )時,使用拼寫檢查或模糊匹配自動糾正常見的輸入錯誤,并巧妙地進行表面更正(“顯示結果......”)。
  2. 提出澄清性問題:當輸入過于模糊或有多種解釋時,提示用戶提供缺失的上下文。在對話設計中,當意圖明確但實體不明確時,就會發生此類錯誤。了解更多關于實體和意圖的信息。例如,當 ChatGPT 給出“首都是什么?”這樣的低語境提示時,它會提出后續問題,而不是猜測。
  3. 支持快速更正:方便用戶編輯或覆蓋您的解釋。例如,ChatGPT 在已提交的提示旁邊顯示一個編輯按鈕,方便用戶修改輸入。

17. 人工智能系統錯誤狀態的設計

GenAI 輸出本質上是概率性的,容易出現幻覺、偏見和上下文錯位等錯誤。

與傳統系統不同,GenAI 的錯誤狀態難以預測。針對這些狀態進行設計需要透明度、恢復機制和用戶自主性。精心設計的錯誤狀態可以幫助用戶了解 AI 系統的邊界并重新獲得控制權。

混淆矩陣有助于分析人工智能系統錯誤,并通過顯示以下計數來深入了解模型的執行情況
-真陽性(正確識別陽性案例)
-假陽性(錯誤識別陽性案例)
-真陰性(正確識別陰性案例)
-假陰性(未能識別陰性案例)

人工智能錯誤和故障狀態的場景

  1. 系統故障(錯誤輸出)
    由于數據質量差、存在偏見或模型錯覺,會出現假陽性或假陰性。例如,花旗銀行金融欺詐系統會顯示一條消息:“異常交易。您的卡已被凍結。如果是您本人操作的,請驗證您的身份。”
  2. 系統限制錯誤(無輸出)
    由于未經訓練的用例或知識缺口,會出現真負例。例如,當 ODQA 系統接收到訓練數據集之外的用戶輸入時,會拋出以下錯誤:“抱歉,我們沒有足夠的信息。請嘗試其他查詢!”
  3. 上下文錯誤(誤解輸出)由于解釋不清或與用戶預期相沖突而導致用戶困惑的
    真陽性結果屬于上下文錯誤。例如,當用戶從新設備登錄時,被鎖定。AI 會回復:“您的登錄嘗試已被標記為可疑活動。”

如何使用此模式

  1. 傳達各種場景的人工智能錯誤:使用諸如
    “這可能不準確”、“這看起來像......”或表面置信度水平之類的短語來幫助校準信任。
  2. 使用模式傳達低置信度輸出的模型置信度。
  3. 提供錯誤恢復:如果發生系統故障或上下文錯誤,請提供清晰的路徑來覆蓋、重試或升級問題。
    例如,使用“嘗試其他查詢”、“讓我改進一下”或“聯系客服”等方式。
  4. 啟用用戶反饋:輕松報告幻覺或錯誤輸出。了解更多關于模式 19 的信息。設計以捕獲用戶反饋。

18. 設計時要捕捉用戶反饋

現實世界的一致性需要直接的用戶反饋來改進模型,從而改進產品。當人們與人工智能系統互動時,他們的行為會塑造并影響他們未來收到的輸出。從而形成一個持續的反饋循環,系統和用戶的行為都會隨著時間的推移而不斷調整。例如,ChatGPT使用“反應”按鈕和“評論”框來收集用戶反饋。

如何使用此模式

  1. 考慮隱性反饋:捕捉用戶操作,例如跳過、忽略、編輯或互動頻率。這些被動信號提供了有價值的行為線索,有助于調整推薦內容或發現用戶不感興趣的行為模式。
  2. 尋求明確的反饋:通過點贊/踩、NPS 評分小部件或用戶操作后的快速調查問卷,收集用戶的直接反饋。利用這些反饋來改進模型行為和產品契合度。
  3. 告知反饋的用途:讓用戶了解他們的反饋將如何影響未來的體驗。這可以增強信任,并鼓勵用戶持續做出貢獻。

19. 模型評估設計

強大的 GenAI 模型需要在訓練期間以及部署后持續進行評估。評估旨在確保模型按預期運行,識別錯誤和幻覺,并與用戶目標保持一致,尤其是在高風險領域。

如何使用此模式

三種關鍵的評估方法可以改進機器學習系統。

  1. 基于法學碩士 (LLM) 的評估(LLM-as-a-judge)一個獨立的語言模型充當自動評判者。它可以對回復進行評分,解釋其推理過程,并分配諸如有用/有害或正確/不正確等標簽。
    例如,Amazon Bedrock 使用 LLM-as-a-Judge 方法來評估 AI 模型的輸出。一個獨立的可信 LLM(例如 Claude 3 或 Amazon Titan)會根據有用性、準確性、相關性和安全性自動審核和評分回復。例如,比較兩個 AI 生成的針對同一提示的回復,評判模型會選擇更優的那個。這種自動化方法可將評估成本降低高達 98%,并加快模型選擇速度,而無需依賴緩慢且昂貴的人工審核。
  2. 啟用基于代碼的評估:對于結構化任務,使用測試套件或已知輸出來驗證模型性能,特別是對于數據處理、生成或檢索。
  3. 捕捉人工評估:集成實時 UI 機制,方便用戶將輸出標記為有用、有害、不正確或不清楚。更多詳情,請參閱模式 19。捕捉用戶反饋的設計
  4. LLM 作為評判者和人工評估的混合方法將準確率大幅提高到 99%

20. AI護欄設計

人工智能護欄的設計意味著在GenAI模型中建立實踐和原則,以最大限度地減少傷害、錯誤信息、不良行為和偏見。至關重要的是

  • 保護用戶和兒童免受有害語言、虛構事實、偏見或虛假信息的侵害。
  • 建立信任和采用:當用戶知道系統避免仇恨言論和錯誤信息時,他們會感到更安全并愿意經常使用它。
  • 道德合規:歐盟人工智能法案等新規要求人工智能設計必須安全。團隊必須符合這些標準,才能保持合法合規并承擔社會責任。

如何使用此模式

  1. 分析并引導用戶輸入:如果提示可能導致不安全或敏感內容,則引導用戶進行更安全的交互。例如,Miko 機器人遇到臟話時,它會回答“我不允許使用此類語言”。
  2. 過濾輸出并審核內容:使用實時審核功能檢測并過濾可能有害的 AI 輸出,在顯示給用戶之前屏蔽或重新構建它們。例如,顯示一條注釋:“此回復已根據我們的安全準則進行了修改。”
  3. 使用主動警告:當用戶接觸敏感或高風險信息時,巧妙地通知他們。例如,“這只是信息建議,不能替代醫療指導。”
  4. 創建強大的用戶反饋機制:讓用戶輕松舉報不安全、帶有偏見或虛假信息的輸出,從而通過主動學習循環逐步改進人工智能。例如,Instagram 提供了應用內選項,方便用戶舉報傷害、偏見或虛假信息。
  5. 交叉驗證關鍵信息:對于高風險領域(例如醫療保健、法律、金融),使用可信數據庫備份 AI 生成的輸出,以捕捉幻覺。參考模式 10, 提供數據源。

21. 傳達數據隱私和控制

這種模式確保 GenAI 應用程序清楚地傳達如何收集、存儲、處理和保護用戶數據。

GenAI 系統通常依賴于敏感數據、情境數據或行為數據。處理不當可能會導致用戶不信任、法律風險或意外濫用。清晰地傳達隱私保護措施有助于用戶感到安全、受到尊重并掌控全局。例如,Slack AI 明確表示,客戶數據仍歸客戶所有并控制,不會用于訓練 Slack 或任何第三方 AI 模型。

如何使用此模式

  1. 顯示透明度:當 GenAI 功能訪問用戶數據時,顯示訪問內容和原因的解釋。
  2. 設計選擇加入和選擇退出流程:允許用戶輕松切換數據共享偏好設置。
  3. 啟用數據審查和刪除:允許用戶查看、下載或刪除他們的數據歷史記錄,從而讓他們能夠持續控制。

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

日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产91精品久久久久久| 亚洲福利在线视频| 在线日韩日本国产亚洲| 亚洲999一在线观看www| 性欧美xxxx视频在线观看| 国产精品视频公开费视频| 91欧美精品午夜性色福利在线| 亚洲国产黄色片| 亚洲男人的天堂在线播放| 亚洲综合日韩在线| 成人精品视频久久久久| 国产精品久久久久久久9999| 欧美网站在线观看| 精品国产乱码久久久久久婷婷| 91在线播放国产| 久久精品91久久香蕉加勒比| 欧美成人四级hd版| 亚洲精品在线91| 日韩有码视频在线| 久久久久999| 久久久久久久久久久人体| 国产一区二区日韩精品欧美精品| 17婷婷久久www| 亚洲精品永久免费| www.亚洲免费视频| 欧美极度另类性三渗透| 欧美精品一区三区| 91免费观看网站| 蜜月aⅴ免费一区二区三区| 色偷偷av亚洲男人的天堂| 国产不卡av在线免费观看| 成人激情视频在线播放| 午夜精品99久久免费| 亚洲精品少妇网址| 中文字幕久精品免费视频| 97成人在线视频| 欧美日韩精品在线视频| 亚洲人高潮女人毛茸茸| 最近更新的2019中文字幕| 国产精品自拍偷拍视频| 亚洲精品视频久久| www.日韩免费| 日本精品一区二区三区在线| 欧美亚洲午夜视频在线观看| 狠狠操狠狠色综合网| 国产成人综合精品| 91美女福利视频高清| 日韩电影在线观看永久视频免费网站| 色午夜这里只有精品| 亚洲毛片在线观看| 久久久久久久久久亚洲| 欧美精品福利视频| 黄色精品一区二区| 久久久久久久久久久av| 国产精品久久久久久久久久新婚| 国产精品久久久一区| 国产在线久久久| 欧美日韩色婷婷| 国产精品一区二区电影| 日韩高清av在线| 国产97在线视频| 中文字幕成人精品久久不卡| 在线观看久久av| 国产91|九色| 日韩av综合网站| 亚洲久久久久久久久久| 色综合色综合久久综合频道88| 国产精品成人一区二区| 日韩欧美亚洲国产一区| 久久精品影视伊人网| 亚洲欧美日韩国产精品| 2018日韩中文字幕| 奇米成人av国产一区二区三区| 亚洲电影免费观看高清完整版在线| 日韩精品久久久久久福利| 亚洲女人被黑人巨大进入al| 欧美日本中文字幕| 国产成人精品免高潮费视频| 国产精品久久久av久久久| 欧美激情综合色| 久久99热精品| 亚洲v日韩v综合v精品v| 国内揄拍国内精品少妇国语| 亚洲国产另类久久精品| 91精品在线观| 久久久久久久国产精品视频| 超碰精品一区二区三区乱码| 国产成人亚洲综合| 色999日韩欧美国产| 成人网址在线观看| 国产91露脸中文字幕在线| 国产日韩在线免费| 国产精品白丝jk喷水视频一区| 亚洲综合在线中文字幕| 久久久久久久激情视频| 欧美精品久久一区二区| 亚洲国产天堂网精品网站| 亚洲专区中文字幕| 日本午夜精品理论片a级appf发布| 亚洲国产精品国自产拍av秋霞| 国产女人18毛片水18精品| 中文字幕欧美日韩在线| 欧美成在线视频| 91国产美女视频| 国产日韩欧美综合| 亚洲精品自拍视频| 欧美床上激情在线观看| 精品国偷自产在线视频99| 91a在线视频| 亚洲天堂日韩电影| 国产精品丝袜久久久久久不卡| 欧美性猛交视频| 国产精品高清网站| 这里只有精品在线观看| 色综久久综合桃花网| 亚洲精品资源美女情侣酒店| 欧美亚洲成人精品| 欧美日韩性生活视频| 国产自摸综合网| 亚洲欧美日韩天堂一区二区| 狠狠色狠狠色综合日日五| 69国产精品成人在线播放| 国产精品极品尤物在线观看| 成人在线中文字幕| 亚洲一级黄色av| 亚洲女人天堂成人av在线| 久久精品99久久久香蕉| 亚州欧美日韩中文视频| 欧美另类交人妖| 亚洲第一精品电影| 久久久av网站| 亚洲丝袜av一区| 91九色国产社区在线观看| 久久偷看各类女兵18女厕嘘嘘| 色综合视频网站| 亚洲激情视频在线| 91精品久久久久久久久久久久久| 久久91精品国产91久久久| 亚洲免费电影在线观看| 久久精品最新地址| 992tv成人免费视频| 欧美日韩国产精品专区| 亚洲精品国产福利| 一区二区欧美久久| 成年人精品视频| www.久久久久久.com| 精品久久中文字幕久久av| 7777免费精品视频| 国产福利成人在线| 国产精品直播网红| 欧美成人四级hd版| 亚洲精品国产精品国自产在线| 尤物九九久久国产精品的特点| 国产精品入口福利| 日韩av在线最新| 国产日韩欧美在线视频观看| 亚洲免费视频观看| 热久久美女精品天天吊色| 欧美最顶级丰满的aⅴ艳星| 日本亚洲精品在线观看| 日韩精品在线观看一区二区| 亚洲激情在线视频| 欧美日韩在线视频观看| 午夜精品一区二区三区在线视频|