返回作品列表

數位產品

EPIOR — eLead Product Issue Reporter UX/UI

eLead 產品問題回報系統完整 UX/UI 設計,涵蓋 Axure 規劃、線框圖、App 與 Web 介面佈局。

UI/UX B2B Mobile App Web App

客戶

車用維修回報與媒體上傳系統

類型

UI/UX

年份

2017

項目數

3

延伸

可查看完整作品頁

EPIOR in-car repair report mobile mockup

車內實機情境直接呈現維修回報工具的使用場景,讓功能目的比單純畫面截圖更明確。

專案重點

產品同時涉及表單、媒體紀錄與上傳處理,如果沒有清楚的任務分段,介面很容易變成零散功能堆疊。

設計思路

先把核心回報流程定義清楚,再讓媒體功能與狀態回饋圍繞同一條操作主線展開。

成果定位

最終案例同時呈現實際使用情境、功能總覽與狀態設計,能更完整說明這是一套產品,而不是零散畫面集合。

案例圖組

延伸應用

主視覺之外的補充畫面與延伸成果。

EPIOR feature flowboard with media and report modules
流程板把拍照、錄影、錄音、相簿與媒體管理等模組攤開,補足產品功能之間的銜接關係。
EPIOR upload status and progress interface set
上傳進度與完成狀態畫面補上系統回饋層,讓這個案例不只停留在輸入端設計。

摘要

這個案子聚焦在車用維修回報與媒體處理流程,從車內實機畫面、功能流程板到上傳狀態 UI,都圍繞「如何把回報、拍攝與上傳整合成可執行的手機工作流」這個核心目標。

這類案例的價值不只在單張介面,而在多媒體回報工具如何把任務流程與系統回饋一起設計清楚。

補充說明

  • 案例類型:UI/UX
  • 關鍵標籤:UI/UX · B2B · Mobile App · Web App
  • 作品庫中的延伸案例。
查看原始作品頁

角色

  • 產品流程規劃
  • 行動介面設計
  • 功能模組整合

產出項目

  • 維修回報介面
  • 功能流程板
  • 上傳狀態 UI

使用工具

Sketch Photoshop Illustrator

設計過程

  1. 01 先以維修回報主任務為核心,確認使用者在車內或現場的主要輸入節點。
  2. 02 再用流程板把照片、錄影、錄音與媒體管理等模組攤開,檢查任務之間的銜接。
  3. 03 最後透過上傳狀態畫面補足系統回饋邏輯,避免案例只剩靜態表單介面。

專案成果

  • 把維修單填寫、媒體上傳與回報流程整理成更清楚的一套行動端操作路徑。
  • 讓功能模組之間的關係不只停留在單張畫面,而能看出完整產品系統的節奏。