手機 App · 設計概念
外勤工作 App
外勤手機介面設計研究,展示上門工作安排、檢查清單及報告核對,並提供離線及未完成任務的訊息示例。
以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。
設計起點
外勤人員到場後,需要知道下一步做甚麼,即使網絡不穩定也一樣。這個概念連接當日行程、現場檢查及報告核對。
- 適用對象
- 按行程上門服務,並用手機記錄檢查結果的技術人員。
- 需要考慮的限制
- 工作可能中斷,現場亦可能沒有訊號。介面須分清資料已存於手機,還是伺服器已收到。本靜態概念沒有實作離線儲存或同步功能。
建議的操作流程
- 01
選擇上門工作
當日行程按工作分組,列出辨認下一項現場任務所需的資料。
- 02
逐項檢查
檢查畫面以清單拆分工作,並設有相片記錄位置。
- 03
核對報告
核對畫面集中檢查資料,並以已存於裝置的提示示範離線處理方向。
為何這樣設計?
方便中斷後接續工作
清楚命名的檢查項目可作參照。已完成、待處理及無法繼續的項目,應用文字分辨。
說清楚資料存在哪裏
已存於裝置不等於報告已提交。同步確認前,訊息不應令人誤以為辦公室已收到資料。
細看視覺設計
以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。
配色用途
任務背景
#F2F7F5
主要操作
#146B58
任務文字
#253D36
字體與間距
資料清楚,下一步自然明確。
使用數字清楚的無襯線字體顯示時間及檢查項目數目。指示保持簡短,較長的檢查記錄另設閱讀區域。
任務以單欄排列,觸控位置之間留有距離。指示緊貼相關操作,報告狀態則與可編輯備註分開。
正常流程以外的狀態
已存於裝置
已儲存至這部裝置,辦公室尚未收到報告。
報告已收到
辦公室已收到報告。你可以返回上門工作列表。
檢查尚未完成
請先完成必填檢查項目,再提交報告。
離線狀態應向外勤人員交代甚麼?
應說明資料是存於裝置、等待傳送,還是已確認收到。單一成功剔號無法分清這些情況。重試及資料衝突的處理,仍須配合同步系統設計。

