• 全新社區醫學服務平台
• 使用者流程設計(UX)
• Web APP介面設計(UI)
• 包含撰寫Html+CSS+JS版面文件

將抽象及破碎的概念具象化

使用場景橫跨了病患手機、院所候診間、院所櫃檯、醫師診間等跨裝置跨區域的整合。

初期業主提供的資訊極少，於是我們協助了資料收集及看診經驗的調查，並將抽象及破碎的概念具象化，構築了簡易營運架構圖以利制定明確的走向。

在進行系統的 UI 設計時，重點放在以下幾個方面：

1. 使用者友好性：界面設計應該易於理解和操作，從而縮短交易時間並降低使用者的學習成本。
2. 效率：界面設計應該能夠提高工作效率，讓使用者能夠快速完成銷售過程，包括桌況管理、處理付款等任務。
3. 整體外觀：注重整體美感，包括色彩搭配、字體選擇和圖標設計，從而營造出舒適的使用體驗。
4. 功能性：考慮新增或優化現有功能，以滿足使用者需求，包括訂單管理、營業追踪等。
5. 不同的應用對應不同的目標裝置

主流程介面

診所端｜候診間叫號通知、醫師控號、櫃台整合管理

客顯端｜運用於病患或家屬手機LINE官方帳號

• 全新客製化開發
• 整合原POS系統雲端化並同步資料
• Web APP介面設計+程式開發
• 包含撰寫Html+CSS+JS版面文件

總部系統能夠使業務運作更為高效，利用銷售分析提升效率並提供即時洞察，協助做出數據驅動的決策。在進行系統的設計時，是根據業主的特性與需求而設計，除了龐大的數據要將其分類與階層化，屏除多餘的細節資訊，並利用編排、字體樣式、圖標與配色，讓圖表與數據讓主管能夠快速理解和操作。

主要介面

＊本文呈現的數據為虛擬數據

• 當前市場流通軟體UIUX改造
• 優化使用者流程
• Android APP介面設計
• 包含撰寫XML Layout版面文件

KDS廚顯系統(Kitchen Display System)的UI改造重點

1. 使用者友好性：讓廚房人員可以一目了然地掌握每道餐點的內容、口味備註，包括訂單類別。
2. 效率：支援菜口分別控單或單一控單，並將訂單瀏覽選項提升至外層介面位置，更方便切換控單。
3. 整體外觀：注重整體美感，包括色彩、字體和圖標，並有計畫的將風格延伸至POS系統，塑造品牌的一致性強化品牌印象。

主流程介面

• 當前市場流通軟體UIUX改造
• 優化使用者流程
• Web APP介面設計
• 包含撰寫Html+CSS+JS版面文件

手機點餐有螢幕較小及非工作人員操作， 易造成使用不易及錯誤。因此 UI 改造時，重點放在以下幾個方面：

1. 簡潔的設計：確保介面乾淨俐落，讓用戶能夠快速找到他們需要的功能和信息。
2. 直覺的操作：設計使用者友好的操作流程，目的是讓用戶輕鬆順暢地完成點餐過程。
3. 客製化選項：提供豐富的選擇，使用戶可以自由調整和定制他們的訂單。

我們強調品牌區隔，制定品牌標準配色運用於元件中，並在特定區域凸顯。

主流程介面．舊版→新版比較

• 當前市場流通軟體UIUX改造
• 優化使用者流程
• Android APP介面設計
• 包含撰寫XML Layout版面文件

在進行POS系統的 UI 改造時，重點放在以下幾個方面：

1. 使用者友好性：界面設計應該易於理解和操作，從而縮短交易時間並降低使用者的學習成本。
2. 效率：界面設計能夠提高工作效率，讓使用者能夠快速完成銷售過程，包括桌況管理、處理付款等任務。
3. 整體外觀：注重整體美感，包括色彩搭配、字體選擇和圖標設計，從而營造出舒適的使用體驗。
4. 功能性：考慮新增或優化現有功能，以滿足使用者需求，包括訂單管理、營業追踪等。

流程圖(Flow Chart)有助於在設計進行前釐清前結與後結兩種模式行為影響的版面差異。

主流程介面．新/舊版比較

• Android APP設計開發
• 外場服務通知程式
• 資訊整合伺服程式 (整合原有POS系統)
• 現場硬體安裝工程

• Android APP設計開發
• 外場服務通知程式
• 資訊整合伺服程式 (整合原有POS系統)
• 現場硬體安裝工程