手機 App · 設計概念
食品自取 App
雜貨應用概念，展示瀏覽、四個裝蘋果詳情及自取核對，並說明數量和缺貨提示。
以下為設計概念，並非客戶項目。畫面屬靜態示意，名稱及數據均為虛構。
設計起點
由瀏覽到自取核對，貨品單位都要清楚。概念用四個裝蘋果說明包裝數量與個數的分別。
- 適用對象
- 選購雜貨並準備自取訂單的客人。
- 需要考慮的限制
- 四個裝 HKD 24 是虛構示例價格。概念不連接即時存貨，也不建立訂單、收款或預留自取時段。
建議的操作流程
- 01
瀏覽雜貨
瀏覽畫面介紹可選貨品。
- 02
查看包裝
蘋果詳情展示四個裝及示意價格 HKD 24。
- 03
核對自取
核對頁整理擬定訂單，不會提交。
為何這樣設計？
價格旁列明包裝
價格要有明確單位，選一包不能令人以為只買一個蘋果。
意向不等於留貨
自取核對不應暗示已預留存貨。正式服務須訂明缺貨及替代貨品規則。
細看視覺設計
以下是建議的設計樣式，屬靜態示例，並非可操作的功能或正式開發規格。
配色用途
購物背景
#F7F8EE
貨品操作
#437748
價格及標籤
#2E382C
字體與間距
資料清楚，下一步自然明確。
價格採用清楚的無襯線標籤，幣別、包裝大小和數量應同時看得見。
包裝資料與數量操作放在一起，自取安排則與購物籃內容分區。
正常流程以外的狀態
購物籃沒有貨品
購物籃目前沒有貨品，可先瀏覽再加入。
已加入一包
已加入一包四個裝蘋果，示例價格為 HKD 24。
包裝已缺貨
這款包裝暫時缺貨。請移除或選擇其他貨品再繼續。
為甚麼核對頁要再次顯示包裝大小？
數量可以指包數、個數或重量。將單位與所選數量一起列出，客人便不必只靠照片判斷買了甚麼。
