Job Search Platform
Job Search Platform
Job Search Platform
Web & App Design
Web & App Design
Web & App Design
求職平台為求職者提供便利的就業機會。透過這個平台，求職者可以搜尋理想的職位空缺，提交履歷並直接與公司互動。
求職平台為求職者提供便利的就業機會。透過這個平台，求職者可以搜尋理想的職位空缺，提交履歷並直接與公司互動。
求職平台為求職者提供便利的就業機會。透過這個平台，求職者可以搜尋理想的職位空缺，提交履歷並直接與公司互動。
Company
Company
Company
1111 Job Bank
1111 Job Bank
1111 Job Bank
Role
Role
Role
UI/UX Design
UI/UX Design
UI/UX Design
Industries
Industries
Industries
Human Resources
Human Resources
Human Resources
Date
Date
Date
2021 - 2023
2021 - 2023
2021 - 2023
專案總覽
01 | 團隊目標
1111 求職平台於 2021年進行改版，由於系統龐大，改版目標分階段進行，團隊目標要為使用者重新設計直觀的介面，同時也重新整理系統架構，增加未來產品擴充的彈性。
1111 求職平台於 2021年進行改版，由於系統龐大，改版目標分階段進行，團隊目標要為使用者重新設計直觀的介面，同時也重新整理系統架構，增加未來產品擴充的彈性。
1111 求職平台於 2021年進行改版，由於系統龐大，改版目標分階段進行，團隊目標要為使用者重新設計直觀的介面，同時也重新整理系統架構，增加未來產品擴充的彈性。
02 | 角色與產出
在專案中，我主要負責階段性任務，功能的 UI/UX設計，從流程規劃到交付最終視覺設計。
在專案中，我主要負責階段性任務，功能的 UI/UX設計，從流程規劃到交付最終視覺設計。
在專案中，我主要負責階段性任務，功能的 UI/UX設計，從流程規劃到交付最終視覺設計。
03 | 專案挑戰
執行這些階段型任務時，網站需要與外包團隊長時間會議溝通；APP則是與公司PM與工程團隊密切合作，不管在設計上或是流程上都必須確保一致性及保持良好的體驗。
執行這些階段型任務時，網站需要與外包團隊長時間會議溝通；APP則是與公司PM與工程團隊密切合作，不管在設計上或是流程上都必須確保一致性及保持良好的體驗。
執行這些階段型任務時，網站需要與外包團隊長時間會議溝通；APP則是與公司PM與工程團隊密切合作，不管在設計上或是流程上都必須確保一致性及保持良好的體驗。
任務一：APP深色模式問題洞察
01 | 對比度過高，觸發光暈
在深色背景使用全白字體可能會觸發光暈，而光暈可能使文字變得模糊或產生視覺上的干擾，造成眼睛的不適與疲勞。尤其在低光源還境下，明亮的白色字體可能會對視覺造成壓力，導致使用者不舒適。
在深色背景使用全白字體可能會觸發光暈，而光暈可能使文字變得模糊或產生視覺上的干擾，造成眼睛的不適與疲勞。尤其在低光源還境下，明亮的白色字體可能會對視覺造成壓力，導致使用者不舒適。
在深色背景使用全白字體可能會觸發光暈，而光暈可能使文字變得模糊或產生視覺上的干擾，造成眼睛的不適與疲勞。尤其在低光源還境下，明亮的白色字體可能會對視覺造成壓力，導致使用者不舒適。
02 | 元件不可見難以操作
某些元件可能因為顏色相似而難以區分，在易讀性上容易造成使用者閱讀吃力，且元件配色不夠協調，導致使用體驗不佳。
某些元件可能因為顏色相似而難以區分，在易讀性上容易造成使用者閱讀吃力，且元件配色不夠協調，導致使用體驗不佳。
某些元件可能因為顏色相似而難以區分，在易讀性上容易造成使用者閱讀吃力，且元件配色不夠協調，導致使用體驗不佳。
APP深色模式重新設計
與PM及工程團隊討論最快速解決方式如下：
與PM及工程團隊討論最快速解決方式如下：
與PM及工程團隊討論最快速解決方式如下：
01 | 建立深色模式色彩規範
為了加速開發進度，我先將深淺模式色系定義出來，這邊我使用Figma的Plugin " Color Shades"，它幫助我找尋合適顏色，並在 iPhone及 Android手機上反覆測試，因為每款螢幕顯示器不同，需要多方比對達到最佳效果。
為了加速開發進度，我先將深淺模式色系定義出來，這邊我使用Figma的Plugin " Color Shades"，它幫助我找尋合適顏色，並在 iPhone及 Android手機上反覆測試，因為每款螢幕顯示器不同，需要多方比對達到最佳效果。
為了加速開發進度，我先將深淺模式色系定義出來，這邊我使用Figma的Plugin " Color Shades"，它幫助我找尋合適顏色，並在 iPhone及 Android手機上反覆測試，因為每款螢幕顯示器不同，需要多方比對達到最佳效果。
02 | 統一元件庫色彩
這部份比較費工。由於元件不夠完整，我必須先將淺色模式的元件搜集起來，再根據定義好的深色模式色彩規範進行分類及配色。最後將相關元件整理好後建立成元件庫，維持一致性的設計標準，提升使用體驗。
這部份比較費工。由於元件不夠完整，我必須先將淺色模式的元件搜集起來，再根據定義好的深色模式色彩規範進行分類及配色。最後將相關元件整理好後建立成元件庫，維持一致性的設計標準，提升使用體驗。
這部份比較費工。由於元件不夠完整，我必須先將淺色模式的元件搜集起來，再根據定義好的深色模式色彩規範進行分類及配色。最後將相關元件整理好後建立成元件庫，維持一致性的設計標準，提升使用體驗。
任務二：會員中心問題洞察及線框稿繪製
評估問題前，先執行頁面盤點作業。盤點內容包含流程是否直覺順暢、元件使用是否合乎情境邏輯等。盤點下來問題如下：
評估問題前，先執行頁面盤點作業。盤點內容包含流程是否直覺順暢、元件使用是否合乎情境邏輯等。盤點下來問題如下：
評估問題前，先執行頁面盤點作業。盤點內容包含流程是否直覺順暢、元件使用是否合乎情境邏輯等。盤點下來問題如下：
01 | 元件設計邏輯不同
相同的元件，在不同頁面設計做了變動，導致使用者產生疑慮，無法確定是否可以操作。其中也有發現一些元件跟設計系統不一致。
相同的元件，在不同頁面設計做了變動，導致使用者產生疑慮，無法確定是否可以操作。其中也有發現一些元件跟設計系統不一致。
相同的元件，在不同頁面設計做了變動，導致使用者產生疑慮，無法確定是否可以操作。其中也有發現一些元件跟設計系統不一致。
02 | 操作邏輯混淆
Modals 部分功能操作邏輯不一致，例如「清空」按鈕，有些與CTA排列在一起；有些是在右上角。對於使用者來說，同樣都是清除資料，但位置不同的狀況下使用者會無法自信地做出決定。
Modals 部分功能操作邏輯不一致，例如「清空」按鈕，有些與CTA排列在一起；有些是在右上角。對於使用者來說，同樣都是清除資料，但位置不同的狀況下使用者會無法自信地做出決定。
Modals 部分功能操作邏輯不一致，例如「清空」按鈕，有些與CTA排列在一起；有些是在右上角。對於使用者來說，同樣都是清除資料，但位置不同的狀況下使用者會無法自信地做出決定。
介面重新調整
針對先前網站的盤點，將不同功能做時程上的分配，並提出解決方案如下：
針對先前網站的盤點，將不同功能做時程上的分配，並提出解決方案如下：
針對先前網站的盤點，將不同功能做時程上的分配，並提出解決方案如下：
01 | 統一元件的設計邏輯
確保所有元件都符合設計系統，以確保頁面整體的視覺一致性，讓使用者能夠快速熟悉各個元件的功能和操作方式。
確保所有元件都符合設計系統，以確保頁面整體的視覺一致性，讓使用者能夠快速熟悉各個元件的功能和操作方式。
確保所有元件都符合設計系統，以確保頁面整體的視覺一致性，讓使用者能夠快速熟悉各個元件的功能和操作方式。
02 | 操作邏輯一致化
使用明確的文字或圖標來標識各個功能，讓使用者能夠快速找到所需功能，以幫助使用者做出信心的決定。
使用明確的文字或圖標來標識各個功能，讓使用者能夠快速找到所需功能，以幫助使用者做出信心的決定。
使用明確的文字或圖標來標識各個功能，讓使用者能夠快速找到所需功能，以幫助使用者做出信心的決定。
任務三：APP搜尋職缺流程問題洞察
01 | 歷史紀錄找不到
「 歷史紀錄找不到 」是使用者回饋中最常被提起的項目之一。許多使用者搜尋職缺時，會依照自身經驗及專業篩選條件，並送出搜尋條件；重複搜尋時習慣找過往紀錄，如此便不需花費時間選擇，也可節省步驟。由於歷史紀錄在介面排序不夠明顯，導致使用者時常找不到而氣餒。
「 歷史紀錄找不到 」是使用者回饋中最常被提起的項目之一。許多使用者搜尋職缺時，會依照自身經驗及專業篩選條件，並送出搜尋條件；重複搜尋時習慣找過往紀錄，如此便不需花費時間選擇，也可節省步驟。由於歷史紀錄在介面排序不夠明顯，導致使用者時常找不到而氣餒。
「 歷史紀錄找不到 」是使用者回饋中最常被提起的項目之一。許多使用者搜尋職缺時，會依照自身經驗及專業篩選條件，並送出搜尋條件；重複搜尋時習慣找過往紀錄，如此便不需花費時間選擇，也可節省步驟。由於歷史紀錄在介面排序不夠明顯，導致使用者時常找不到而氣餒。
02 | 篩選條件分散
平台統計最常搜尋的除了全職工作，還有打工以及公司行號，但篩選條件過於分散，無法精準找到理想的答案，在體驗上也容易有被中斷的感覺。
平台統計最常搜尋的除了全職工作，還有打工以及公司行號，但篩選條件過於分散，無法精準找到理想的答案，在體驗上也容易有被中斷的感覺。
平台統計最常搜尋的除了全職工作，還有打工以及公司行號，但篩選條件過於分散，無法精準找到理想的答案，在體驗上也容易有被中斷的感覺。
流程重新設計
01 | 調整歷史紀錄層級
舊版歷史紀錄層級低，若使用者螢幕小無法輕易看見，調整後，將歷史紀錄層級與主搜尋欄一致，按鈕配色採用主色系，加上字級調整，在介面上顯而易見。
舊版歷史紀錄層級低，若使用者螢幕小無法輕易看見，調整後，將歷史紀錄層級與主搜尋欄一致，按鈕配色採用主色系，加上字級調整，在介面上顯而易見。
舊版歷史紀錄層級低，若使用者螢幕小無法輕易看見，調整後，將歷史紀錄層級與主搜尋欄一致，按鈕配色採用主色系，加上字級調整，在介面上顯而易見。
02 | 分配篩選條件
做法是將熱點的篩選條件集中在最上層，如此一來使用者可以在同個頁面上設定篩選條件，讓整體更加方便與直觀。並使用標籤分類，將熱門搜尋層級放置篩選條件下方，使用者可根據需求篩選。進行組織和分組後，我們提供了更好的導航和使用體驗。
做法是將熱點的篩選條件集中在最上層，如此一來使用者可以在同個頁面上設定篩選條件，讓整體更加方便與直觀。並使用標籤分類，將熱門搜尋層級放置篩選條件下方，使用者可根據需求篩選。進行組織和分組後，我們提供了更好的導航和使用體驗。
做法是將熱點的篩選條件集中在最上層，如此一來使用者可以在同個頁面上設定篩選條件，讓整體更加方便與直觀。並使用標籤分類，將熱門搜尋層級放置篩選條件下方，使用者可根據需求篩選。進行組織和分組後，我們提供了更好的導航和使用體驗。
後記
對於我來說，階段性任務有趣的地方是，可以針對功能更深入進行迭代優化。產品從零到一的路程是艱辛的，但單一功能優化也很挑戰性。大腦為了節省思考時間，會將長期相同的行為操作變換為反射動作，考量到使用者的學習路徑，現代人學習速度快，相對也容易習慣同樣的操作模式。因此功能迭代優化後，其實也在考驗著使用者的大腦，最終目的應該要降低使用者負擔並縮短學習路徑。當需要針對功能優化時，同時間必須進行研究與規劃，接下來將流程串連起來重複測試，最後交付工程，整個過程像解題一樣有趣又具有挑戰。
對於我來說，階段性任務有趣的地方是，可以針對功能更深入進行迭代優化。產品從零到一的路程是艱辛的，但單一功能優化也很挑戰性。大腦為了節省思考時間，會將長期相同的行為操作變換為反射動作，考量到使用者的學習路徑，現代人學習速度快，相對也容易習慣同樣的操作模式。因此功能迭代優化後，其實也在考驗著使用者的大腦，最終目的應該要降低使用者負擔並縮短學習路徑。當需要針對功能優化時，同時間必須進行研究與規劃，接下來將流程串連起來重複測試，最後交付工程，整個過程像解題一樣有趣又具有挑戰。
對於我來說，階段性任務有趣的地方是，可以針對功能更深入進行迭代優化。產品從零到一的路程是艱辛的，但單一功能優化也很挑戰性。大腦為了節省思考時間，會將長期相同的行為操作變換為反射動作，考量到使用者的學習路徑，現代人學習速度快，相對也容易習慣同樣的操作模式。因此功能迭代優化後，其實也在考驗著使用者的大腦，最終目的應該要降低使用者負擔並縮短學習路徑。當需要針對功能優化時，同時間必須進行研究與規劃，接下來將流程串連起來重複測試，最後交付工程，整個過程像解題一樣有趣又具有挑戰。
You may also like
專注於創造出色的使用者體驗並實現產品優化目標。
© 2023 YA TZU LAI
專注於創造出色的使用者體驗並實現產品優化目標。
© 2023 YA TZU LAI
專注於創造出色的使用者體驗並實現產品優化目標。
© 2023 YA TZU LAI