top of page
hrm_cover.png
card.png
3.png

專案背景

Matres 人資管理系統是B2B SAAS產品,產品受眾為中小企業,擁有56間中小企業使用的上線產品。

專案問題

產品開發時空背景為疫情時代,公司遇到會需要遠距辦公的需求,也有公司投資人有同樣需求,前團隊用MVP很快地把大部分的重要的功能開發了。
但過去調查研究週期過短,且
未明瞭體察使用者實際需求,導致排班系統在設計上彈性限縮,引起大量的負評與抱怨。

Frame 781.png
專案問題
Frame 862.png
complain.png

總結問題

• 現實中排班流程

截圖 2023-09-11 上午9.45 1.png

Before

Frame 965 (1).png

After

Group 814.png
Frame 901.png

面對負評,我們做了什麼

因上一版本已經上線使用半年,已知使用者的不滿意,為了更科學化的估量,使用測試研究工具NPS量表、SUS測試和做測後訪談。從以上分析和訪談中找出使用者痛點、功能缺口並做商業上評估,同時與訪談者深入瞭解他們的使用習慣,並做出大幅度更新,最後獲得滿意度上升至68%。

 設計成果
result.png

為了讓客戶快速了解此次更新重點,我製作了一系列排班教學影片,以下為最能概括這次更新的介紹影片

產品落地頁
設計流程
Design Process.png

根據團隊目標,制定設計策略,方案探索並執行

設計流程.png
定義問題
define.png

1.未調研清楚使用者需求

過去的排班設計未以不同產業型態而有不同排班需求做設計,只以固定班為考量出發並過於簡化流程

辨識廣度.png
使用旅程.png

2.混淆排班和班別定義

班別是定義時間段的標籤,混淆導致排班上困難

image 43.png

班別是為了在有限制的版面內排進一個月或自訂的排班,為了有效運用空間將可複用的時間段給予定義標籤,例如早班、午班、晚班、A早、B早等等

個別人員要可以個別設定在哪天上什麼時段的班

3.閱覽效率與現實脫節

經調研考察,卡片式設計只在乎視覺上新穎,未有深刻去理解使用者工作上實際閱覽習慣和效率

找出主要目標

經訪談,使用者文書工作習慣多以直排橫列,矩陣式閱覽方式,順序為下

找出標的

找出次要目標

解決方案
solution.png

根據團隊目標,制定設計策略,方案探索並執行

收斂功能.png
權限管理.png

依不同公司需求,有些是人資排班,有些是主管排班

Group 722.png
Wireframe.png

透過低擬真線框稿來規劃產品,來回跟團隊確認內容、排版、功能等所有的頁面元素符合整體設計,根據wireframe,在實際開發產品之前釐清關鍵行動並適當的配置資源,達成跨團隊共識和一致的目標。

截圖 2023-11-09 上午11.31.27.png
UI Flow.png

經過前期需求和精稿定案過後,便開始執行正式文件,並將頁面和頁面關係和流程做成標示文件交付給工程師。

截圖 2023-11-09 上午9.51.24.png
grid (1).png
grid2.png
元件庫.png
component1.png
component2.png
 設計迭代
Iteration.png

​沒有一步到位的產品,只有不斷優化回測的產品能讓使用者有更好的使用體驗改版上線後,我們在使用者發佈更新後埋點問卷調查,統計追蹤成效。

問卷調查.png

針對功能易用性負面反饋,我們會做歸類分析並做迭代。

Frame 865.png
​介面展示

​排班功能使用者介面設計畫面

☞ More Projects

website_1.png
website_2.png

​宣傳頁

app_1.png
app_2.png

​廟宇App

創.png
創2.png

創星球Redesign

Let’s Work Together-

Find Me Here-

All content and images Copyright © 2020 Mika Chou

bottom of page