手機 App · 設計概念
活力同行 — 會員 App 設計
這是會員應用程式概念,讓會員安排一周活動、查看名額和出示入場憑證。鈷藍結構、青檸色提示和日曆式列表,令時段和名額一目了然。
以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。
設計起點
以實用而鮮明的介面,查看一周時段及會員資料。
- 適用對象
- 瀏覽工作坊及身心健康活動、選擇時段和出示會員資料的會員。
- 需要考慮的限制
- 周曆畫面要讓會員在手機上快速查看時段和文字名額。日曆、會員證和預約狀態均為示意,不會預留真實名額。
建議的操作流程
- 01
本周活動
五日日期選擇後接時段列表,列出場地及文字名額資料。
- 02
預約時段
活動資料按方便核對的方式排列,再作出預約選擇。
- 03
會籍憑證
高對比的會員證,讓會員到場時直接查看所需資料。
為何這樣設計?
設計考慮 1
已選日期下方是以時段為主的列表,會員可先比較一周安排,再選擇活動。
設計考慮 2
活動和場地旁以文字列出名額;青檸色輔助操作,不會取代這些資料。
細看視覺設計
以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。
配色用途
冷色背景
#E8EEF0
鈷藍結構
#1858C8
青檸名額提示
#D7E94E
字體與間距
資料清楚,下一步自然明確。
時段使用較粗的無襯線字;詳細資料、標籤及會員證資料則採用清晰的中性字體。
五日選擇器保持輕巧,已選日期的時段列表和主要操作則保留獨立空間。
正常流程以外的狀態
未有活動預約
你暫時沒有活動預約。可以先瀏覽活動,選擇合適時段。
預約完成
已預留名額。可在即將參加的活動查看時間及地點。
時段已滿
這個時段已滿,請選擇其他時段。
為甚麼以五日行程作為入口?
會員可先比較短期安排,再開啟活動詳情。版面優先顯示可選時段,活動圖片佔用較少空間;每項活動旁仍有文字名額。

