Redesign UI of a Clock-In App

  • RoleOrganizer, UI Designer
  • StatusUI Design
  • Languages正體中文, English
English

概要

工作使用的應用程式,因為得經常反覆操作,而注重效率。比起現有的產品,這款上下班打卡 App: Pie 將主要操作流程進行簡化,此閒暇專案現在由我 1 人進行 UI 構想,並且已準備好未來參與成員的新手上路文件。

問題

先前任職的公司正在使用一款結合上下班打卡、假勤統計與薪資計算的產品。此產品在切換每個功能時,必須回到首頁,再點選另外一組功能。操作流程還可以進一步簡化。

設計假設

是否可以簡化例行工作所需的步驟?

文件撰寫

新手上路

以遠距的方式進行,之後加入的成員可以從這份新手上路文件開始。

動機與方法

產品規格非常容易變動,因此文件裡僅記錄角色為什麼使用上下班打卡 App,以及如何達成目標。

使用流程比較

「主選單」並非完成例行事項的必備流程,如果有超過一件事情要做的話,就得要不斷「來回切換」。以底部導覽選單即可簡化。

打卡

現有產品
  • 主選單
  • 打卡畫面
  • 完成打卡
Pie
  • 打卡畫面
  • 完成打卡

打卡 + 請假表單

現有產品
  • 主選單
  • 打卡畫面
  • 完成打卡
  • 主選單
  • 請假表單畫面
  • 確認請假表單
Pie
  • 打卡畫面
  • 完成打卡
  • 請假表單畫面
  • 確認請假表單

仔細看

試玩

為了測試流程的基本互動

值得進一步討論

閒暇專案的資源有限

根據角色與目標,已列出非常多事項可以做。然而,閒暇專案的時間與資源有限,因此現在的目標是完成 UI 流程。