technine.io

手機 App · 設計概念

活力同行 — 會員 App 設計

這是會員應用程式概念,讓會員安排一周活動、查看名額和出示入場憑證。鈷藍結構、青檸色提示和日曆式列表,令時段和名額一目了然。

以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。

活力同行 — 會員 App 設計

設計概念

活力同行 — 會員 App 設計: 會員 App · 鈷藍、青檸色與日曆主導的活動探索
查看設計
會員 App · 鈷藍、青檸色與日曆主導的活動探索

設計起點

以實用而鮮明的介面,查看一周時段及會員資料。

適用對象
瀏覽工作坊及身心健康活動、選擇時段和出示會員資料的會員。
需要考慮的限制
周曆畫面要讓會員在手機上快速查看時段和文字名額。日曆、會員證和預約狀態均為示意,不會預留真實名額。

建議的操作流程

  1. 01

    本周活動

    五日日期選擇後接時段列表,列出場地及文字名額資料。

  2. 02

    預約時段

    活動資料按方便核對的方式排列,再作出預約選擇。

  3. 03

    會籍憑證

    高對比的會員證,讓會員到場時直接查看所需資料。

為何這樣設計?

設計考慮 1

已選日期下方是以時段為主的列表,會員可先比較一周安排,再選擇活動。

設計考慮 2

活動和場地旁以文字列出名額;青檸色輔助操作,不會取代這些資料。

細看視覺設計

以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。

配色用途

  • 冷色背景

    #E8EEF0

  • 鈷藍結構

    #1858C8

  • 青檸名額提示

    #D7E94E

字體與間距

資料清楚,下一步自然明確。

時段使用較粗的無襯線字;詳細資料、標籤及會員證資料則採用清晰的中性字體。

五日選擇器保持輕巧,已選日期的時段列表和主要操作則保留獨立空間。

正常流程以外的狀態

未有活動預約

你暫時沒有活動預約。可以先瀏覽活動,選擇合適時段。

預約完成

已預留名額。可在即將參加的活動查看時間及地點。

時段已滿

這個時段已滿,請選擇其他時段。

為甚麼以五日行程作為入口?

會員可先比較短期安排,再開啟活動詳情。版面優先顯示可選時段,活動圖片佔用較少空間;每項活動旁仍有文字名額。