Loading...

Loading...

    Drone System

    Control Experience

    打造無人機地面控制站的使用體驗

    #Drone GCS UX#Control System#B2B

    角色

    UX / UI Designer

    類型

    B2B/國防與產業應用 · 控制站 UX

    期間

    2024 Q2 – 2025 Q1

    簡述

    公司從 AMR 轉向無人機市場之際,與國內無人機大廠合作聚焦地面控制站(手持控制器+App)的 UX 與 POC:從競品研究到實機測試,設計任務中可靠、低誤操作的流程與介面,支援國際展會 demo 與國防標案,並延伸至後台管理系統規劃

    1. Overview從 AMR 終止到無人機新戰場

    AMR Robot 專案終止後,公司希望把既有的機器人經驗,轉化為更有市場發展性的無人機產品線。我們與擁有多年軍/民用經驗的無人機廠商合作:

    合作夥伴負責

    飛行器本體與飛控技術

    我們聚焦

    「地面控制站的使用體驗」

    從 AMR 到無人機的策略轉向
    從 AMR 到無人機的策略轉向

    本專案配圖皆為重新製作的示意圖與 AI 合成畫面

    地面控制站聚焦項目

    手持控制器的人因與操作佈局

    實體按鍵與螢幕資訊的對應關係

    按鈕 icon、狀態與告警設計

    全新控制站 App 的IA 與操作流程

    手持控制器與 App 整合架構
    手持控制器與 App 整合架構

    短期目標

    做出一套 POC:能在國際無人機展上 demo,並具備投標國防部標案的基礎

    因涉及軍事用途,客戶資訊高度保密,我們只能在有限資訊下,同時考量軍用與民用情境,從國際競品出發,找到 UX 的切入點,幫公司在全新領域站穩第一步

    2. My Role在陌生領域中,拉出一條 UX 價值路徑

    在這個專案中,我主要負責:

    01

    領域研究與競品分析

    • 從零開始建立無人機與控制站知識:用途類型、控制站型態、UI 佈局、常見資訊元素
    • 整理成控制站典型布局與互動模式,提出設計機會點與優先改進方向
    02

    控制站 UX / UI 設計

    • 與 ID 合作,協調控制器外型、人因操作與螢幕 UI 的對應
    • 規劃按鍵配置、icon 系統、狀態與告警行為
    • 設計控制站 App 的 IA、操作流程與 GUI 畫面
    03

    跨部門/跨公司協作與決策支持

    • 與 PM、AM、ME、ID、軟體工程師及合作公司一起討論方案
    • 以任務情境與流程圖,將技術語言轉成決策者看得懂的畫面
    • 製作給高層與客戶的提案簡報,說清楚「這套控制站能解決什麼問題」
    04

    實機 Prototype 測試與 issue 整理

    • 實際操作樣機與 App,模擬完整任務流程
    • 整理操作問題、易用性疑慮與 bug,彙整為改善清單與優先順序
    05

    展場意象影片(加值貢獻)

    • 製作國際無人機展覽的展場牆面影片
    • 使用 Midjourney、Kling AI 等工具,快速產出高質感視覺與動畫構想
    • 最終影片在展場上獲得高層與合作夥伴肯定
    無人機 GCS 地面控制站專案角色
    跨部門與跨公司協作網絡

    3. What we did從「看懂市場」到「做出能 demo 的控制站」

    透過競品分析、人因設計、任務導向 App 架構與實機測試,我們交付了一套可在國際展會 demo 的控制站 POC。

    • 盤點軍用偵察、商用巡檢、搜救、農業等不同情境下的控制站形式
    • 分析 UI 佈局:地圖、航線、姿態、影像、系統狀態、警示如何同時呈現
    • 輸出一份控制站布局與互動模式總結,並提出關鍵問題
    國際競品與任務情境分析
    軍用/商用控制站 UI 比較

    新手如何快速上手

    緊急狀況下,哪些資訊必須第一時間被看見

    實體鍵與觸控操作如何分工才不混亂

    任務情境與關鍵問題分析對照表
    偵察、巡檢、搜救、農業情境
    • 隨著控制器 ID 定稿,調整按鍵位置、數量與視線路徑,減少「抬頭低頭來回找」的負擔
    • 將高頻、時間敏感的操作放在實體鍵,設定型功能留在觸控介面
    • 設計清楚的 icon 與行為規則,讓操作者在按下去之前,就知道會發生什麼事
    控制器人因與視線優化設計
    減少抬頭低頭的操作設計
    Icon 與行為規則系統 & 按鍵狀態設計
    按鍵與狀態對應設計

    任務流程,而不是功能清單,規劃 App 架構:

    任務前

    檢查、設定、載入任務參數與航線規劃

    任務中

    監看、調整、緊急應變與即時決策

    任務後

    資料回收、紀錄檢視與任務報告

    • 針對關鍵畫面設計 wireframe 與 GUI,將地圖、即時影像、警示與系統狀態整合在同一視野中
    • 同時考量展會 demo 動線,讓業務能在短時間說清楚「這套系統的價值」
    App IA 架構與任務流程
    任務前/中/後的資訊架構
    關鍵畫面 GUI 設計
    地圖、影像、警示整合介面
    • 實機模擬從開機、連線、起飛、執行任務到返航
    • 記錄所有「需要多想一下」的地方:狀態不明、資訊被蓋住、按鍵與畫面不一致、潛在誤觸風險
    • 整理成 issue list 與建議方案,與 PM、工程與合作公司一起調整
    實機 Prototype 測試現場
    模擬任務流程測試

    最終成果

    這套控制站不只在國際展會順利 demo,也成功取得客戶訂單,並延伸到後台管理系統的 UX 規劃(機隊管理、任務紀錄、維運)

    4. Challenges & Impact資訊不完整時仍要做出可落地的設計

    挑戰 1

    軍事領域資訊受限,卻要設計「真的能用」的介面

    客戶與任務細節多數無法公開,我們無法直接訪談實際操作者

    解決方式:

    • 以國際競品與公開案例建立 baseline
    • 用偵察、巡檢、救災等泛用任務情境設計流程與畫面
    • 保留足夠彈性,未來有實際客戶時可以調整,而不用推翻架構

    Impact:控制站設計同時支援展會 demo 與國防標案初步評估,在資訊有限的條件下,專案仍能持續向前

    挑戰 2

    跨公司、多角色協作,對齊「這套系統是為了什麼」

    內部

    PM、AM、ME、ID、軟體工程師、高層

    外部

    合作無人機公司、潛在客戶/標案單位

    每個角色關心的點不同,我在其中扮演:

    「用任務情境與畫面,把不同語言接起來的人。」

    專案挑戰、解決方式與成果延伸影響的視覺化流程圖
    從資訊受限與多角色協作的挑戰,到以 UX 作為橋樑,最終達成國際展會 demo、確認訂單與擴展後台系統

    國際展會成功 demo
    吸引潛在客戶

    確認實際訂單
    擴大到後台管理系統

    內部理解 UX 價值
    建立合作模式

    5. What I learned

    對我來說,這個 Drone 控制站專案,是在「自己原本不熟悉、資訊又有限」的領域裡,學會怎麼讓 UX 仍然發揮價值的一次實戰

    一開始,我對無人機與軍用/產業任務的了解其實不深,很多真實需求也因為保密無法完全揭露。與其假裝很懂,我選擇做的是:

    • 先用國際競品與公開案例建立一個合理的 baseline
    • 再透過任務情境、控制站資訊優先順序、實體鍵與螢幕分工去設計「一條可以靠近真實需求的路」
    • 留下足夠彈性,讓未來實際導入客戶時可以調整,而不用全部推倒重來

    當控制站方案在 XPONENTIAL 2025 美國休士頓展 上正式對外展出時,看到業務、合作夥伴與潛在客戶在攤位前實際操作、討論任務情境,對我是一個很重要的確認:

    那些在會議室裡對「資訊怎麼排」「實體鍵怎麼配置」「狀態要怎麼回饋」的細部拉扯,最後真的有幫助大家在一個嘈雜又忙碌的展場裡,把系統講清楚、示範順暢

    XPONENTIAL 2025 美國休士頓展場中,無人機與地面控制站在攤位上展示,前景是與會者與客戶在展位前交流與觀察操作情境
    Drone 系統在 XPONENTIAL 2025 美國休士頓展正式對外展示,驗證控制站體驗在真實展場情境中也能被快速理解與採用

    這個專案讓我更確定:

    在高門檻、資訊不透明的產業裡,UX 不一定能一開始就「定義所有細節」,但可以設計出一套讓團隊逐步靠近正確方向的結構與語言:讓工程、業務、高層和合作夥伴都有共同的畫面可以討論,並在真正走到展場與市場的那一刻,驗證自己做的選擇是不是站得住腳

    下一個專案

    © 2025 Jack Chen Portfolio. All rights reserved.