97国产精品视频人人做人人爱,3344在线观看无码,成年人国产视频,欧美日一级片,在线看AV天堂,高清无码一本到东京热,欧美一级黄片一区2区,免费又爽又刺激高潮网址

首頁

別讓基礎(chǔ)元素拖后腿!UI 設(shè)計中 “點線面 + 體積材質(zhì)” 的實戰(zhàn)指南

濤濤

很多新手設(shè)計師做 UI 時,總盯著流行風格:一會兒學(xué)玻璃擬態(tài),一會兒追 3D 圖標,卻忽略了最核心的 “設(shè)計骨架”—— 點、線、面、體積、材質(zhì)。結(jié)果往往是界面 “花里胡哨”,卻連 “引導(dǎo)用戶找到按鈕”“讓信息清晰好讀” 這些基本需求都沒滿足。

從 “畫圖匠” 到 “業(yè)務(wù)伙伴”:B 端設(shè)計師的進階指南

濤濤

很多 B 端設(shè)計師都會陷入一個誤區(qū):以為把界面做得整潔、功能堆得齊全,就是好設(shè)計。但實際工作中卻常遇到 “設(shè)計稿過了,落地后用戶不買單”“功能都實現(xiàn)了,業(yè)務(wù)方卻反饋效率沒提升” 的問題。其實,B 端設(shè)計的核心不是 “畫界面”,而是 “解決企業(yè)業(yè)務(wù)問題、提升用戶工作效率”。想要實現(xiàn)從 “畫圖匠” 到 “業(yè)務(wù)伙伴” 的進階,需要先懂需求、守原則、通流程,再落地實戰(zhàn) —— 這篇指南會幫你理清每一步的關(guān)鍵。

別再愁 “設(shè)計沒靈感”!從 5 個爆款產(chǎn)品里,我拆解出可復(fù)用的設(shè)計思路

濤濤

很多設(shè)計師都會有這樣的困惑:同樣的需求,別人做出來的設(shè)計既好看又有記憶點,自己的作品卻總顯得 “平平無奇”;明明功能都實現(xiàn)了,用戶卻反饋 “用著沒感覺”。其實,好設(shè)計從來不是憑空想象 —— 那些讓人眼前一亮的產(chǎn)品,往往在細節(jié)里藏著巧思。今天我們就從優(yōu)酷、網(wǎng)易郵箱大師、京東外賣等 5 個產(chǎn)品的設(shè)計中,拆解出能直接復(fù)用的 UI/UX 技巧,幫你打開設(shè)計思路。

別讓 “出錯時刻” 勸退用戶!做好這 10 件事,產(chǎn)品體驗直接升維

濤濤

提到用戶體驗設(shè)計,我們總習(xí)慣把目光放在 “順利場景”:注冊一步到位、支付秒級完成、信息提交一次通過??涩F(xiàn)實里,用戶手滑點錯按鈕、輸錯手機號、誤刪重要文件的情況從未消失,系統(tǒng)加載失敗、網(wǎng)絡(luò)斷連的意外也時常發(fā)生。這些被忽略的 “出錯時刻”,才是決定用戶留不留下來的關(guān)鍵 —— 處理不好,用戶會帶著焦慮離開;處理得好,反而能成為建立信任的加分項。

深度體驗蘋果液態(tài)玻璃 UI 一個月:這屆「玻璃風」,是未來還是妥協(xié)?

濤濤

或許這就是 “激進設(shè)計” 的必經(jīng)之路:就像當年 iOS 7 的扁平化,一開始也被罵 “太簡陋”,后來才慢慢成為行業(yè)標準。液態(tài)玻璃現(xiàn)在的問題,可能需要后續(xù)的更新來補 —— 比如增加更多 “透明度調(diào)節(jié)選項”,或者優(yōu)化文字對比度算法。

圖標設(shè)計公司卷入用戶體驗大戰(zhàn):從UX到AX是進化還是噱頭?

清陽

行業(yè)是否被AI體驗過度營銷,設(shè)計價值是否被誤讀?

一、AX浪潮下的設(shè)計焦慮

近年來,AI體驗(AX)成為設(shè)計行業(yè)的新熱詞。圖標設(shè)計公司、UI團隊甚至整個數(shù)字產(chǎn)品生態(tài)都在討論:UX是否正在被AX取代?在資本與媒體的推動下,AX被宣傳為“智能化、個性化、自動優(yōu)化體驗”的萬能鑰匙。大量案例和概念文章描繪了一個理想化場景:AI可以預(yù)測用戶行為、自動生成界面、優(yōu)化交互路徑,讓設(shè)計師從繁瑣工作中解放出來。然而,熱潮背后,也滋生了焦慮:設(shè)計價值是否真的隨AI提升?還是正在被噱頭夸大?
在AX概念的過度營銷中,設(shè)計師最直接的感受就是壓力。行業(yè)宣傳強調(diào)“AI體驗即未來”,許多公司開始追逐技術(shù)應(yīng)用而忽略設(shè)計本身的邏輯。界面生成工具、智能排版、自動圖標風格匹配看似高效,卻可能掩蓋了一個問題:用戶體驗的核心——人性化判斷與創(chuàng)意決策——是否被置換?

二、AX的實際價值與局限

預(yù)測性與效率 AX確實在效率上帶來優(yōu)勢。AI可以分析用戶操作數(shù)據(jù),預(yù)測點擊路徑,自動調(diào)整界面元素布局,實現(xiàn)個性化推薦。對于圖標設(shè)計公司而言,這意味著快速生成符合視覺體系的圖標集、界面布局方案和交互動畫,減少重復(fù)勞動。
局限與誤讀 然而,AI擅長“優(yōu)化歷史數(shù)據(jù)”,不等于能創(chuàng)造創(chuàng)新體驗。算法邏輯依賴已有行為模式,難以處理前所未有的需求或情感表達。用戶體驗的深度依賴于設(shè)計師的洞察力、品牌理解與文化語境,而這些正是AI無法完全替代的領(lǐng)域。AX被過度營銷的結(jié)果,是讓部分企業(yè)誤以為“有了AI,用戶體驗就自動提升”,而忽略了體驗設(shè)計的核心價值。

三、設(shè)計價值在AX時代的博弈

效率與創(chuàng)造力的平衡 AX帶來量化與自動化優(yōu)勢,但也可能壓縮設(shè)計師的創(chuàng)造空間。如果公司追求“數(shù)據(jù)驅(qū)動的最優(yōu)解”,設(shè)計可能趨于標準化和模板化,失去獨特性。
品牌與情感的把控權(quán) 圖標設(shè)計不僅是視覺元素的組合,更承載品牌調(diào)性和用戶情感。過度依賴AX可能讓設(shè)計師放棄對品牌敘事和情感體驗的主導(dǎo)權(quán),從而降低作品的價值感。
人機協(xié)作模式的必要性 在理想狀態(tài)下,AX應(yīng)該是設(shè)計師的助手,而非替代者。AI提供洞察、生成方案、優(yōu)化結(jié)構(gòu),設(shè)計師則進行情感評估、審美決策和創(chuàng)新實踐。唯有人機協(xié)作,才能保持體驗的溫度與深度。

四、行業(yè)趨勢與理性反思

當前,AX更多的是一種市場營銷的概念強化,而非完全成熟的設(shè)計實踐。大量所謂“智能體驗”的案例,其實仍依賴設(shè)計師進行核心創(chuàng)意與邏輯判斷。行業(yè)在推廣AX時,容易產(chǎn)生“AI萬能”的錯覺,導(dǎo)致設(shè)計價值被誤讀:UX被弱化為流程工具,AX被神話為自動優(yōu)化體驗的全能方案。
圖標設(shè)計公司在追逐AX的同時,必須反思:**技術(shù)能帶來效率,但不能替代創(chuàng)造力與體驗洞察。**設(shè)計主導(dǎo)權(quán)仍需掌握在理解用戶、掌握品牌和具備審美能力的人類手中。

五、從UX到AX:進化還是噱頭?

AX的出現(xiàn),是設(shè)計技術(shù)發(fā)展的必然結(jié)果,也是UX理念的延伸,但并非徹底取代。UX提供了思維框架和用戶價值評估方法,AX提供了智能化工具和數(shù)據(jù)洞察能力。它們之間的關(guān)系更像是補充而非替代。
對于圖標設(shè)計公司而言,AX可以提高工作效率、優(yōu)化界面結(jié)構(gòu)、輔助決策,但若盲目追求AI帶來的智能化,會讓設(shè)計失去靈魂。真正的進化,是在AX技術(shù)加持下保持UX的人性化判斷,讓體驗既高效又有溫度。噱頭,則是忽視創(chuàng)意主導(dǎo)權(quán),把AI神話化,將UX簡化為可替代操作。

六、理性擁抱AX:設(shè)計師的新策略

未來的設(shè)計實踐應(yīng)當遵循三個原則: • 數(shù)據(jù)輔助而非決策主導(dǎo):讓AI提供洞察與方案,設(shè)計師決定最終創(chuàng)意與邏輯。 • 體驗溫度優(yōu)先:算法優(yōu)化的效率必須服從于品牌價值、情感表達和用戶共鳴。 • 持續(xù)迭代:通過人機協(xié)作形成閉環(huán),不斷優(yōu)化體驗,兼顧理性分析和感性判斷。
AX不是噱頭也不是威脅,它是一種工具與思維的升級。圖標設(shè)計公司在擁抱AI體驗時,必須清楚界限,確保設(shè)計主導(dǎo)權(quán)不被削弱,讓效率與創(chuàng)造力共生,才能真正實現(xiàn)從UX到AX的理性進化。
 

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

 

高端網(wǎng)站設(shè)計中的微交互:細節(jié)如何決定用戶體驗

清陽

在高端網(wǎng)站設(shè)計的語境下,“視覺審美”已經(jīng)不再是唯一的競爭點。真正能打動用戶、建立長期信任的,是那些嵌入在每一次操作、點擊、過渡中的細節(jié)優(yōu)化。微交互(Microinteraction)正是這些細節(jié)的核心體現(xiàn)。它們細小到常被忽視,卻能夠直接影響用戶的操作效率、心理感受和品牌認知。

一、微交互的定義與作用

微交互是指用戶在使用界面時觸發(fā)的 單一、具體的交互行為及其反饋,例如:
  • 點擊按鈕后出現(xiàn)的顏色變化
  • 輸入框?qū)崟r校驗并提示錯誤信息
  • 數(shù)據(jù)加載時的骨架屏或進度動畫
  • 頁面滾動觸發(fā)的動態(tài)導(dǎo)航變化
其核心作用主要體現(xiàn)在三個方面:
  1. 即時反饋:減少用戶對操作結(jié)果的不確定性。
  2. 操作引導(dǎo):通過細節(jié)變化提示用戶下一步操作。
  3. 情感化體驗:在嚴肅的任務(wù)場景中,帶來溫和愉悅的交互感受。

二、高端網(wǎng)站為何更重視微交互?

  1. 從“功能完成”到“體驗卓越” 普通網(wǎng)站滿足“能用”即可,而高端網(wǎng)站追求的是“好用、順暢、舒適”,微交互是實現(xiàn)這一層級跨越的關(guān)鍵。
  2. 降低用戶的認知負擔 在信息復(fù)雜的企業(yè)級網(wǎng)站或電商網(wǎng)站中,微交互能幫助用戶更快理解操作邏輯。
  3. 傳遞品牌調(diào)性 例如科技公司會用克制的過渡動畫來傳遞冷靜專業(yè)感,而消費品牌則可能選擇更活潑的動效來強化情感共鳴。
  4. 影響轉(zhuǎn)化率 注冊、支付等關(guān)鍵流程中的細微交互,往往直接決定用戶是否流失。

三、高端網(wǎng)站常見的微交互場景

  1. 導(dǎo)航與滾動反饋
  • 頁面下滑時,導(dǎo)航欄逐漸收縮并固定在頂部。
  • 回到頂部按鈕通過柔和的過渡出現(xiàn),避免突兀。
  1. 表單與輸入
  • 郵箱或手機號的實時驗證,避免提交時的失敗挫敗感。
  • 錯誤提示采用非侵入式紅色邊框與簡潔文案,減少緊張感。
  1. 按鈕與操作反饋
  • 懸停時的輕微陰影與浮起,增強“可點擊”感。
  • 點擊后的顏色漸變,確認操作已被響應(yīng)。
  1. 加載與過渡
  • 骨架屏替代空白頁面,減少等待焦慮。
  • 數(shù)據(jù)圖表采用漸進式動畫加載,提升信息傳達效率。
  1. 可視化與數(shù)據(jù)展示
  • 鼠標懸停在圖表節(jié)點時,彈出詳細數(shù)據(jù)提示。
  • 條形圖動態(tài)增長、折線圖逐漸繪制,提升沉浸感。

四、微交互設(shè)計的原則

  1. 功能優(yōu)先 微交互必須解決問題,而不是純粹的裝飾。
  2. 輕巧克制 控制時長(一般 0.2s–0.5s),避免拖慢體驗。
  3. 一致性 動效、提示文案、反饋形式應(yīng)保持統(tǒng)一,形成系統(tǒng)化的體驗。
  4. 品牌匹配 微交互風格需要與企業(yè)的品牌形象呼應(yīng),不能割裂。

五、未來趨勢:智能化與個性化

隨著 AI 與大數(shù)據(jù)的融合,微交互正在從“統(tǒng)一效果”走向“動態(tài)個性化”:

用戶體驗五大要點:從問題到解決方案的完整指南

清陽

在互聯(lián)網(wǎng)產(chǎn)品設(shè)計和運營的過程中,用戶體驗(User Experience,簡稱 UX) 已經(jīng)成為決定產(chǎn)品成敗的關(guān)鍵因素。一個功能再強大的產(chǎn)品,如果用戶用得不舒服、不信任,甚至覺得沒有價值,最終都會被拋棄。那么,優(yōu)秀的用戶體驗究竟包含哪些要素?遇到問題時我們又該如何解決?
本文將用戶體驗拆解為五大要點,并逐一分析其常見問題與改進方法,幫助你快速建立一份可落地的用戶體驗改進清單。

  1. 可用性(Usability)
核心問題: 產(chǎn)品是否容易上手、是否順暢易用。
常見問題:
  • 新用戶上手困難,不知道該如何操作。
  • 完成一個任務(wù)的步驟過多,效率低下。
  • 不同頁面或功能的交互邏輯不一致,導(dǎo)致混亂。
  • 用戶出錯后沒有清晰提示,不知道如何糾正。
解決方法
  • 進行 可用性測試,邀請真實用戶體驗任務(wù),觀察他們在哪些地方卡殼。
  • 簡化流程,減少多余步驟,比如將“支付”流程控制在 3 步以內(nèi)。
  • 建立 交互規(guī)范與組件庫,保證按鈕樣式、操作邏輯在全站保持一致。
  • 在操作后提供 即時反饋,如加載狀態(tài)、確認提示。
  • 優(yōu)化 錯誤提示,不要只顯示“出錯了”,而是說明原因并給出解決方案,例如“密碼至少需要 8 位且包含數(shù)字”。

  1. 有用性(Usefulness)
核心問題: 產(chǎn)品是否真正解決了用戶的核心需求。
常見問題:
  • 功能繁雜,但用戶真正需要的功能卻沒有。
  • 產(chǎn)品沒有滿足用戶的核心場景,只是“看起來很炫”。
  • 用戶覺得“這個產(chǎn)品沒有價值”,使用頻率低。
解決方法
  • 用戶研究(問卷、訪談),明確用戶的真實需求,而不是憑空想象。
  • 通過 任務(wù)場景分析,確保每個核心功能都能支持用戶的目標。
  • 采用 MVP 策略(最小可行性產(chǎn)品),先滿足用戶的核心價值點。
  • 借助 數(shù)據(jù)分析,識別哪些功能常用、哪些功能無人問津,對低頻功能進行優(yōu)化或砍掉。
  • 堅持 持續(xù)迭代,根據(jù)用戶反饋及時調(diào)整方向。

  1. 可訪問性(Accessibility)
核心問題: 產(chǎn)品是否對所有用戶都友好,是否能在各種設(shè)備和環(huán)境下順暢使用。
常見問題:
  • 對視障、色盲、老年人等群體不友好。
  • 在手機、平板和 PC 端體驗差別巨大,影響使用。
  • 頁面加載緩慢,操作卡頓,用戶流失率高。
解決方法
  • 遵循 WCAG 國際無障礙標準(Web Content Accessibility Guidelines),提升通用性。
  • 使用 對比度檢測工具,保證文字清晰可讀。
  • 提供 多模態(tài)輸入方式,支持鍵盤操作、語音輸入、觸控操作等。
  • 采用 響應(yīng)式設(shè)計,保證多設(shè)備訪問體驗一致。
  • 性能優(yōu)化:壓縮圖片、延遲加載、使用 CDN 加速,保證快速響應(yīng)。

  1. 愉悅感(Desirability / Delight)
核心問題: 產(chǎn)品是否讓用戶感到愉快、舒適甚至驚喜。
常見問題:
  • 界面單調(diào),缺乏美感。
  • 操作無反饋,體驗枯燥。
  • 系統(tǒng)提示過于冰冷,缺乏人情味。
  • 用戶感受不到個性化和驚喜。
解決方法
  • 建立 統(tǒng)一的設(shè)計系統(tǒng),保證色彩、字體、圖標風格一致,營造整體美感。
  • 在按鈕點擊、加載等待等場景加入 輕量動效,增加“生命感”。
  • 優(yōu)化 文案設(shè)計,使用更友好、溫暖的語氣與用戶溝通。
  • 提供 個性化推薦,根據(jù)用戶行為習(xí)慣智能優(yōu)化體驗。
  • 設(shè)置 小驚喜,例如節(jié)日彩蛋、完成任務(wù)后的動畫獎勵,增加好感度。

  1. 可信任度(Credibility / Trustworthiness)
核心問題: 用戶是否信任產(chǎn)品和品牌。
常見問題:
  • 用戶擔心數(shù)據(jù)被泄露或濫用。
  • 信息真假難辨,缺乏權(quán)威感。
  • 系統(tǒng)經(jīng)常崩潰或出錯,用戶失去信任。
解決方法
  • 提供 權(quán)威背書:展示認證資質(zhì)、用戶評價、行業(yè)榮譽。
  • 制定 透明的隱私政策,明確說明數(shù)據(jù)收集和使用方式。
  • 加強 安全措施,如 HTTPS 加密、雙重驗證、權(quán)限管理等。
  • 保證 系統(tǒng)穩(wěn)定性,通過性能監(jiān)控與快速 bug 修復(fù)降低出錯率。
  • 做好 品牌建設(shè):統(tǒng)一品牌視覺識別(VI),積極回應(yīng)用戶反饋,增強信賴感。

總結(jié)

用戶體驗不僅僅是“界面好看”這么簡單,它包含了 可用性、有用性、可訪問性、愉悅感、可信任度 五大方面。每個方面都有對應(yīng)的常見問題和可落地的方法。
  • 可用性:靠測試與簡化流程來提升。
  • 有用性:靠用戶研究與數(shù)據(jù)驅(qū)動來確保。
  • 可訪問性:靠標準規(guī)范與性能優(yōu)化來實現(xiàn)。
  • 愉悅感:靠設(shè)計細節(jié)與情感化交互來營造。
  • 可信任度:靠透明、安全與品牌建設(shè)來維系。
如果你正打算優(yōu)化產(chǎn)品體驗,不妨把本文當成一份 用戶體驗改進對照表。遇到問題時,先找出屬于哪個維度,再選擇對應(yīng)的解決方案。這樣不僅能避免“頭痛醫(yī)頭,腳痛醫(yī)腳”,還能讓整個產(chǎn)品體驗體系更加完整、可持續(xù)。

 

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

提升用戶體驗的交互設(shè)計實戰(zhàn)指南:方法、流程與技巧

清陽

如何優(yōu)化交互設(shè)計,提高用戶體驗?——實用工作流程與技巧

在做產(chǎn)品時,大家都繞不開一個核心問題:如何通過交互設(shè)計真正提升用戶體驗?
很多時候我們以為加點動效、換個布局就能優(yōu)化,但結(jié)果往往事與愿違。想要真正做到有效優(yōu)化,背后需要一個系統(tǒng)的思路和工作流程。

下面我結(jié)合實際經(jīng)驗,總結(jié)了一套可操作的路徑,供你參考。


一、優(yōu)化交互設(shè)計的核心思路

  1. 以用戶為中心:理解真實需求,避免“設(shè)計自嗨”。

  2. 減少認知負荷:用戶不該被迫思考「下一步怎么做」,交互要自然順暢。

  3. 保持一致性:控件邏輯統(tǒng)一,降低學(xué)習(xí)成本。

  4. 預(yù)防錯誤 & 容錯:減少出錯機會,并提供撤銷或返回。

  5. 數(shù)據(jù)驅(qū)動優(yōu)化:用埋點和分析找到問題,而不是憑感覺去改。


二、交互設(shè)計優(yōu)化的工作流程

這套流程可以理解為一個循環(huán)迭代:發(fā)現(xiàn)問題 → 提出假設(shè) → 設(shè)計改進 → 測試驗證 → 持續(xù)迭代

1. 發(fā)現(xiàn)問題

  • 用戶研究:訪談、問卷、可用性測試

  • 數(shù)據(jù)分析:漏斗分析、熱力圖,定位流失點

  • 競品調(diào)研:參考行業(yè)里成熟的交互模式

2. 提出假設(shè)

用戶旅程圖 標記關(guān)鍵環(huán)節(jié),并提出“問題-假設(shè)-預(yù)期”:

  • 問題:注冊流失率高

  • 假設(shè):減少表單字段

  • 預(yù)期:完成率提升 15%

3. 設(shè)計改進

  • 原型設(shè)計:低保真快速迭代

  • 交互規(guī)范:層級清晰,控件一致,反饋及時

  • 文案優(yōu)化:提示語直白,避免模糊

4. 測試驗證

  • 可用性測試:5~8 個目標用戶足夠發(fā)現(xiàn)問題

  • A/B 測試:不同版本上線,驗證哪種更好

  • 滿意度調(diào)查:SUS、NPS 等量化指標

5. 持續(xù)迭代

  • 定期復(fù)盤:看上線效果是否達到預(yù)期

  • 維護設(shè)計規(guī)范 & 組件庫:減少重復(fù)勞動

  • 小步快跑:持續(xù)小幅優(yōu)化,而不是大刀闊斧一次性推翻


三、實用小技巧

  • 優(yōu)先級排序:聚焦高頻&高價值的流程(注冊、支付、搜索)。

  • 微交互:細節(jié)處的反饋、動效,能讓體驗加分。

  • 漸進式披露:分層展示功能,避免用戶被信息淹沒。

  • 跨團隊協(xié)作:和產(chǎn)品、開發(fā)、運營對齊目標,確保設(shè)計能落地。

 

交互設(shè)計優(yōu)化不是一蹴而就的,而是一個持續(xù)發(fā)現(xiàn)問題、驗證假設(shè)、迭代改進的循環(huán)。只有把用戶體驗當作持續(xù)經(jīng)營的對象,產(chǎn)品才能在競爭中保持優(yōu)勢。

 

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

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

清陽

隨著人工智能越來越多地融入網(wǎng)站和應(yīng)用程序體驗,區(qū)分哪些地方已經(jīng)實施了人工智能,哪些地方尚未實施人工智能,變得至關(guān)重要。

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

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

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

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

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

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

讓我們比較和對比這些設(shè)計系統(tǒng) AI 組件和模式,看看它們可以在哪些方面進行優(yōu)化以提高可用性。

1. GitLab 的睡衣

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

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

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

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

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

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

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

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

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

判決

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

我希望他們能盡快發(fā)布更多關(guān)于其AI用戶體驗?zāi)J降纳钊胄畔?。我認為這對其他開發(fā)AI文檔的設(shè)計系統(tǒng)來說,將是一筆寶貴的開源資產(chǎn)。

2. IBM 的 Carbon

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

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

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

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

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

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

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

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

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

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

判決

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

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

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

3. Twilio 的 Paste

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

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

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

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

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

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

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

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

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

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

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

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

判決

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

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

令人驚訝的是,很少有設(shè)計系統(tǒng)發(fā)布關(guān)于組件和模式的文檔來處理AI驅(qū)動的內(nèi)容和功能(至少是公開的)。例如,谷歌和微軟都是AI行業(yè)的領(lǐng)導(dǎo)者,但開源的Material和Fluent設(shè)計系統(tǒng)卻不包含AI模式。

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

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

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

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.0391cbd.com

存檔

主站蜘蛛池模板: 亚洲最大看欧美片网站地址| 高潮毛片无遮挡高清视频播放| 中文精品久久久久国产网址| 亚洲女同欧美在线| 四虎免费视频网站| 91丨九色丨首页在线播放 | 国产丝袜第一页| 国产女人综合久久精品视| 国产91九色在线播放| 国产黄色免费看| 欧美中文字幕在线视频| 国产成人精品一区二区秒拍1o| 久久大香香蕉国产免费网站| 国产精品亚洲日韩AⅤ在线观看| 一级毛片a女人刺激视频免费| 综合网久久| 国产精品无码AV中文| 又粗又大又爽又紧免费视频| 国产一区二区三区在线观看视频| 日韩欧美中文字幕在线精品| 国产情精品嫩草影院88av| 成人永久免费A∨一级在线播放| 欧美日本在线播放| 欧美在线黄| 中文字幕人妻无码系列第三区| 亚洲福利视频一区二区| 日韩久久精品无码aV| 91色爱欧美精品www| 久久99热这里只有精品免费看| 日本免费高清一区| 毛片卡一卡二| 亚洲美女AV免费一区| 国产草草影院18成年视频| 国内丰满少妇猛烈精品播| 国产亚洲精品自在线| 亚洲天堂在线免费| 自拍亚洲欧美精品| 国产成人乱码一区二区三区在线| 九九免费观看全部免费视频| 国产美女无遮挡免费视频| 青青青国产视频手机| 九色在线观看视频| 成人国产精品一级毛片天堂| 国产永久在线观看| 亚洲无码高清一区二区| 国产精品丝袜在线| 国产偷国产偷在线高清| 99视频在线观看免费| 亚洲综合在线最大成人| 欧洲熟妇精品视频| 麻豆精品在线| 国产情精品嫩草影院88av| 亚洲美女久久| 亚洲最大综合网| 亚洲天堂久久| 91无码人妻精品一区二区蜜桃 | 不卡午夜视频| 日本欧美在线观看| 99ri国产在线| 亚洲人成网站观看在线观看| 日韩中文字幕亚洲无线码| 日韩国产亚洲一区二区在线观看| 四虎影视无码永久免费观看| 久青草免费在线视频| 色男人的天堂久久综合| 四虎成人免费毛片| 强乱中文字幕在线播放不卡| 538国产视频| 亚洲性视频网站| 91精品啪在线观看国产60岁| 中文字幕人妻av一区二区| 亚洲成人在线免费观看| 91精品国产一区| 中文字幕不卡免费高清视频| 亚洲系列无码专区偷窥无码| 亚洲国产综合自在线另类| 国产精品成人观看视频国产| 国产一区三区二区中文在线| 亚洲日本一本dvd高清| 国产香蕉在线视频| 免费a在线观看播放| 国产全黄a一级毛片|