專案背景
關於小雞上工
小雞上工是全台最大打工兼職平台，讓雇主可以找到優秀的打工人才，提供求職者各種賺錢省錢的機會。
專案目的
原本只能透過地點篩選，並以列表方式呈現結果，無法直觀地看出打工地點的相對位置。因為以上痛點，加上問卷調查顯示地點對求職者的重要性，且競品已經推出地圖找打工功能，所以最後決定開發這個功能，來提升用戶體驗。
用戶樣貌
學生
利用課餘時間找兼職，偏好學校附近的工作
找臨時兼差
已有正職，尋找住家附近的兼職機會
設計流程
1
資訊架構、功能規劃
競品分析
規劃流程、功能
確認功能內容
2
設計交付、技術協作
繪製精稿
跟產品經理、工程師討論規格及實作限制
交付精稿
3
測試
UI、用戶體驗測試
功能規劃
競品分析與初步規劃
首先，我進行了競品分析，著重於地圖的互動方式和資訊呈現的設計。從中選出適合的實做方式後，構思了其他必要功能，並列出需進一步討論的細節。
隨後，我將這些建議與 PM 進行交流，確定哪些功能符合用戶需求，並探討最佳的設計和實作方法。
圖：競品分析
圖：初期規劃內容
固定倍率
以畫面中心點及倍率所決定的範圍為條件，顯示當中前 15 筆打工
優點
操作上體驗比較能統一
工程開發難度較低
缺點
篩選範圍可能不足 15 筆打工
動態倍率
以篩選結果中的前 15 筆打工來調整地圖倍率，讓所有打工都呈現在畫面中
優點
大部分的篩選條件都能看到 15 筆打工
缺點
倍率忽大忽小，操作上容易產生混亂
最後選擇固定倍率
因為地圖操作很靈活，需要處理很多情境和例外狀況，如：是否開啟定位、是否篩選地區，這會讓開發變得比較複雜，所以降低開發難度是我們的首要考量。且雖然固定倍率可能會顯示較少打工，但我們可以透過簡單的提示文案，讓用戶調整篩選條件或移動地圖，快速解決這個問題。
設計目標
容易操作
設計用戶習慣的互動方式，可以快速瀏覽和查看工作詳情
清晰資訊呈現
清楚標示地點，快速展示薪資、工時等關鍵資訊，避免資訊過載
即時篩選
完整篩選功能，幫助用戶快速找到符合需求的工作
反應迅速
結果呈現要快速，確保使用流暢度
設計產出
目標：清晰資訊呈現
地圖上的打工標籤分為 2 種模式，以便在不同縮放範圍下提供最佳資訊。
地圖範圍大：標籤僅顯示縣市名稱和該區域的打工數量，讓用戶快速掌握工作分布
地圖範圍小：標籤則顯示每個工作的時薪，也是求職者最在意的資訊
圖：地圖範圍大
圖：地圖範圍小
點擊標籤後，用戶可查看詳細資料卡，包括職缺名稱、特色描述及距離捷運站的距離，幫助用戶快速了解適合的打工機會。
圖：地圖縮放結果展示
目標：即時篩選
地圖使用跟列表一樣的篩選條件：地區、時段、薪資等，讓求職者依照自己的需求，用不同的方式檢視篩選結果
圖：打工列表
圖：打工地圖
目標：反應迅速
在設計地圖功能時，我們強調了縮放和移動地圖後篩選結果的即時刷新，並確保反應速度夠快，以避免延遲影響用戶體驗。
若篩選後沒有找到符合條件的打工，會即時顯示提示文字，說明目前沒有結果，並提醒用戶調整篩選條件或地圖範圍，以找到符合需求的工作，避免因為操作不便而感到困惑。
圖：地圖卡片互動
圖：地圖空狀態提示
學習反思
在設計過程中，我體會到地圖功能的設計不僅是視覺上的呈現，更需結合用戶行為與需求進行全盤思考。
與工程團隊協作的過程中，我發現有時設計方案需要依賴其他團隊的技術支援，這讓我更能體會團隊合作的重要性。透過工程師協助開發的小工具，我們能更有效地測試設計假設，並在規劃階段快速驗證，從而縮短決策時間、提高工作效率。這樣的協作不僅加強了設計的可行性，也保證了後續開發能順利推進。