這是一套化學品管理系統，主要由我負責改版系統內的核心功能之一：化學品配置圖 - 繪圖面板
繪製化學品配置圖，在化學品管理裡是非常重要的一環！
目的在於救災時能即時掌握工廠、倉儲的化學品種類及數量的所在位置資訊， 以便作為救災的決策，目的在於維護救災人員的安全。若無法即時掌握高風險的化學品位置，極有可能危害到救災人員的安全，因此一家企業只要有管理化學品，就必須建立化學品配置圖，當發生災害時可以立即調閱配置圖，使救災人員能做出正確的判斷。
但我們發現「化學品配置圖 - 繪圖面板」對於用戶體驗不佳，因此著手進行大改版！
執行時間：2023.12 - 2024.01，我與客服成功部門主管收集用戶需求，確認用戶在操作過程中所遇到的問題，以利我進入設計時更能有效且精準地改善目前的現況
我的角色：產品設計師
主要職責：我負責找客服成功部門主管收集用戶需求及進行討論，並依據需求加入原先繪圖面板上沒有的工具，同時思考如何將每項工具的操作流程，以提升用戶在使用繪圖面板時的良好體驗。
因繪圖面板有諸多反直覺的操作， 以至於客服人員在進行教育訓練時必須教導用戶如何操作，例如：
1. 繪圖在操作上不夠流暢，例如：選擇繪圖工具的矩形時，游標尚未切換成十字
2. 配置圖的尺寸大小不同，缺乏縮放圖面功能，增加檢視圖面的難度
3. 物件僅有重做功能，無法回到上一步驟
4. 旋轉物件，無法成功旋轉角度，會自動變回原本的角度，甚至有些物件如矩形、圖示沒有旋轉桿
備註：此為舊版繪圖面板
客戶公司負責化學品管理之工安人員
繪圖面板的好用與否，決定用戶是否可以在短時間內繪製出品質好的化學品配置圖
1. 當切換為繪圖狀態時，游標切換為十字，繪製結束後自動切換回選取游標
2. 加入平移功能，任意拖動配置圖，解決受限於平面圖的尺寸
3. 加入復原(上一步)功能
4. 選取物件時，顯示旋轉桿，使每個物件都能成功旋轉角度
用戶不需要教學，第一次操作就能輕易上手。
1. 收集需求：我與客服成功部門主管收集用戶需求，確認用戶在操作過程中所遇到的問題
2. 發現問題：系統反饋不明確：用戶大部分遇到的問題都出現在操作流程，以繪製矩形為例，不論是否進入繪製模式或是已繪製結束，游標始終為箭頭顯示，用戶不知道目前狀態為何，另外我也參考了其他繪圖軟體、PPT簡報軟體，發現重點在於游標切換必須明確，例如：點選矩形時，游標切換切換十字，繪製結束切換回箭頭游標。
3. 開始進入元設計：
先條列出繪圖面板的工具項目，思考如何將這些工具配置在面板上
繪製每個工具的狀態，Default、Hover、Pressed、Focus
4. 設計每個繪圖工具的操作流程
