手機 App · 設計概念
會員 App
生活會籍 App 設計概念，連接活動瀏覽、時段預約及電子會員證，並附建議的預約狀態及視覺規則。
以下為設計概念，並非客戶項目。畫面屬靜態示意，名稱及數據均為虛構。
設計起點
會員可以先找活動、預約名額，之後再查看會員證。概念以活動視覺帶出吸引力，同時讓不同畫面的導航保持一致。
- 適用對象
- 瀏覽工作坊及身心健康活動、選擇時段和出示會員資料的會員。
- 需要考慮的限制
- 找活動與出示會員證所需的資料不同。名額、參加資格及會員證保安須按實際服務制定；畫面中的會員證只作示意。
建議的操作流程
- 01
瀏覽活動
活動卡片配合分類選項，讓會員按興趣查看。
- 02
選擇時段
活動詳情集中列出地點及可選時段，再提供預約操作。
- 03
查看會員證
會員頁將電子會員證和下一次預約放在同一畫面，方便之後查閱。
為何這樣設計？
導航位置不變
底部導航在各畫面保持一致。活動瀏覽及會員證是獨立入口，會員不必依次經過所有步驟。
選取狀態沿用同一重點色
同一重點色可用於已選時段、主要操作及會員識別。選取狀態亦應有文字或形狀提示，不能只靠顏色。
細看視覺設計
以下是建議的設計樣式，屬靜態示例，並非可操作的功能或正式開發規格。
配色用途
活動背景
#FFF7EF
會員識別及操作
#701C2A
主要文字
#3D2927
字體與間距
資料清楚，下一步自然明確。
活動標題可用襯線字體呈現編輯式風格。導航、時間及會員資料則採用較簡潔的無襯線字體。
瀏覽頁為大型活動卡片留出空間；預約頁則將相關日期及時段集中排列，相鄰的觸控位置保持足夠距離。
正常流程以外的狀態
未有活動預約
你暫時沒有活動預約。可以先瀏覽活動，選擇合適時段。
預約完成
已預留名額。可在即將參加的活動查看時間及地點。
時段已滿
這個時段已滿，請選擇其他時段。
為甚麼會員證與活動瀏覽要有獨立入口？
找活動和出示會員證是兩種不同需要。獨立的會員證入口讓會員直接查看所需資料，活動頁則可以保留較適合慢慢瀏覽的版面。
