擔任角色

擔任角色

UXUI 設計

UXUI 設計

專案時間

專案時間

2020.07 - 2021.01

2020.07 - 2021.01

負責項目

負責項目

功能流程規劃、介面設計

功能流程規劃、介面設計

服務單位

服務單位

SayDou 數位沙龍智慧管家

SayDou 數位沙龍智慧管家

SayDou 是什麼?

SayDou 是個 B2B2C 的 Saas 服務系統,

提供沙龍美業顧客預約、員工排班、POS結帳、銷售報表及薪資結算等服務。

SayDou 是個 B2B2C 的 Saas 服務系統,

提供沙龍美業顧客預約、員工排班、POS結帳、銷售報表及薪資結算等服務。

# Target 專案目標

# Target 專案目標

#Target 專案目標

問題陳述

1. 功能不斷疊加導致功能架構複雜,使用者時常無法順利完成操作

2. 提高原始工程畫面精緻度,包含配色、 icon 等整體視覺

3. 新增主要功能行事曆



解決方法

1. 以沙龍美業現場使用為中心出發,重構整體架構及流程

2. 資訊分類整合,減法原則以利畫面精簡

3. 以設計系統化設計,提昇整體精緻度

問題陳述

1. 功能不斷疊加導致功能架構複雜,使用者時常無法順利完成操作

2. 提高原始工程畫面精緻度,包含配色、 icon 等整體視覺

3. 新增主要功能行事曆



解決方法

1. 以沙龍美業現場使用為中心出發,重構整體架構及流程

2. 資訊分類整合,減法原則以利畫面精簡

3. 以設計系統化設計,提昇整體精緻度

# Process 參與過程

# Process 參與過程

  • 定義目標

  • 分析舊產品現存缺點

  • 拆解舊產品架構(IA資訊架構、Function Map)

  • 定義主功能項目(Wireframe、UI Flow)

  • 介面設計(Mockup)、建立設計系統(Design System)及iconfont

  • 原型製作(Prototype)及交付

  • 測試反饋及優化

使用工具

使用工具

使用工具

# Information Architecture 拆解架構

拆解原產品的頁面,產生出新的產品架構

  1. 研究舊產品的架構,發現有些功能並沒有被歸類的很好,導致使用者可能需要每個頁面都點選後才能找到(藏在第二第三層的)功能。

  2. 某些功能可能重複出現在不同的頁面,猜想是因為不好找,因此用戶反饋希望能增加在他覺得合理的頁面。

  3. 增加了本次改造最重要的行事曆功能


使用工具: Draw.io

# Wireframes 定義主功能及框架圖

# Design System 設計系統

# Mockup 精稿

# Mockup 精稿

# Mockup 精稿

# 反思與學習

# 反思與學習

# 反思與學習

這是我第一個接下的大型案子,除了手機版之外,還有點餐的平板及後台系統等許多功能要梳理及思考,對當時剛踏入UXUI界的菜鳥,是很大的挑戰。面對複雜的 SaaS 產品架構,我學會如何在不同裝置間保持設計一致性,並顧及不同角色使用者的需求。從最初的線框圖到最終的使用者測試與訪談,每一步都是菜鳥寶貴的學習過程。感謝當初加入這個專案,磨練了技術能力同時理解到協作與溝通在產品開發中的重要性。現在回首,這次挑戰確實是我職業生涯的重要里程碑,也奠定了我解決複雜設計問題的信心基礎。

這是我第一個接下的大型案子,除了手機版之外,還有點餐的平板及後台系統等許多功能要梳理及思考,對當時剛踏入UXUI界的菜鳥,是很大的挑戰。面對複雜的 SaaS 產品架構,我學會如何在不同裝置間保持設計一致性,並顧及不同角色使用者的需求。從最初的線框圖到最終的使用者測試與訪談,每一步都是菜鳥寶貴的學習過程。感謝當初加入這個專案,磨練了技術能力同時理解到協作與溝通在產品開發中的重要性。現在回首,這次挑戰確實是我職業生涯的重要里程碑,也奠定了我解決複雜設計問題的信心基礎。