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

首頁

從優秀到卓越的 UI 動畫技巧 改善 UI 微交互的實用建議。

杰睿

使標簽中的內容滑動。

將顯示縮放圖像
左側的內容淡入淡出。右側的內容隨標簽滑動。

連接卡片的共享元素。

將顯示縮放圖像
左側的內容會打開一個新的屏幕并向上滑動。右側的卡片會展開并填滿整個屏幕。

在您的內容中使用級聯效果。

將顯示縮放圖像
左邊的卡片通過滑動和淡入出現。右邊的卡片具有相同的動畫,但每張卡片都有短暫的延遲。

使內容將其他元素推開。

將顯示縮放圖像
左側的動畫在其他內容之上進行動畫處理。右側的動畫隨著內容的擴展而將其推出。

使菜單在上下文中顯示。

將顯示縮放圖像
左側菜單從下方飛入。右側菜單從創建它的操作展開。

使用按鈕來顯示不同的狀態。

將顯示縮放圖像
左側的按鈕顯示指示狀態的文本。右側的按鈕使用容器來顯示不同的事件。

引起對重要事物的關注。

將顯示縮放圖像
左側的示例使用顏色和位置來突出元素。右側的示例使用微妙的動畫來吸引用戶的注意力。

結論

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

UI設計 | 您的團隊準備好進行人工智能增強設計了嗎?

杰睿

快速通道:人工智能已實現的成果

了解人工智能設計格局

將顯示縮放圖像
表 1:對比反映了 AI 設計工具平臺整合的趨勢。由于 Figma 的原生 AI 功能現在與第三方解決方案直接競爭,評估標準已不再局限于簡單的功能比較,而是涵蓋了架構兼容性和企業級就緒性。圖片由Jim Gulsen提供

人工智能輔助設計工具:從早期測試到發現商業價值

當前的限制:仍然存在摩擦

重新思考人工智能在設計生命周期中的作用

從小處著手,低風險

補充:提示如何發揮作用(以及為什么它是一項技能)

清單:如何評估用于設計的人工智能工具

未來 6-24 個月我們可能會看到什么

多種集成方法正在涌現

這對規劃意味著什么

總體情況

最后的想法:不要等待完美——現在就開始

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

北京ui設計服務【原創】人工智能大模型管理平臺UI設計案例分享

杰睿

 

項目背景

在當下數字化浪潮中,各類大模型如語言、圖像生成模型不斷涌現,企業與機構對其應用需求激增。然而,模型開發流程繁瑣、部署成本高昂,不同模型間數據交互與共享困難重重。同時,模型性能優化、安全管理等問題亟待解決。在此背景下,大模型管理平臺應運而生,它旨在整合資源,簡化模型開發與部署流程,提升模型性能與安全性,為各行業高效利用大模型提供有力支持,助力人工智能技術深度融入業務。
該系統的原首頁中信息量比較少,在設計時除了對頁面美觀的優化,從內容、布局、用戶使用場景、使用習慣、交互方式等方 面也進行考慮,增加了一些統計的圖表, 「歷史訪問信息」采用卡片式列表,突出模塊和內容。同時增加「個人上傳記錄」信息和「歷史訪問信息」可以進行 切換查看。

項目概述

產品定位

大模型管理平臺定位為人工智能領域的核心樞紐。它是模型全生命周期的智慧管家,從研發時整合數據與算法資源,到部署時適配多元硬件環境,再到運營中實時監測性能,全方位守護。同時,它也是跨行業的賦能引擎,為金融、醫療、制造等行業提供定制化模型服務,加速業務智能化轉型。

目標用戶

大模型管理平臺的目標用戶廣泛且多元??萍计髽I研發團隊、金融機構從業者、醫療行業的研究人員和臨床醫生、教育領域的課程開發者與教育科技企業。此外,政府部門進行城市規劃、交通管理等決策時,也能從平臺獲取支持。這些用戶都期望通過大模型管理平臺,挖掘數據價值,實現業務的智能化升級 。

設計風格

系統首頁重構信息組織架構,豐富信息 和數據,同時頁面采用精美的圖標和小 插圖提高頁面的精細美觀度。 設計風格采用簡約的設計語言,清晰、 簡潔和直觀的表達方式,模塊化布局, 強調的是界面強調可復用性和通用性, 配色采用經典藍色,藍色具有很好的兼 容性,可以與多種顏色搭配使用,形成 和諧的視覺效果。
 
 

設計亮點

首頁其他方案欣賞

 

「原創」ui設計 | 數據可視化意義

杰睿

 

無論你是產品經理、設計師、數據分析師,還是企業管理者,現在都繞不開一個話題:數據可視化。
它不僅是圖表,更是認知效率、決策效率和溝通效率的三重提升器。
但問題是——
數據可視化的真正價值不是“圖畫得好看”,而是“讓數據真正能被理解和使用”。
這篇文章,我想和你聊聊它的本質意義、使用場景和設計要點。

 一、數據可視化的核心意義:三大關鍵詞

  1. 理解:從“信息”到“洞察”
大量原始數據往往是無序、抽象的。比如一個 CSV 表格里的幾百行用戶行為數據,你很難從中直接看出模式或異常。
而通過可視化,比如熱力圖、分布圖、關系圖,你可以:
  • 快速看出用戶在哪個頁面停留時間最長
  • 找到銷售額波動與節假日之間的關聯
  • 識別出系統哪個模塊的報錯頻率最高
 可視化把“信息”轉成了“洞察”。

  1. 溝通:跨角色的信息橋梁
你有沒有遇到這種情況:
  • 技術寫了一堆接口日志,老板看不懂
  • 產品寫了一堆用戶行為描述,開發理解偏差
  • 數據分析做了幾頁表格,運營說“太復雜了”
這些問題的底層,是信息的語言不統一。
圖表,是各角色之間最通用的語言。一個好的儀表盤,讓技術知道重點,業務知道異常,老板知道方向。
可視化是跨角色協作的**“公共語境”**。

  1. 決策:支持及時、量化的判斷依據
沒有數據支持的決策,基本靠感覺。而沒有可視化支持的數據,大多沉睡在數據庫里。
比如,你在做這些決策時:
  • 哪個頁面需要重點優化?
  • 用戶從哪一步驟流失最多?
  • 運營活動ROI值到底多少?
如果沒有可視化,你就只能翻一堆表格和SQL。 有了可視化,一眼看懂趨勢、結構和異常。
 可視化提升了決策速度 + 準確性,對商業來說是直接價值。

 二、常見可視化類型與使用場景

可視化類型 常用圖形 場景舉例
趨勢圖 折線圖、面積圖 日活變化、收入走勢
比較圖 柱狀圖、條形圖 不同渠道對比、用戶量對比
結構圖 餅圖、樹圖、旭日圖 用戶構成、品類占比
分布圖 散點圖、箱型圖 用戶活躍度、價格分布
流程圖 ?;鶊D、漏斗圖 用戶轉化路徑、行為流
地圖圖 熱力圖、地理圖層 城市分布、物流路徑
 一個優秀的數據儀表盤,不是圖表堆砌,而是圍繞目標問題+場景任務進行設計組合。

 三、容易被忽略的設計誤區

  1. 以“圖形好看”為目標,而非問題導向
錯誤例子:“我們加個3D柱狀圖看起來高端一點。” 正確方式:先問清楚業務要判斷什么問題,再選圖形。
  1. 一頁顯示太多,信息密度超載
“十個圖表一屏”,結果沒人看得懂??梢暬瘧摲謱哟?、分焦點、按角色定制。
  1. 忽略數值細節(單位、時間維度)
圖表不標注單位,不注明時間區間,很容易誤導。

四、數據可視化的思維轉變

舊思維 新思維
圖表是“美化”工具 圖表是“決策”工具
先畫圖再找指標 先定義問題再設計圖
數據放可視化頁面就好 數據要講故事、有節奏、有引導
一頁盡量放滿圖表 每張圖要有目的,能引導結論

 五、推薦幾個數據可視化入門資源

  • 《Information Dashboard Design》 — 可視化設計經典書籍
  •  《The Visual Display of Quantitative Information》 by Edward Tufte
  •  工具:Tableau、Power BI、DataV、Apache ECharts、D3.js、AntV G2

 寫在最后:數據不是圖,是故事的線索

好的數據可視化,不是炫技的圖表拼圖,也不是堆疊的信息墻,而是一個個有邏輯、有問題、有方向的洞察過程。
它幫你看見問題,理解用戶,發現機會。
所以真正重要的不是“怎么畫圖”,而是“你想看清什么”。

如果你也想從0入門數據可視化,或者在做儀表盤設計、業務數據圖表決策時遇到困惑,歡迎在評論區交流想法。
蘭亭妙微(www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan
 

蘭亭妙微 多領域設計與軟件開發綜合服務商

杰睿

蘭亭妙微涵蓋多領域業務,是界面設計公司、高端 UI 設計公司與軟件開發公司的結合體。小程序設計注重用戶體驗,讓操作簡單高效;高端網站設計助力企業線上形象打造;桌面端界面設計兼顧功能與美觀。
作為 UI 設計外包服務商,我們為眾多客戶提供過服務。技術上擅長 QT 軟件開發,能定制穩定的桌面應用。16 年來,秉持 “享受設計,享受生活” 文化,以專業服務完成 640 多個項目,服務超 300 家客戶,助力各行業數字化發展,提供一站式解決方案。
0ac28f9c-1ef3-45f3-95bd-896515891809.png

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

杰睿

告別命令,迎接意圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

直接操縱的持續相關性

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

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

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

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

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

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

最后的想法

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

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

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

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

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

杰睿

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

人工智能對設計的影響

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

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

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

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

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

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

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

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

將顯示縮放圖像
用戶界面

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

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

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

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

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

將顯示縮放圖像
Attention Insight 界面

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

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

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

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

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

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

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

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

將顯示縮放圖像
Adobe Sensei 界面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

利用人工智能改進設計

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

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

結論

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

 

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

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

杰睿

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5. Google 的 People + AI 指南

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

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

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

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

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

 

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

用戶體驗設計人工智能

杰睿

Google NotebookLM 的抽象圖形截圖,展示了源加載、學習指南、音頻轉錄和源驗證等功能。方框以深色背景上明亮的顏色展示了交互式工具。

一個人工智能已經融入了用戶體驗/用戶界面設計師的日常生活。但我們究竟在使用哪些工具?它們對我們有多大幫助?最重要的是:作為人類,我們還能做什么?
本文將通過具體的案例研究,進行清晰且最新的分析。

工作 50% 的時間(并獲得更多)。

人工智能工具正在改變我們作為用戶體驗/用戶界面設計師的職業。這不僅關乎速度,更關乎流程的質量。過去需要一整天才能完成的任務,現在只需幾小時就能解決。以下是一些例子:

  • 發現(訪談、用戶和競爭對手研究):2-3 天到半天
  • 線框和初始布局:4-5 天到 2-3 天
  • 復制、圖像和原型: 2天到1天
  • 交接和開發手冊: 2天到半天

借助有針對性的工具,我們可以通過專注于思考、愿景和驗證來減少 50% 以上的運營工作。

將顯示縮放圖像
NotebookLM 徽標

NotebookLM是 Google 推出的一款免費 AI 工具,可以分析和合成各種類型的字體:PDF、鏈接、文檔、音頻和視頻。加載的來源越多,輸出效果就越好。您可以向它詢問痛點、鏈接來源之間的模式,以及生成摘要或表格。

局限性:不太適合生成創意內容,如文案、視覺效果和創意生成,需要結構化輸入,如果沒有來源,它就無法發揮其 100% 的潛力,它只能解釋所提供的數據,而不會創造出新的東西。

案例研究:“EVENTFINDER”——城市免費活動應用程序為
想要發現其所在城市免費活動和場地的用戶創建網絡應用程序(桌面和移動)的初稿。

在 NotebookLM 上上傳的內容:

2 篇關于免費疫情后活動趨勢的文章
1 個包含用戶訪談的 PDF 文件(或一份虛擬文檔)
關于 Eventbrite、Meetup、Facebook Events 等競爭對手的說明

提示使用示例:

從上傳的訪談中總結出重復的用戶需求

通過分析這三個競爭對手,可以得出哪些基本功能?請用表格總結一下。

尋找和參與免費本地活動時可能出現的痛點

將顯示縮放圖像
Google NotebookLM 的屏幕截圖,其中顯示了用戶搜索免費活動時根據需求生成的回復。左側是選定的 PDF 源,中間是包含答案的聊天內容,右側是學習工具。
將顯示縮放圖像
Google NotebookLM 屏幕顯示了根據提示生成的概念圖
將顯示縮放圖像
ChatGPT 徽標

ChatGPT就像一個靈活的助手:它可以解釋用戶流程、生成微文案、定義站點地圖、提供基準和策略。需要注意的是,它必須經過訓練,并且查詢越詳細,結果就越好。

局限性:如果問題缺乏背景,答案將是通用的,它可以編造看似合理的信息,不適合復雜的結構化輸出。

案例研究:“EVENTFINDER”——城市免費活動應用程序
使用 GPT 將 NotebookLM 上收集的數據轉化為具體的用戶體驗。

提示使用示例:

擔任用戶體驗設計,特別是信息架構方面的專家。

目標:
為健康網絡應用程序定義兩種替代信息架構方案。

輸入:
分析我將以鏈接或 PDF 形式提供的內容。識別重復需求、所需功能、典型流程和基本信息。同時,還要考慮行業趨勢和健康應用中的已知模式。

輸出要求:
制定兩份完整且獨特的信息架構方案,包括:
1.1 頁面地圖(站點地圖),包含層級結構和各部分之間的關系。1.2
每個頁面或部分提供的主要功能。1.3
每個頁面預期包含的內容和信息數據。1.4
主要流程描述(例如注冊、用戶數據收集等)。1.5
每份方案的設計原理(適用原因、采用的模式等)。

簡要比較這兩個提案,突出其優點和不同之處。

限制:
應用程序必須響應迅速。體驗基調必須令人安心、個性化且以健康為導向。只有當外部數據來源與我提供的數據一致時,您才能依賴它們。

等我把材料發給你之后你再開始加工。

將顯示縮放圖像
ChatGPT 屏幕截圖,其中包含根據提示和 NotebookLM 的數據生成的響應
將顯示縮放圖像
Figma 制作徽標

Figma Make 集成于 Figma 中,它可以根據文本提示、來自您的設計系統或可附加的參考資料創建 UI。您可以使用它來創建包含簡單或復雜提示的快速草稿。目前,它僅集成在 Figma 的付費計劃中。此外,您還可以使用Google 的開源工具Stitch。

局限性:響應式并不總是有效,因此需要手動干預來調整布局,它不能保證元素定位或大小的絕對精確,它更喜歡現代的“外觀和感覺”,但通常不考慮可訪問性、層次結構或可供性的原則。

案例研究:“EVENTFINDER”——城市免費活動應用程序
根據研究和分析獲得的數據,使用提示創建第一個視覺草稿。

提示使用示例:

為名為“EventFinder”的網絡應用創建桌面主頁,幫助用戶查找城市中的免費活動。風格現代、簡潔、易用。必須包含:搜索欄、推薦活動、按地點和日期篩選的篩選條件。

生成一個移動屏幕以顯示事件詳情:圖像、名稱、位置、地圖、“添加到日歷”按鈕

為“用戶資料”頁面提出兩種布局方案,其中包含已保存的事件和通知設置

將顯示縮放圖像
EventFinder 桌面主頁在 Figma 上的樣機,包含中央搜索欄、高級篩選器以及包含活動地圖和推薦部分的雙列布局?,F代設計,易于訪問,并針對桌面應用進行了優化。
將顯示縮放圖像
上面繪制的相同模型用代碼行翻譯
 

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

杰睿

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

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

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

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

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

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

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

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

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

 用戶流程拆解:

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

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

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

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

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

操作方法:

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

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

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

新手流程圖五步法:

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

日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
日韩国产高清污视频在线观看| 茄子视频成人在线| www国产91| 欧美另类老女人| 性色av一区二区三区免费| 中文字幕亚洲在线| 久久精品国产欧美亚洲人人爽| 色综合久综合久久综合久鬼88| 国产成一区二区| 久久亚洲私人国产精品va| 国产在线视频2019最新视频| 成人性生交xxxxx网站| 日韩欧美在线观看视频| 中文字幕亚洲一区二区三区| 国产亚洲欧洲在线| 欧美黑人巨大xxx极品| 在线电影av不卡网址| 亚洲精品欧美一区二区三区| 一色桃子一区二区| 欧美成aaa人片免费看| 第一福利永久视频精品| 欧美影院在线播放| 91中文字幕在线观看| 国内精品久久久久久久久| 九九久久综合网站| 久久精品国产91精品亚洲| 日韩中文字幕在线视频| 国产欧美一区二区三区久久| 国产精品偷伦视频免费观看国产| 91久久久亚洲精品| 日韩精品在线电影| 欧美国产欧美亚洲国产日韩mv天天看完整| 国产成人精品久久二区二区91| 精品久久香蕉国产线看观看亚洲| 日本aⅴ大伊香蕉精品视频| 美女久久久久久久久久久| 亚洲天堂免费观看| 精品国模在线视频| 欧美黑人极品猛少妇色xxxxx| 国产精欧美一区二区三区| 日韩中文字幕亚洲| 97碰碰碰免费色视频| 欧美日韩亚洲网| 成人在线精品视频| 久久久久久噜噜噜久久久精品| 日韩av片永久免费网站| 亚洲黄在线观看| 中文字幕亚洲欧美在线| 亚洲福利小视频| 亚洲国产天堂久久综合网| 欧美黑人狂野猛交老妇| 日韩中文字幕国产| 青青草99啪国产免费| 欧美日韩国产综合视频在线观看中文| 91极品女神在线| 日韩久久精品电影| 欧美日韩精品在线视频| 日韩欧美在线观看视频| 久久久伊人欧美| 欧美日韩在线视频一区二区| 不用播放器成人网| 一本久久综合亚洲鲁鲁| 自拍偷拍亚洲一区| 精品久久香蕉国产线看观看gif| 国内精品400部情侣激情| 色综合久久88色综合天天看泰| 38少妇精品导航| 国产精品久久久久久久久久ktv| 国产精品亚洲片夜色在线| 91av视频在线| 亚洲性av在线| 91av在线视频观看| 亚洲欧美日韩在线一区| 亚洲欧美激情四射在线日| 亚洲国产精品字幕| 国产美女久久精品香蕉69| 91在线色戒在线| 中文字幕免费精品一区高清| 欧美大码xxxx| 亚洲春色另类小说| 久久久久久久久久婷婷| 91亚洲精品一区二区| 一本色道久久88综合日韩精品| 一本大道久久加勒比香蕉| 国产精品三级美女白浆呻吟| 久久精品一偷一偷国产| 夜夜躁日日躁狠狠久久88av| 日韩美女av在线| 欧日韩在线观看| 欧美性色视频在线| 亚洲精品wwwww| 欧美成年人视频| 日韩一中文字幕| 欧美激情在线播放| 成人两性免费视频| 午夜精品在线视频| 久久久久久九九九| 福利精品视频在线| 91精品中国老女人| 久久久久久九九九| 亚洲在线免费观看| 欧美人与物videos| 最新91在线视频| 日韩禁在线播放| 中国人与牲禽动交精品| 伊人精品在线观看| 欧美精品18videosex性欧美| 97久久精品视频| 欧美日韩视频免费播放| 国产精品美女网站| 91沈先生在线观看| 国产精品爽爽爽| 欧美国产日韩一区二区在线观看| 国产精品第10页| 久久人人爽人人爽爽久久| 日本91av在线播放| 国产精品亚洲一区二区三区| 日本欧美精品在线| 亚洲电影免费观看高清完整版在线| 久久成人18免费网站| 欧美乱大交做爰xxxⅹ性3| 欧美极品美女视频网站在线观看免费| 亚洲www在线| 亚洲国产中文字幕久久网| 日韩av三级在线观看| 热久久这里只有精品| 久久久亚洲欧洲日产国码aⅴ| 欧美极品少妇xxxxⅹ免费视频| 国产精品小说在线| 欧美日韩国产精品一区二区三区四区| 欧美一区二区三区免费观看| 人体精品一二三区| 欧美日韩激情美女| 日韩成人久久久| 国产成人涩涩涩视频在线观看| 久久久视频精品| 日本精品免费一区二区三区| 欧美成人三级视频网站| 国产一区二区香蕉| 国产一区二区三区四区福利| 国产精品香蕉国产| 日韩在线观看免费高清| 亚洲国产精品免费| 国产精品99一区| 欧美成人午夜免费视在线看片| 日本一区二三区好的精华液| 亚洲成avwww人| 国产精品嫩草影院一区二区| 欧美激情一区二区三区在线视频观看| 亚洲欧美日韩一区二区在线| 亚洲国产精品久久久久秋霞不卡| 国产精品v片在线观看不卡| 日韩免费在线免费观看| 欧美一级黄色网| 欧美情侣性视频| 91中文在线视频| 色噜噜狠狠色综合网图区| 一区二区欧美亚洲| 国产精品影院在线观看| 亚洲自拍欧美色图| 亚洲网站视频福利| 精品国产一区二区三区久久| 国产欧美一区二区白浆黑人| 91久久久久久久久久久|