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

首頁

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

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

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

步驟5

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

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

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

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

最后的想法

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

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

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

 

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

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

杰睿

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

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

由于用戶不再控制何時觸發人工智能的使用,因此需要讓用戶了解何時向他們展示人工智能功能或內容,以確定其有效性和質量。不僅如此,《歐盟人工智能法案》(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 功能和生成的內容至關重要,這樣他們才能更好地理解所展示的內容,并建立對產品的信任。我期待更多超越閃光圖標和聊天機器人的設計系統模式。

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

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

杰睿

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

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

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

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

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

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

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

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

“操縱的最大危險在于,它可能變得無形、正?;⑷谌肴粘I?。”
——肖莎娜·祖博夫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

蘭亭妙微(m.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 系統無需用戶干預即可執行任務,通?;陬A定義的規則、工具和觸發器。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 級機制,讓用戶根據用戶目標、上下文場景或系統故障狀態管理或覆蓋自動化。

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

如何使用此模式

  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. 啟用數據審查和刪除:允許用戶查看、下載或刪除他們的數據歷史記錄,從而讓他們能夠持續控制。

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

循環用戶體驗:為修復和再利用而設計

杰睿

通過 AI 輔助創建的圖像

當我們談論用戶體驗時,大多數話題都傾向于愉悅感、易用性和效率。但近年來,一個話題卻逐漸受到關注:可持續性。對我來說,“循環用戶體驗”(Circular UX)——為修復和重復使用而設計——并非源于會議演講或流行文章,而是在為內部供應鏈門戶網站進行實際產品改造時。

什么是循環用戶體驗 (Circular UX)?

循環用戶體驗 (Circular UX) 借鑒了循環經濟的理念,致力于延長產品的生命周期。循環用戶體驗 (Circular UX) 并非設計那些快速采用并逐漸淘汰的數字體驗(想想那些迫使你每年購買新版本的應用程序),而是鼓勵設計兼顧耐用性、可修復性和可重復使用性。

這不僅僅是關于使用環保圖標的“綠色UI”。這是為了確保:

  • 用戶無需從頭開始重新啟動流程即可修復錯誤。
  • 組件可以在不同的流程中重復使用,而無需每次都重新培訓用戶。
  • 數據是可移植的和可恢復的。
  • 界面會隨著時間的推移而適應,而不是像重置按鈕那樣強制升級。

您已經知道的真實示例

  • Google Docs:想想它如何自動保存、查看版本歷史記錄以及恢復舊版本。告別“工作丟失”的恐慌。
  • Figma:設計師可以在項目之間重復使用組件和庫,甚至可以回滾到以前的迭代而不會丟失進度。
  • iOS 照片應用程序:您可以“取消刪除”照片、恢復編輯以及復制圖像以創建變體 - 鼓勵無所畏懼地進行實驗。
  • Shopify 管理員:店主可以復制產品模板、重復使用運輸規則并進行小幅編輯,而不必重建整個目錄條目。

這些都是循環用戶體驗 (Circular UX) 的實際例子:減少重復性工作、使恢復變得容易、并增強探索的信心。

當產品設計為可修復和重復使用時,用戶行為會發生以下變化:

按 Enter 鍵或單擊即可查看完整尺寸的圖像
通過 AI 輔助創建的圖像

上圖比較了應用 Circular UX 前后的情況。

  • 循環用戶體驗之前:用戶非常謹慎,創建手動解決方法,并大量涌入支持團隊,因為即使是小錯誤也是無法逆轉的。
  • 循環用戶體驗之后:用戶可以安全地進行探索,通過模板和版本控制可以提高效率,并且由于產品感覺是在提供幫助而不是懲罰,因此整體滿意度也會提高。

這種簡單的思維轉變——從僵化的流程到靈活、可修復的體驗——可以改變用戶信任和業務成果。

我的項目:將循環用戶體驗帶入現實(快速案例研究)

我曾參與一個團隊,負責改造一個時尚品牌的內部供應鏈門戶。舊系統非常死板:如果用戶在創建訂單或規劃發貨時出錯,唯一的解決辦法就是刪除所有數據,然后重新執行整個流程。這每周都會浪費數小時,并導致運營團隊和 IT 團隊之間產生摩擦。

我們的循環用戶體驗目標 -

  1. 無需重新開始即可修復:允許用戶僅編輯受影響的步驟,而不必重新啟動工作流程。
  2. 重復使用現有模板:用戶可以復制以前的配置并僅調整更改的內容,而不必每次都創建新的訂單。
  3. 創建反饋循環:捕獲錯誤和解決方案以進行模式識別,這將在以后指導預測建議。

我們做出的設計決策 -

  • 模塊化流程:我們摒棄了冗長的表單,將訂單創建流程拆分成多個獨立的模塊(例如“供應商”、“SKU詳情”、“物流”)。用戶可以直接進入某個模塊修改數據,而不會影響其他模塊。
  • 版本控制:每個訂單更新都會創建一個可追溯的版本歷史記錄,因此如果有人需要恢復更改,也不會永久丟失任何內容。
  • 快速模板:我們設計了“智能模板”,可以提取以前的配置,減少冗余輸入。
  • 應用內指導:針對常見故障點(例如,SKU 不匹配)添加了微文本和上下文工具提示。

用戶反饋和接受度 -

這一轉變出人意料地受到了熱烈歡迎:

  • 培訓時間縮短了約 35%。由于模塊反映了實際任務的思維模型,新團隊成員能夠更快地掌握系統。
  • 第一季度錯誤率降低了22%。
  • 員工們表示“數據焦慮”有所減少。他們不懼怕嘗試,因為他們知道錯誤是可以糾正的。

三個月后,我們進行了一項用戶調查:83% 的人表示他們“非常喜歡”新版本,因為感覺“懲罰更少”且“更寬容”。

投資回報率和影響

投資回報率是顯而易見的:

  • 節省的時間:每月大約節省 300 多個工時,僅僅因為避免了重復輸入。
  • 降低成本: “數據修復、更多控制和節省時間”的 IT 支持票減少了 40%。
  • 長期適應性:當添加新的產品線時,模塊化方法可以更快地擴展(我們重用現有的 UI 組件,而不是從頭開始)。

這就是我們在項目中應用循環用戶體驗 (Circular UX) 概念的方式。難點在于簡化現有流程,賦予用戶更多控制權并節省他們的時間?,F在,讓我們了解一下為什么循環用戶體驗對所有公司都至關重要:

  • 節省成本:減少支持電話、減少培訓課程、最大限度地減少返工,從而節省時間和金錢。
  • 員工幸福感和保留率:感覺“有用”的工具可以提高員工的士氣,尤其是在高壓操作中。
  • 可擴展性:模塊化、可重復使用的設計意味著當您的公司添加新服務或產品時,您可以快速適應,而不必重新做整個系統。
  • 品牌聲譽:提供尊重用戶努力的產品(例如允許輕松恢復工作)可以建立信任和忠誠度。

給想要嘗試循環用戶體驗的設計師的建議

  • 映射故障點:確定用戶重新啟動或放棄任務的位置,并設計修復方法而不是強制完全重新啟動。
  • 集成安全網:添加草稿、撤消選項、回滾功能和清除版本歷史記錄,以便用戶可以在任何階段恢復工作。
  • 使用模塊化、可重復使用的設計:構建獨立的步驟和可重復使用的組件,使用戶和開發團隊更輕松地進行修復和擴展。
  • 引導,不要懲罰:提供清晰的上下文幫助和微文案,以便用戶知道如何修復錯誤,而無需猜測或離開他們的流程。
  • 增長計劃:為未來的重用和擴展而設計——確保隨著任務或數據量的增加,流程仍然順利運行。

循環用戶體驗不僅僅是一個環保的流行詞;它指的是尊重用戶時間和精力的設計體驗。在我的項目中,采用修復和重復使用不僅提高了可用性,還增強了用戶信心,降低了運營成本,并創建了一個可以根據未來需求擴展的系統。

當用戶感到可以放心嘗試,并且知道錯誤可以恢復時,他們會更有效地使用你的產品,減少壓力。而當公司在設計產品時考慮到維修和重復使用,他們就能節省成本,減少客戶流失,并確保產品面向未來。

因此,下次設計時,請問自己:“人們修復或重復使用他們已經完成的工作有多容易?”這種小小的思維轉變可能會對用戶和企業投資回報率產生重大影響。

 

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

優化用戶體驗 | AI工作流 | Lovable + Cursor:如何設置這個強大的 AI 工作流程

杰睿

今天給大家分享一個強大的工作流程:Lovable — GitHub — Cursor。

雖然 Lovable 和 Cursor 都是流行的工具,但它們各有其優點和局限性。

但當一起使用時,它們可以很好地互補,您可以獲得兩全其美的效果。

此工作流程讓您可以利用 Lovable 的快速設計生成和 Cursor 的 AI 驅動編碼環境來精確構建更強大的應用程序。

我將向您展示如何逐步連接它們并創建無縫的工作流程。

概述

工作原理

在Lovable中,將您的項目與Github連接起來,這樣代碼就可以實時同步到GitHub。

在 Cursor 中,你可以將項目代碼克隆到本地并進行編輯。之后,你可以隨時同步到 GitHub。

一旦同步,更新將立即反映在 Lovable 中。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
工作流程概述

然后,您可以根據需要選擇使用 Lovable 或 Cursor 進行工作。兩者之間可無縫切換。

為什么它如此強大

對于專注于前端的設計來說,Lovable 直觀且快速。但當需要改進或添加實際功能時,你很快就會遇到瓶頸。

它根本不適合開發可靠的應用程序。而且,Lovable 的免費計劃也很容易達到使用上限。

這就是 GitHub 和 Cursor 的用武之地。GitHub 充當了 Lovable 和 Cursor 之間的橋梁。從它的名字就可以看出“ GitHub = Git + Hub ”。Git 是管理代碼版本的工具。GitHub 是一個托管 Git 存儲庫并增強協作的平臺。

而 Cursor 就像一個帶有 AI 助手的代碼編輯器。它比 Lovable 強大得多。你可以更精確地調試、優化和構建代碼。

缺點是,如果你編程經驗有限,Cursor 可能會讓你感到不知所措,而且它不夠簡單,不適合前端探索。這就是為什么 Lovable 和 Cursor 相輔相成的原因。

但是如何讓 Lovable、Cursor 和 GitHub 協同工作呢?

按 Enter 鍵或單擊即可查看完整尺寸的圖像
我在 Reddit 上偶然看到的一篇帖子 :)

接下來,我將逐步引導您完成工作流程!

步驟 1:Lovable → GitHub

首先,你需要有一個 GitHub 帳戶。

那就用 Lovable 來構建一些東西吧。我在一篇新聞通訊里提到過 Lovable 。它很容易上手。

為了這個演示,我創建了一個簡單的“像我 5 歲一樣解釋它”應用程序。

您可以隨時通過點擊右上角的 GitHub 圖標選擇連接到 GitHub。

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

如果單擊該圖標,將出現以下對話框:

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

連接到 Github 帳戶后,此對話框將顯示另一個選項,供您將此“項目”連接到您的 Github。請確保它也已連接。

步驟 2:GitHub → Cursor

打開 Cursor。第一步是選擇一個文件夾。這就是項目所在的位置。

接下來,您只需在 Cursor 中輸入以下內容:

克隆此 repo:[你的項目 Github 鏈接]repo:[你的項目 Github 鏈接]

然后 Cursor 會告訴你該怎么做。設置起來非常簡單直接。

您實際上是在安裝“依賴項”,即下載并設置項目正常運行所需的所有包。

按照說明,我打開了本地服務器,它在 Lovable 中顯示了完全相同的設計。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
獲取我的本地服務器來展示 Lovable 的設計

假設現在我想在 Cursor 中進行一些修改。CTA 按鈕的懸停效果太過分了。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
原始按鈕懸停效果

我在 Cursor 的提示窗口中輸入了以下內容:

刪除懸停時“解釋一下!”CTA 上的放大效果。懸停時“解釋一下! ” CTA產生影響。

然后就修復了:

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Cursor 中按鈕懸停效果修改后

步驟 3:光標→GitHub

簡介

您可以隨時選擇將代碼從 Cursor 同步到 GitHub。

但是,您會發現選項比您預期的要多得多,而只有一個選項 — — 同步。

Git 就是這樣運作的。它將版本控制分解成多個小的、具體的操作,以便你進行精確控制。

這在處理大型項目時尤其有用。想象一下,當多人協作時,所有本地模型都同步到一個中心模型,而且每個人都只能選擇同步,沒有其他選擇,那該有多混亂。

我在下面畫了一張圖表來幫助您更好地理解所有這些命令。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
從 Cursor 到 Github 的 Git 命令

您不必親自輸入這些命令,但是當您在 Cursor 中看到這些術語并感到困惑時,該圖表可以作為有用的參考。

階段變化

首先,點擊這個“分支”圖標切換到源代碼控制面板。然后點擊“+”圖標“暫存更改”,使其準備好提交。

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

提交 + 同步

然后根據您的需要,您可以在“提交”下拉菜單中選擇一個選項。

如果您只想直接同步,請使用“提交和同步”。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
提交并同步

你看到“提交”頂部的消息框了嗎?它就像一個版本歷史記錄名稱,方便你更好地跟蹤更改。如果你將其留空,Cursor 會根據你所做的更改自動生成一條提交消息。

步驟 4:GitHub → Lovable

現在就是神奇的一步。因為你什么都不用做。

你應該會立即看到更新自動同步到 Lovable 中。太酷了!

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Cursor 中的更新實時反映在 Lovable 中

如果您查看上面的快照,它會在聊天窗口中顯示來自 Cursor 的最新修訂。

然后,您可以根據需要選擇繼續在 Lovable 中構建或切換到 Cursor。

附錄

如果您想與某人合作,只需在 GitHub 上的項目倉庫中添加一位合作者即可。前往項目 → 設置 → 合作者 → 添加人員

按 Enter 鍵或單擊即可查看完整尺寸的圖像
在 GitHub 中添加協作者

一旦添加,他們也可以使用 Cursor 實時協作該項目。

感謝閱讀。特別感謝 Junaid,在我準備課程期間與我分享了工作流程。

下周見,

欣然

-

PS:幾天前我做了一個關于創建 AI 原型的演講,并演示了一些示例。如果你也對這個話題感興趣,可以去看看。你可能會喜歡我和觀眾現場演示的冰淇淋搭配應用。

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

界面設計風格解析 | ABB 3D社交媒體視覺效果設計

杰睿

 

imgi_29_247cd1221525289.67d5ef8cc6f9a.png

imgi_30_a1a3b7221525289.67d5ef8cc691f.png

imgi_31_d2b44c221525289.67d5ef8cc605e.png

imgi_32_9bd1fb221525289.67d5ef8cc5216.png

imgi_33_97b9d5221525289.67d5ef8cc5a75.png

1. 畫面內容解讀

主體元素

  • 金融類圖標化物體:硬幣、銀行卡、銀行建筑、存錢罐、數字符號(如“?”、“$”)、網格狀科技紋理

  • 品牌標識:ABB Logo 或抽象化的品牌色塊,立體化呈現

  • 抽象 3D 元素:漂浮的幾何體(圓柱、方塊、球體)、數據流線條、漸變光球

  • 場景背景:簡潔單色或柔和漸變,留出空間讓主體呼吸

空間與透視

  • 中心構圖:主體位于視覺中央,四周留白適合社交媒體縮略圖瀏覽

  • 微透視:通過 3D 相機輕微傾斜,制造動態感

  • 前景-中景-背景層次:前景有漂浮元素,中景主體,背景光暈或漸變,增強縱深感


2. 色彩選擇

配色策略

  • 主色:深藍 / 銀灰 —— 金融行業常用的“穩健、信賴”色

  • 輔色:亮黃 / 金色 —— 暗示財富、價值

  • 點綴色:電光藍 / 青色 —— 體現科技感

光影處理

  • 高對比度主光,突出邊緣高光,強化金屬質感

  • 柔和環境光,讓暗部不死黑,保留細節

  • 背景光暈或漸變,吸引視線到主體


3. 構圖方式

  1. 黃金分割:主體落在黃金分割線上,增加視覺舒適度

  2. 中心聚焦:社交媒體適配性強,縮略圖清晰易讀

  3. 動靜結合:靜態主體 + 流動線條或粒子,營造科技流動感

  4. 留白策略:四周留白便于加文字信息或 Logo


4. 設計關鍵詞

  • 穩健(Trustworthy)

  • 科技感(Tech-inspired)

  • 高質感(Premium)

  • 幾何化(Geometric)

  • 立體光影(3D Lighting)

  • 金融象征(Financial Symbols)

  • 社交傳播友好(Social-friendly)


5. 可遷移的點

  • 行業遷移:不僅適合銀行,也適合保險、科技公司、加密貨幣品牌、金融科技應用

  • 風格遷移:把金融元素替換成行業專屬元素(醫療、教育、零售等),保留 3D 場景結構與光影

  • 平臺適配:同一 3D 場景調整構圖比例,即可適配 Instagram、LinkedIn、抖音等不同尺寸


6. 最簡單的執行方式(低成本版)

  1. 軟件:Blender(免費)+ Canva/Photoshop 后期排版

  2. 建模

    • 用 Blender 現成幾何體 + 金融符號 SVG 導入擠出成型

    • 用內置材質(金屬、玻璃、漸變)快速出效果

  3. 燈光

    • 主光 + 輔光 + 背景光三點布光

    • 在背后加大范圍 Area Light 制造光暈

  4. 輸出

    • 1920×1920 或 1080×1080(社交媒體友好尺寸)

    • 渲染后在 Photoshop 加品牌色背景和文字

 

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

你的直覺背后有邏輯

杰睿

查爾斯·桑德斯·皮爾斯的數碼插畫,風格類似拼圖游戲。他留著胡須的肖像由相互交錯的拼圖碎片組成,背景為大膽抽象的綠色、橙色和青綠色調。這幅圖像象征著復雜性、推理能力和結構化思維。
查爾斯·桑德斯·皮爾斯(作者使用人工智能創建的圖像)

每個人都說:“相信你的直覺。”但
沒有人解釋你的直覺是如何思考的。

查爾斯·皮爾斯做到了。

他稱之為溯因推理——最佳猜測的邏輯。從想法到假設的跳躍。這種思維方式并不能保證你一定正確,但能讓你足夠接近事實,值得一試。

19世紀末,皮爾士(發音為“purse”)提出了一個關于人類如何形成信念的模型。這種信念的形成并非等待神靈的啟示或遵循完美的規則,而是從不確定性入手,對我們自以為知道的事物感到不安,并形成一個值得檢驗的猜測。

他通過自己的工作創造了“探究”一詞。這種邏輯如今在早期產品戰略、設計研究和推測性人工智能提示中隨處可見。但大多數人從未聽說過它,或者從未聽說過他。

研究懷疑的科學家

按 Enter 鍵或單擊即可查看完整尺寸的圖像
19世紀哲學家、邏輯學家查爾斯·桑德斯·皮爾斯的黑白肖像。他身著正裝,蓄著大胡子,頭發中分,表情嚴肅,略微側身。
查爾斯·桑德斯·皮爾斯,公共領域,通過 Wikimedia Commons

皮爾士是一位邏輯學家、數學家、物理學家,以及許多其他領域的專家,他是美國實用主義的奠基人。但他真正癡迷的是我們如何形成信念……以及如何改變它們。

他相信真理并非唾手可得,而是需要你努力奮斗才能獲得。而獲得真理的途徑并非加倍努力……而是甘愿犯錯。

對于皮爾士來說,懷疑并非弱點,而是真正思考的開始。

他概述了人類推理的三種基本方式:

  • 綁架:根據有根據的猜測,什么可能是真的。
  • 演繹:如果某些規則成立,那么一定為真。
  • 歸納:根據我們所見的模式,什么可能是真的。

綁架

皮爾斯認為,溯因推理是思維的起點,是所有洞察力的源泉。它引領新想法進入思維領域,讓產品團隊能夠推測某個指標下降的原因,讓設計師能夠預見到混亂的發生,讓研究人員能夠提出正確的問題——而不僅僅是分析數據。

溯因推理是從觀察到可能性的飛躍。從“這到底是怎么回事?”到“也許是這樣”。它并不能保證你是對的,但它能給你提供一些可以測試的東西。

扣除

演繹法起源于亞里士多德,它從普遍真理出發,并由此推理。

如果所有人都會死,而內特是人類,那么內特也是會死的。

非常簡單。無需猜測。

它是系統、策略和自動化的邏輯。它是工程師確保代碼正常運行的方式,也是合規團隊發現違規行為的方式。演繹是我們利用已知知識進行推理的方式。但演繹并不能產生新的見解。它只能驗證符合規則的內容。我喜歡這樣理解:演繹建立在現狀之上,而不是可能實現的。

就職

歸納法也源于亞里士多德,但經過以下思想家的擴展:弗朗西斯·培根大衛·休謨反之亦然。它根據觀察到的情況推斷可能發生的情況。

到目前為止,太陽每天都會升起,因此,明天它大概也會升起。

它是科學、分析和機器學習背后的邏輯。它能發現模式、發現趨勢并標記概率。歸納推理能告訴團隊用戶做了什么,但不一定能告訴他們為什么做,或者下一步該做什么。

它很強大,但都是事后諸葛亮。它是一種回顧。沒有溯因推理來構建問題,也沒有演繹推理來施加約束,歸納推理只是收集數據。它只是觀察,卻不知道究竟要尋找什么。

信念的用戶體驗

皮爾士不僅研究我們如何推理,他還研究我們如何相信,以及為什么錯誤的信念如此難以動搖。在他1877年的論文《信念的固著》中,他列舉了人們判斷真理的四種常見方式:

  1. 堅韌:我相信這一點,因為我一直都相信。
  2. 權威:我相信這一點,因為有位有權勢的人告訴我。
  3. 先驗:我相信這一點,因為直覺上感覺正確。
  4. 科學方法:我相信這一點,因為它經得起推敲。

其中只有一種說法歡迎質疑。其他說法則鼓勵安慰。它們之所以讓人感覺真實,是因為它們一直以來都讓人感覺真實??赡苁且驗槟硞€可信的人說過這些話(錨定效應),也可能是因為它們易于重復,難以質疑。

信念并不總是來自證據。它來自情感、重復,有時甚至是便利。

這就是為什么人們會繼續從事有害的工作,并相信陰謀論。這就是為什么整個團隊圍繞著一個在啟動會議上感覺正確的想法展開工作,但之后就再也沒有被重新討論過。

皮爾斯的警告不僅僅是哲學層面的,它非常實用:

如果你忽略了懷疑帶來的不適,你也就忽略了學習的機會。

運用綁架法進行設計

大多數現代設計工作都始于一種直覺。你注意到一些事情。你猜測它發生的原因。你驗證這個猜測。

這就是綁架。

你不是在證明必然為真,也不是在確認可能為。你是在問:這里可能發生了什么?

這是探索研究和旅程地圖的核心。真正以人為本的設計。這種設計需要長時間地與模糊性共存,以便從中汲取經驗,而不是停留在幻燈片上假裝自己已經知道了。

問題?

我們不會把溯因推理當成一門技能來教。我們把它當成直覺。高級設計師“大概知道”的東西。

我想皮爾斯不會同意。對他來說,溯因推理不是魔法,而是邏輯。溯因推理是可以訓練的,可以解釋的,而且也值得實踐。

如果說演繹法是數學的邏輯,歸納法是科學的邏輯,那么溯因法就是設計的邏輯。

優秀的設計師總是在別人追尋答案之前提出更精妙的問題。這也是為什么他們不僅僅是在建造,而是在觀察

通過 GenAI 進行溯因推理

溯因推理并不僅限于設計。每當我們試圖理解一些不明確的事物時,它都會出現。而沒有什么比我們如何使用生成式人工智能更切題(或更容易被忽視)了。

在 GenAI 出現之前,深度思考進展緩慢。你必須面對模棱兩可的情況,理解零散的信息,并挑戰自己的假設。這種方式效率不高,但確實有效。

現在,有了 GenAI,我們就有了一個可以模擬新觀點、提出反駁意見并幫助我們比以往更快地測試想法的工具。

但大多數人并非如此使用。他們帶著結果而來,而不是帶著疑問。他們尋求的是確認,而不是探索。他們把這個工具當成了自動售貨機。

提示法運用得當,就能起到溯因推理的作用。你先提出一個假設,然后提出問題,探索可能成立的結論。之后,不斷完善假設。

如果使用不當,該工具會反映你的第一個假設。聽起來很有說服力,但卻無法加深你的理解。

早在語言模型出現之前,皮爾斯就對此發出過警告。當信念被過快接受時,它就會停止進化。當質疑從學習過程中消失時,學習也會隨之消失。

提示是練習溯因推理的機會,但只有我們像自己思考一樣小心地使用它時,才有意義。

所以呢?

我們并非為真理而設計,而是為可以演變的信念而設計,這意味著我們要適應模糊性,提出更好的問題,并抵制急于獲得確定性的沖動。

如果人工智能要幫助我們思考(而不僅僅是產生結果),那么我們必須教會人們如何謹慎地推測并檢驗假設。我們還必須教會人們如何在不失去控制的情況下改變想法。

查爾斯·皮爾士為我們提供了一個模型,幫助我們在事實不全的情況下進行推理。這是一種靈活且愿意犯錯的思維方法。

它仍然有效。

如果你對這些思維習慣是如何養成的感興趣,我曾專門寫過關于弗里德里希·福祿貝爾的文章,他是一位向我們展示如何塑造學習方式的教育家。

我們花了很多時間討論如何訓練人工智能,但卻很少思考如何訓練我們自己思考。

皮爾斯做到了。

也許現在正是我們傾聽的時候了。

 

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

Garmin 擁有我的所有數據——那么 Runna 為什么要為我制定更好的訓練計劃呢?

杰睿

Runna 與 Garmin 的標志
Runna 與 Garmin 的對比

三年前的圣誕節,我收到了一塊 Garmin 手表。

按 Enter 鍵或單擊即可查看完整尺寸的圖像
Garmin 手表圖片
我漂亮的 Garmin 手表(我有中間的那塊)

當時我已經跑過幾次馬拉松了,但我從來沒想過自己會像以前那樣,追蹤心率、恢復時間、步頻……我只是跑而已。不過,嘿,這真是個禮物。所以我戴上它,很快就變成了那種即使走到街角商店也戴著Garmin手表的人。

讓我驚訝的是,我竟然如此喜歡它。看到我的靜息心率下降?太棒了。長跑后的恢復時間?奇怪的是,令人滿足。手腕上那些科技感十足的小綠燈?感覺非常嚴肅。慢慢地,我開始思考:也許Garmin了解我。

幾個月前,在備戰愛丁堡馬拉松訓練時,我決定用 Runna 來“偷懶”。如果你還沒聽說過 Runna,它是一款訓練應用,可以根據你的目標、日程安排、過往表現和進度,為你制定個性化的跑步計劃。它就像口袋里裝了一位真正的教練,只是省去了寫字板和短襪的麻煩。

這次,為了我的下一場馬拉松(如果你想知道的話,是在香檳區),我想:還是給Garmin一個機會吧。他們有我多年的數據。他們肯定比任何人都更有能力為我制定一個有效的計劃。

他們不能。

用戶體驗對決:Runna vs Garmin

讓我們來分析一下。

目標設定

  • Runna:有人問我是否在為比賽進行訓練,旨在提高距離,產后恢復(尊重),甚至進行一些混合功能健身。
  • Garmin:“跑步還是騎行?”然后……“比賽還是里程碑?”就這樣。甚至連“新手爸媽想在午睡間隙偷偷跑步”都算不上。
按 Enter 鍵或單擊即可查看完整尺寸的圖像
目標設定:Runna 與 Garmin
目標設定:Runna 與 Garmin

種族選擇

  • Runna:我輸入了我真正要跑的馬拉松的名字。它就彈出來了。太神奇了。
  • Garmin:僅限常規的 5 公里、10 公里和半程馬拉松選項。Garminland 似乎沒有全程馬拉松。
按 Enter 鍵或單擊即可查看完整尺寸的圖像
選擇你的比賽:Runna 和 Garmin
選擇你的比賽:Runna 和 Garmin

時間估算

  • Runna:根據我過去的跑步情況,他們建議我制定一個明智且可實現的目標時間。
  • Garmin:盡管過去 3 年里我每次跑步都戴著 Garmin,包括參加多次半程馬拉松,但它們卻沒有任何提示。

訓練計劃

  • Runna:為我量身定制。恰好在合適的一周開始,讓我為比賽做好準備。感覺很有挑戰性,但也很現實。
  • Garmin:選個教練,選個計劃。第一次跑步?九分鐘……中間走兩分鐘。我兩個月前真的跑過一場馬拉松。我們來這里干什么?

Garmin 用戶體驗中最糟糕的四個方面(我統計的)

  1. 缺乏個性化:仍然顯示騎行選項。我從來沒有騎過自行車,一次也沒有。除了 2021 年騎 Lime Bike 去趕地鐵。
  2. 問我跑步習慣是什么:你好?你有我的手表數據嗎?
  3. 教練描述:Vibes-y bios,不清楚他們將如何幫助。
  4. 同一流程中多次請求條款和條件 + 隱私:為什么我們要重復執行此操作?您還好嗎?

令人心碎的是:Garmin 有數據,但沒有產品。

真讓人沮喪:我信任Garmin,真的。他們三年來一直在追蹤我的每一次心跳。但到了用這些數據來指導我的時候,他們好像把所有知道的都忘了。

如果您允許的話,我提出一些假設:

1. 遺留系統和緩慢的迭代

Garmin 的軟件的發展速度跟不上其收集的數據的速度。

2. 以教練為中心,而不是以用戶為中心

他們的計劃是由少數教練制定的。這對品牌來說很棒,但靈活性卻很糟糕。這種體驗感覺就像:“這是教練杰夫認為你應該做的”,而不是“這是根據你最近的跑步情況你需要做的”。

3. 風險規避

一個放之四海而皆準的計劃總比一個過度擬合的計劃好,對吧?錯了。跑步者能分辨出一個計劃什么時候不靠譜。

4. 硬件>軟件

Garmin 的真正業務是手表,而不是教練。應用體驗感覺像是他們一直在維護的一個功能,而不是他們真正投入的東西。

Runna 的正確之處:利用數據和同理心進行設計

讓我們把鮮花送給該送的人吧。

  • 實時調整:錯過訓練?它會調整。感覺不舒服?它會減慢你的速度。例如,我最近因為生病錯過了幾次訓練,回來后,Runna 會立即詢問我是否要根據錯過的訓練重新調整計劃,還是繼續使用原來的版本。感覺這款應用真的在為我著想,而不是照搬劇本。
  • 目標明確:您始終知道每次鍛煉的原因。
  • 對話式用戶界面:設置起來感覺就像與教練聊天,而不是 2012 年的塵封 PDF。
  • 勢頭強勁:Runna 發展迅猛。你看得出他們一直在迭代、測試、改進。感覺充滿活力。

Runna 成功地建立了信任,在像馬拉松訓練一樣親密的空間里,信任比統計數據更重要。

Garmin 仍然會追蹤我的每一次跑步,但 Runna 會告訴我接下來該跑哪條路。這就是差距。

那又怎樣?Runna 不僅打造了一款出色的產品,還填補了其他人未曾發現的空白

我越想越覺得:Runna 之所以能蓬勃發展,是因為其他訓練計劃都停留在過去。

Garmin、Polar、Coros……大多數巨頭都把教練功能放在了硬件之后再考慮。他們的訓練計劃仍然感覺像是 2015 年的 PDF 文件,只是換了個用戶體驗。智能手表已經進化了,跑步者也已經進化了。

Runna 看到了其中的差距。一款從用戶情境出發,運用實時數據,像真正的教練一樣靈活調整,并且使用體驗良好的產品?這真是開創性的……主要是因為之前沒人費心去做。

這不僅僅是跑步。

您可以在以下方面感受到同樣的差距:

  • 睡眠指導:為什么每個應用程序在了解我的 REM 周期后仍給出“睡 8 個小時”之類的通用建議?
  • 營養:宏觀追蹤器很多,但哪里有適合的實時計劃,而不是 2009 年的卡路里計算器?
  • 財務指導Cleo AI?。簼摿薮?,但大多數工具仍然感覺像帶有表情符號的電子表格。

這里有一個產品模式。當一個傳統平臺收集數據,卻無法將其智能化時,它就為那些更新、更快、更有同理心的平臺敞開了大門。

 

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

日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
欧美一区二区观看视频| 91社区在线播放| 91网页版在线| 欧美xxxx性xxxxx高清| 97久久久久久| 日韩黄色在线| 国产精品久久久久永久免费观看| 在线免费av资源| 国产在线不卡一卡二卡三卡四卡| 国内精品二区| 日韩少妇视频| 中文字幕亚洲一区二区三区五十路| 国产精品爱啪在线线免费观看| 成人av网站大全| 17c精品麻豆一区二区免费| 欧州一区二区三区| 欧美激情小视频| 国产麻豆视频一区二区| 亚洲欧美视频一区| 日韩欧美国产午夜精品| 亚洲精品一卡二卡三卡四卡| 国产成人av网址| 亚洲一区二区三区视频在线| 狠狠色狠狠色综合| 日韩成人影视| 欧美成人黄色| 亚洲欧美韩国综合色| 韩国成人福利片在线播放| 亚洲三级电影全部在线观看高清| 欧美午夜在线播放| 91高清免费在线观看| 亚洲视频精选| 4k岛国日韩精品**专区| 羞羞答答一区二区| 精品伦理一区二区三区| 欧美aa免费在线| 日韩精品福利在线| 国产精品美女999| 亚洲欧洲精品一区二区| 日韩成人在线视频观看| 91成人抖音| 无码av中文一区二区三区桃花岛| 欧美另类网站| 天堂蜜桃一区二区三区| 欧美一区免费| 粉嫩av一区二区| 一本大道综合伊人精品热热| 中文字幕av免费专区久久| 国产成人精品一区二区三区福利| 国产自产2019最新不卡| 一区二区三区**美女毛片| 久久电影网站中文字幕| 欧美肥婆姓交大片| 在线观看日韩欧美| 91精品国产99久久久久久红楼| 一区二区亚洲精品| 69xxxx欧美| 91久久精品国产91性色| 黄色av网站在线播放| 91一区二区三区在线观看| 韩国成人一区| 精品久久久网站| 亚洲电影在线观看| 国产在线98福利播放视频| 最新亚洲激情| 伊人伊成久久人综合网小说| 亚洲精品成人一区| 国产成人精品亚洲精品| 欧美性suv| 午夜国产精品视频免费体验区| 成人短片线上看| 精品国产91洋老外米糕| 99久re热视频这里只有精品6| a欧美人片人妖| 国产精品一区二区三区久久久| 久草免费在线色站| 国产精品久久久久久影院8一贰佰| freemovies性欧美| 草碰在线视频| 红杏成人性视频免费看| 成人欧美一区二区三区黑人免费| 久久91精品国产91久久小草| 中国字幕a在线看韩国电影| 神马影院我不卡| 久久综合色天天久久综合图片| 亚洲精品国产精品国自产在线| 亚洲欧美国产日韩天堂区| 成人黄色片网站| 亚洲私拍自拍| 日韩一中文字幕| 亚洲精品亚洲人成在线| 人人爱人人干婷婷丁香亚洲| 黑人巨大精品欧美一区二区一视频| 毛片在线播放a| 中文字幕免费精品| 亚洲国产激情av| 国产亚洲欧美一区在线观看| 精品三级在线看| 狠狠躁18三区二区一区| 亚洲免费成人| 日韩中文字幕视频在线| 亚洲激情婷婷| 97视频一区| 波多野结衣在线播放| 欧美在线免费观看视频| 国产亚洲精品免费| 日本不卡一区二区三区高清视频| 精品久久久久久久人人人人传媒| 亚洲午夜视频在线| 瑟瑟视频在线| 亚洲精品自拍| 国产亚洲精品久久久| 日韩av中文字幕一区| 国产精品羞羞答答| 调教+趴+乳夹+国产+精品| 亚洲国产婷婷综合在线精品| 777精品伊人久久久久大香线蕉| 欧美激情三级| 91麻豆精品国产自产在线观看一区| 3p在线观看| 91网站在线看| 国产日韩欧美一区| 六月丁香综合在线视频| 色呦呦网站一区| 国产一区二区色噜噜| 亚洲综合色成人| 欧美另类videos死尸| 91丨porny丨在线| 69久久夜色精品国产69蝌蚪网| 老司机精品视频在线观看6| 亚洲综合欧美| 国产私拍福利精品视频二区| 亚洲精品123区| 性欧美超级视频| 日韩国产欧美区| 国模一区二区三区| 亚洲欧美一区在线| 国产很黄免费观看久久| 7777kkkk成人观看| 国产91在线播放九色快色| 18aaaa精品欧美大片h| 亚洲乱码久久| 久久久精品日本| 日韩性xxxx爱| 韩国成人在线| 中文字幕有码在线观看| 国产一区观看| 色a资源在线| 99国产精品久久久| 九义人在线观看完整免费版电视剧| 日韩电影av| 欧美精选一区二区三区| 日韩天堂在线视频| av香蕉成人| 中文字幕一区久| 欧美色男人天堂| 懂色av中文字幕一区二区三区| 97人人在线| 亚洲自拍欧美另类| 校园春色亚洲色图| 在线一区二区日韩| 亚洲性线免费观看视频成熟| 国产欧美一区二区精品仙草咪| 91成人免费|