視覺(jué)風(fēng)格

1. 無(wú)人機(jī)控制系統(tǒng)的 UI 特點(diǎn)

• 功能復(fù)雜：涵蓋飛行操控、實(shí)時(shí)監(jiān)控、任務(wù)管理、數(shù)據(jù)記錄等模塊
• 信息密集：需要同時(shí)展示地圖、遙測(cè)數(shù)據(jù)、視頻流、任務(wù)狀態(tài)
• 操作風(fēng)險(xiǎn)高：任何延遲或誤操作都可能帶來(lái)任務(wù)失敗甚至安全風(fēng)險(xiǎn)

2. 人機(jī)交互設(shè)計(jì)思路

• 操控界面：
  • 界面必須響應(yīng)迅速，操作邏輯接近實(shí)體遙控器
  • 關(guān)鍵信息（高度、速度、電量、信號(hào)強(qiáng)度）固定在高可見(jiàn)區(qū)域
  • 交互控件避免冗余，強(qiáng)調(diào)“就近操作”
• 監(jiān)控界面：
  • 視頻監(jiān)控與地圖信息并行顯示，保證環(huán)境感知
  • 通過(guò)顏色和標(biāo)識(shí)強(qiáng)化異常預(yù)警（例如低電量、信號(hào)丟失）
  • 支持多源數(shù)據(jù)切換（紅外/可見(jiàn)光/傳感器數(shù)據(jù)）
• 任務(wù)管理界面：
  • 提供任務(wù)創(chuàng)建、路徑規(guī)劃、狀態(tài)跟蹤
  • 界面流程化，降低使用門(mén)檻
  • 可視化展示任務(wù)進(jìn)度與歷史記錄

1. QT 在無(wú)人機(jī) UI 開(kāi)發(fā)中的作用

• 跨平臺(tái)能力：支持在多種操作系統(tǒng)與硬件環(huán)境中運(yùn)行
• 高性能渲染：保證地圖、實(shí)時(shí)視頻流、傳感器數(shù)據(jù)的流暢顯示
• 可擴(kuò)展性：便于快速接入不同的無(wú)人機(jī)型號(hào)和任務(wù)模塊

2. 設(shè)計(jì)中的挑戰(zhàn)與解決思路

• 挑戰(zhàn) 1：信息過(guò)載
  • 解決方案：基于任務(wù)場(chǎng)景分層展示信息，重要信息常駐，輔助信息可收起
• 挑戰(zhàn) 2：操作延遲
  • 解決方案：優(yōu)化數(shù)據(jù)傳輸鏈路，并在 UI 中通過(guò)加載狀態(tài)和安全提示降低誤操作風(fēng)險(xiǎn)
• 挑戰(zhàn) 3：任務(wù)復(fù)雜性
  • 解決方案：采用可視化任務(wù)流轉(zhuǎn)界面，幫助用戶(hù)直觀理解任務(wù)進(jìn)展

設(shè)計(jì)工具包中的隱形革命

全新必備工具包：改變一切的五大類(lèi)別

1. 智能研究綜合

2. 提示到原型生成器

1. 情境感知視覺(jué)生成

4.智能布局和響應(yīng)式設(shè)計(jì)

1. 研究階段加速

• 使用Perplexity進(jìn)行競(jìng)爭(zhēng)研究和趨勢(shì)分析
• 設(shè)置Notion AI用于會(huì)議記錄和用戶(hù)訪談?wù)?/div>
• 實(shí)施Maze AI或Dovetail進(jìn)行研究綜合

• 嘗試Miro AI進(jìn)行更有條理的頭腦風(fēng)暴會(huì)議
• 使用Figma Make進(jìn)行實(shí)驗(yàn)以快速進(jìn)行概念測(cè)試和驗(yàn)證
• 使用Adobe Firefly自定義視覺(jué)資產(chǎn)

2. 設(shè)計(jì)到開(kāi)發(fā)的橋梁

• 實(shí)現(xiàn)UXPin Merge或 Figma 的Grid以實(shí)現(xiàn)響應(yīng)式布局
• 使用GitHub Copilot實(shí)現(xiàn)自定義交互和微動(dòng)畫(huà)
• 使用 AI 生成的文檔設(shè)置自動(dòng)交接流程

1. 設(shè)計(jì)流程的智能化：從線到機(jī)的跨越

• 自動(dòng)生成線框：輸入需求關(guān)鍵詞，AI 能輸出初步的界面框架。
• 多模態(tài)理解：語(yǔ)音描述 + 手繪草圖，AI 就能轉(zhuǎn)化為高保真界面。
• 智能迭代：基于用戶(hù)操作數(shù)據(jù)，AI 可以實(shí)時(shí)調(diào)整信息架構(gòu)或推薦更優(yōu)的交互路徑。

2. 用戶(hù)意圖預(yù)測(cè)：從被動(dòng)響應(yīng)到主動(dòng)協(xié)作

• App 場(chǎng)景：音樂(lè) App 可以在你點(diǎn)開(kāi)界面之前，就推測(cè)你可能想聽(tīng)的歌；健身 App 能結(jié)合時(shí)間與歷史數(shù)據(jù)，主動(dòng)彈出適合的訓(xùn)練計(jì)劃。
• B 端場(chǎng)景：復(fù)雜的 ERP 或 CRM 系統(tǒng)，可以根據(jù)用戶(hù)當(dāng)前操作，預(yù)測(cè)接下來(lái)可能需要的數(shù)據(jù)報(bào)表，提前在界面上做提示或推薦。

3. 情感識(shí)別：界面不止是工具

• App 更貼近個(gè)體：比如，教育類(lèi) App 可以通過(guò)語(yǔ)音與面部表情識(shí)別，判斷學(xué)習(xí)者的挫敗感，適時(shí)調(diào)整反饋方式；健康類(lèi) App 能感知語(yǔ)調(diào)變化，從而推送更柔和的提示。
• B 端更注重群體與效率：例如，客服平臺(tái)能通過(guò)語(yǔ)音分析捕捉客戶(hù)情緒，提示坐席更換溝通策略；或者在團(tuán)隊(duì)協(xié)作工具中，識(shí)別用戶(hù)的緊張情緒并調(diào)整提醒節(jié)奏。

4. App 與 B 端的差異：同一邏輯，不同落地

一、讓操作路徑更短

• 問(wèn)題：很多后臺(tái)系統(tǒng)把功能藏在二級(jí)、三級(jí)菜單里，用戶(hù)每次都要點(diǎn)擊好幾次才能到達(dá)目標(biāo)頁(yè)面。
• 優(yōu)化方法：
  • 常用操作前置：把高頻功能放在首頁(yè)或者懸浮按鈕里。
  • 搜索直達(dá)：在工具欄提供全局搜索，用戶(hù)輸入關(guān)鍵字就能快速定位到某個(gè)訂單、某個(gè)客戶(hù)。
  • 最近操作記錄：類(lèi)似瀏覽器的“歷史記錄”，方便用戶(hù)快速返回常用頁(yè)面。

二、減少重復(fù)勞動(dòng)

• 問(wèn)題：很多系統(tǒng)只支持逐條操作，比如一個(gè)表格里有上百條記錄，用戶(hù)需要一條條勾選修改。
• 優(yōu)化方法：
  • 批量操作：允許用戶(hù)一次性選擇多條數(shù)據(jù)并進(jìn)行修改或刪除。
  • 模版復(fù)用：提供報(bào)表模版、配置模版，用戶(hù)下次只需要修改細(xì)節(jié)。
  • 自動(dòng)填充：智能識(shí)別用戶(hù)輸入的規(guī)律（如地址、時(shí)間），系統(tǒng)自動(dòng)補(bǔ)全。

三、信息要一眼可見(jiàn)

• 問(wèn)題：界面上堆滿(mǎn)了信息，但用戶(hù)找不到“關(guān)鍵內(nèi)容”。
• 優(yōu)化方法：
  • 突出關(guān)鍵字段：把與決策最相關(guān)的信息放在顯眼位置，次要字段收起。
  • 可視化輔助：用顏色、標(biāo)簽、圖表來(lái)表示狀態(tài)（如訂單完成率、任務(wù)進(jìn)度）。
  • 分層展示：核心信息在第一屏，詳情信息通過(guò)下鉆或展開(kāi)查看。

四、保持操作的可預(yù)測(cè)性

• 問(wèn)題：同一個(gè)操作在不同頁(yè)面位置不同，或者按鈕命名風(fēng)格不統(tǒng)一，導(dǎo)致用戶(hù)反復(fù)學(xué)習(xí)。
• 優(yōu)化方法：
  • 統(tǒng)一交互規(guī)范：比如“新增”按鈕永遠(yuǎn)在右上角。
  • 清晰的按鈕文案：避免“確認(rèn)/保存”混用，保持語(yǔ)義清晰。
  • 一致的反饋：操作后立刻給出提示（成功/失敗/處理中），讓用戶(hù)有安全感。

五、支持多種操作習(xí)慣

• 問(wèn)題：有些系統(tǒng)只提供鼠標(biāo)點(diǎn)擊路徑，沒(méi)有考慮用戶(hù)的習(xí)慣。
• 優(yōu)化方法：
  • 快捷鍵支持：尤其適用于客服、財(cái)務(wù)、開(kāi)發(fā)等高頻操作人群。
  • 右鍵菜單：在表格中，用戶(hù)選中數(shù)據(jù)后右鍵操作，比在頂部找按鈕快得多。
  • 拖拽操作：如任務(wù)管理系統(tǒng)中，直接拖拽任務(wù)卡片改變優(yōu)先級(jí)。

六、案例拆解：表格操作優(yōu)化

• 原始設(shè)計(jì)：用戶(hù)只能逐條點(diǎn)開(kāi)客戶(hù)詳情，修改聯(lián)系方式。
• 優(yōu)化設(shè)計(jì)：
  • 表格支持勾選多條記錄，批量修改聯(lián)系方式。
  • 提供搜索框，用戶(hù)輸入公司名即可快速定位。
  • 最近修改過(guò)的客戶(hù)自動(dòng)置頂，減少再次查找的時(shí)間。

• C端強(qiáng)調(diào)用戶(hù)體驗(yàn)的愉悅感、流暢感；
• B端強(qiáng)調(diào)業(yè)務(wù)流程的穩(wěn)定性、效率和準(zhǔn)確性。

難點(diǎn)一：業(yè)務(wù)流程復(fù)雜，角色差異大

• 信息分層：把系統(tǒng)中復(fù)雜的信息分出層級(jí)，常用的放在顯眼位置，低頻的收納進(jìn)菜單或二級(jí)界面。
• 角色定制化：盡量避免所有人共享一個(gè)“大而全”的界面，給不同角色定制化功能入口，減少干擾。

難點(diǎn)二：信息量大，界面容易“堆砌”

• 數(shù)據(jù)可視化：通過(guò)圖表、進(jìn)度條、儀表盤(pán)，把重要信息轉(zhuǎn)化為易識(shí)別的視覺(jué)形式。
• 表格交互優(yōu)化：支持排序、篩選、批量操作、固定列等功能，讓用戶(hù)能快速定位和處理數(shù)據(jù)。
• 漸進(jìn)呈現(xiàn)：不要一次性把所有數(shù)據(jù)都拋給用戶(hù)，優(yōu)先展示關(guān)鍵字段，其他信息可折疊或下鉆查看。

難點(diǎn)三：操作效率要求高

• 減少無(wú)效點(diǎn)擊：合并相關(guān)操作，提供快捷按鈕或右鍵菜單。
• 鍵盤(pán)操作支持：在高頻場(chǎng)景下（如財(cái)務(wù)系統(tǒng)、客服后臺(tái)），支持快捷鍵操作能顯著提高效率。
• 可預(yù)測(cè)性：交互邏輯要保持一致，不要讓用戶(hù)反復(fù)學(xué)習(xí)。比如編輯按鈕始終出現(xiàn)在右上角，而不是有時(shí)在左邊有時(shí)在下方。

難點(diǎn)四：學(xué)習(xí)成本與上手門(mén)檻

• 操作引導(dǎo)：在首次使用時(shí)提供分步提示，讓用戶(hù)知道該從哪里開(kāi)始。
• 默認(rèn)值與模版：盡量減少用戶(hù)從零開(kāi)始輸入的負(fù)擔(dān)，比如提供可復(fù)用的報(bào)表模版。
• 統(tǒng)一設(shè)計(jì)規(guī)范：保持一致的布局、按鈕樣式、交互模式，讓用戶(hù)遷移學(xué)習(xí)成本更低。

一、項(xiàng)目概覽與核心亮點(diǎn)

1. 概述與發(fā)布時(shí)間

• 項(xiàng)目發(fā)布于 2025 年 5 月 22 日，源自烏克蘭團(tuán)隊(duì) Codeska Software Development，參與者來(lái)自多個(gè)城市：基輔（Kyiv）、敖德薩（Odesa）、哈爾科夫（Kharkiv）以及捷克布爾諾（Brno）等
• 該應(yīng)用定位為一個(gè)“一站式”的健身與運(yùn)動(dòng)平臺(tái)，幫助用戶(hù)尋找并預(yù)訂健身教練，支持 iOS 和 Android 平臺(tái)
• 界面設(shè)計(jì)：采用清新現(xiàn)代的 UI，支持暗/亮模式，包含流暢動(dòng)畫(huà)與簡(jiǎn)潔導(dǎo)航
• 功能模塊豐富：涵蓋教練搜索、地圖與篩選過(guò)濾、日程安排、訂閱支付、消息通訊、統(tǒng)計(jì)報(bào)表等功能
  • 支持根據(jù)位置、技能、評(píng)分進(jìn)行篩選，服務(wù)范圍涵蓋個(gè)人訓(xùn)練與團(tuán)體課程
  • 后臺(tái)技術(shù)棧包括 React Native（跨平臺(tái)前端）、Node.js 后端開(kāi)發(fā)、Vue.js 支持 Web 端
• 開(kāi)發(fā)流程與成果：Codeska 圍繞用戶(hù)研究、原型設(shè)計(jì)、開(kāi)發(fā)、測(cè)試等全流程負(fù)責(zé)，初期反饋顯示用戶(hù)對(duì)設(shè)計(jì)和預(yù)訂流程滿(mǎn)意度較高；應(yīng)用還顯示了留存率、參與度、Beta 測(cè)試結(jié)果等成果統(tǒng)計(jì)

二、設(shè)計(jì)與用戶(hù)體驗(yàn)分析

2. 視覺(jué)和交互設(shè)計(jì)

• 整體視覺(jué)風(fēng)格現(xiàn)代、干凈，明暗主題的切換為用戶(hù)提供個(gè)性化體驗(yàn)。動(dòng)畫(huà)和過(guò)渡自然流暢，提升了使用的舒適感。
• 圖標(biāo)、配色、排版等品牌設(shè)計(jì)細(xì)節(jié)完善，有助于建立專(zhuān)業(yè)與信任感

3. 功能邏輯與使用流程

• 用戶(hù)路徑清晰：從搜索教練 → 篩選 → 查看日程 → 預(yù)約 → 支付 → 通訊，都在同一平臺(tái)完成，減少步驟流失。
• 支持實(shí)時(shí)可用性查看與預(yù)約，讓用戶(hù)無(wú)需反復(fù)確認(rèn)時(shí)間，提高效率；同時(shí)內(nèi)嵌消息模塊方便溝通。
• 預(yù)約系統(tǒng)、支付和日程整合做得很到位，適配常見(jiàn)的健身需求場(chǎng)景。

4. 技術(shù)與可擴(kuò)展性

• React Native + Node.js + Vue.js 構(gòu)成了跨平臺(tái)且高效的技術(shù)架構(gòu)，適合未來(lái)功能延展與維護(hù)
• 項(xiàng)目結(jié)構(gòu)清晰，展示了從分析、設(shè)計(jì)到上線的階段進(jìn)展，讓觀者了解過(guò)程完整性與專(zhuān)業(yè)性。

三、優(yōu)點(diǎn)總結(jié)與建議

優(yōu)點(diǎn)

一、AX的優(yōu)勢(shì)：從效率到智能伙伴

1. 從“操作型體驗(yàn)”到“智能型體驗(yàn)”

• 在UX中，用戶(hù)是執(zhí)行者。
• 在AX中，用戶(hù)更像是發(fā)起者，而AI是協(xié)作者。

2. 個(gè)性化體驗(yàn)的深度進(jìn)化

• 千人千面：同一個(gè)產(chǎn)品界面，根據(jù)用戶(hù)習(xí)慣和語(yǔ)境動(dòng)態(tài)調(diào)整。
• 上下文感知：系統(tǒng)能理解用戶(hù)當(dāng)前所處的情境，主動(dòng)推薦最合適的選項(xiàng)。
• 長(zhǎng)期陪伴：AI能持續(xù)積累用戶(hù)畫(huà)像，形成“了解你”的使用體驗(yàn)。

3. 從工具到伙伴的關(guān)系轉(zhuǎn)變

• 在企業(yè)應(yīng)用中，AI不只是顯示數(shù)據(jù)，而是主動(dòng)提供洞察和決策建議。
• 在設(shè)計(jì)工具中，AI不只是繪圖軟件，而是能提出設(shè)計(jì)方案并與設(shè)計(jì)師迭代。
• 在日常生活中，AI助手不只是執(zhí)行指令，而是能理解用戶(hù)的意圖和偏好。

二、AX的意義：不只是交互升級(jí)，而是范式轉(zhuǎn)移

4. 人類(lèi)能力的外延

• 醫(yī)生借助AI更快做出診斷。
• 設(shè)計(jì)師借助AI更快探索創(chuàng)意空間。
• 普通用戶(hù)也能通過(guò)AI完成專(zhuān)業(yè)化的工作。

5. 交互的“去界面化”

• 對(duì)話、語(yǔ)音、甚至腦機(jī)接口，可能逐漸取代傳統(tǒng)的按鈕和菜單。
• 界面不再是交互的中心，而只是交互的一種“外顯形式”。

6. 價(jià)值創(chuàng)造的轉(zhuǎn)向

• 通過(guò)智能生成，打開(kāi)新的體驗(yàn)維度（例如即時(shí)翻譯、創(chuàng)意生成、智能推薦）。
• 通過(guò)人機(jī)協(xié)作，提升決策和創(chuàng)造力。
• 通過(guò)持續(xù)學(xué)習(xí)，形成用戶(hù)與系統(tǒng)的長(zhǎng)期關(guān)系。

三、設(shè)計(jì)師該怎么做，才能跟上AX？

對(duì) UI 設(shè)計(jì)師的影響與建議

影響

• 界面地位弱化：AX強(qiáng)調(diào)“無(wú)界面化”與“對(duì)話交互”，傳統(tǒng)的按鈕、菜單可能逐漸不再是交互核心。
• 設(shè)計(jì)邏輯轉(zhuǎn)向動(dòng)態(tài)：界面不再是固定排版，而是根據(jù)用戶(hù)和上下文動(dòng)態(tài)生成。
• 美學(xué)與個(gè)性化挑戰(zhàn)：UI需要能夠兼容AI生成的內(nèi)容，保證在多樣化、動(dòng)態(tài)化的情況下仍然保持品牌統(tǒng)一性。

建議

• 從像素到系統(tǒng)思維：不只關(guān)注控件美觀，而要學(xué)會(huì)設(shè)計(jì)“可適配的UI系統(tǒng)”，能被AI靈活調(diào)度。
• 學(xué)習(xí)多模態(tài)設(shè)計(jì)：擴(kuò)展到語(yǔ)音界面、手勢(shì)交互、情境UI設(shè)計(jì)。
• 強(qiáng)化品牌與體驗(yàn)一致性能力：未來(lái)AI生成的界面可能千差萬(wàn)別，UI設(shè)計(jì)師要確保“再多變的交互，也有統(tǒng)一的品牌識(shí)別度”。

二、對(duì) UX 設(shè)計(jì)師的影響與建議

影響

• 從流程圖到體驗(yàn)編排：用戶(hù)體驗(yàn)不再是預(yù)設(shè)的單一路徑，而是 AI + 用戶(hù)共同生成的動(dòng)態(tài)過(guò)程。
• 研究重心變化：UX研究不再只是收集需求和行為，而要理解 AI與用戶(hù)的互動(dòng)模式。
• 體驗(yàn)維度擴(kuò)展：需要考慮 AI 的可解釋性、信任度、隱私感，而不僅僅是操作效率。

建議

• 掌握“人機(jī)協(xié)作模型”：理解 AI 作為協(xié)作者時(shí)，用戶(hù)的心理和行為特征。
• 學(xué)習(xí)數(shù)據(jù)驅(qū)動(dòng)的體驗(yàn)優(yōu)化：UX設(shè)計(jì)師需要能看懂行為數(shù)據(jù)和AI反饋，并基于此迭代體驗(yàn)。
• 培養(yǎng)“倫理與責(zé)任感”：設(shè)計(jì)的不只是“好用”，更是“讓人敢用、愿意用”。

三、對(duì)產(chǎn)品研發(fā)人員的影響與建議

影響

• 需求定義方式改變：傳統(tǒng)研發(fā)基于功能清單，而AX產(chǎn)品更強(qiáng)調(diào)“AI能解決什么問(wèn)題、以什么方式協(xié)作”。
• 產(chǎn)品形態(tài)多樣化：從“功能產(chǎn)品”轉(zhuǎn)向“智能代理”“個(gè)性化服務(wù)”。
• 開(kāi)發(fā)流程變化：更多依賴(lài) AI 模型與數(shù)據(jù)迭代，而不是一成不變的功能開(kāi)發(fā)。

建議

• 學(xué)習(xí) AI 基礎(chǔ)能力：即便不是算法工程師，也需要理解模型的輸入、輸出與局限。
• 設(shè)計(jì)“可控性機(jī)制”：研發(fā)中要為用戶(hù)提供可選擇、可撤銷(xiāo)、可追溯的交互邏輯。
• 與設(shè)計(jì)師深度協(xié)作：研發(fā)與設(shè)計(jì)的界限會(huì)越來(lái)越模糊，產(chǎn)品經(jīng)理、研發(fā)、設(shè)計(jì)師需要共同定義“AI驅(qū)動(dòng)的體驗(yàn)”。

AX 的提出背景

AX 與 UX 的區(qū)別

AX 的核心特征

為什么值得關(guān)注 AX？

一、引言

二、小程序作用與優(yōu)點(diǎn)

三、小程序缺點(diǎn)及解決思路

四、AI賦能小程序