technine.io

手機 App · 設計概念

外勤工作 App

外勤手機介面設計研究,展示上門工作安排、檢查清單及報告核對,並提供離線及未完成任務的訊息示例。

以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。

外勤工作 App

設計概念

外勤工作 App: 以任務為主的手機設計 · 上門服務及檢查
查看設計 ↗
以任務為主的手機設計 · 上門服務及檢查

設計起點

外勤人員到場後,需要知道下一步做甚麼,即使網絡不穩定也一樣。這個概念連接當日行程、現場檢查及報告核對。

適用對象
按行程上門服務,並用手機記錄檢查結果的技術人員。
需要考慮的限制
工作可能中斷,現場亦可能沒有訊號。介面須分清資料已存於手機,還是伺服器已收到。本靜態概念沒有實作離線儲存或同步功能。

建議的操作流程

  1. 01

    選擇上門工作

    當日行程按工作分組,列出辨認下一項現場任務所需的資料。

  2. 02

    逐項檢查

    檢查畫面以清單拆分工作,並設有相片記錄位置。

  3. 03

    核對報告

    核對畫面集中檢查資料,並以已存於裝置的提示示範離線處理方向。

為何這樣設計?

方便中斷後接續工作

清楚命名的檢查項目可作參照。已完成、待處理及無法繼續的項目,應用文字分辨。

說清楚資料存在哪裏

已存於裝置不等於報告已提交。同步確認前,訊息不應令人誤以為辦公室已收到資料。

細看視覺設計

以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。

配色用途

  • 任務背景

    #F2F7F5

  • 主要操作

    #146B58

  • 任務文字

    #253D36

字體與間距

資料清楚,下一步自然明確。

使用數字清楚的無襯線字體顯示時間及檢查項目數目。指示保持簡短,較長的檢查記錄另設閱讀區域。

任務以單欄排列,觸控位置之間留有距離。指示緊貼相關操作,報告狀態則與可編輯備註分開。

正常流程以外的狀態

已存於裝置

已儲存至這部裝置,辦公室尚未收到報告。

報告已收到

辦公室已收到報告。你可以返回上門工作列表。

檢查尚未完成

請先完成必填檢查項目,再提交報告。

離線狀態應向外勤人員交代甚麼?

應說明資料是存於裝置、等待傳送,還是已確認收到。單一成功剔號無法分清這些情況。重試及資料衝突的處理,仍須配合同步系統設計。