网站 · 设计概念
餐厅订座体验
餐厅设计研究，展示桌面端菜单、移动端选时及订位核对流程，并说明建议采用的可订状态和校验提示。
以下是概念设计，并非客户项目。展示内容为静态效果图，名称和数据均为虚构。
设计出发点
把用餐氛围的展示与订位安排衔接起来。深色网站用图像介绍餐厅，移动端则把重点放在时间选择及信息检查。
- 面向谁
- 浏览菜单并通过手机安排到店用餐的顾客。
- 需要考虑的限制
- 菜单必须在深色风格中保持清晰。本概念只展示订位信息核对，不查询实时座位，也不确认预订或收取订金。
建议的操作流程
- 01
查看菜单
桌面端以深色杂志式布局介绍餐饮风格，同时呈现菜单内容。
- 02
选择到店时间
移动订位页专注于时间选择，与菜单浏览区分开来。
- 03
检查订位请求
移动端核对页汇总计划中的到店信息，不代表餐厅已确认预订。
为什么这样设计？
保留清晰的菜单文字
米白色区域和少量强调色用于平衡深色背景。菜品信息以可读文字呈现，不应只放在照片中。
明确订位处于哪一步
选中时间只是提出意向。实际产品需要分别说明座位暂留、请求待处理以及预订已确认的状态。
细看视觉设计
以下为建议的设计样式，均为静态示例，不是可操作功能或正式开发规范。
配色用途
餐饮展示背景
#142C26
菜单底色
#F4EAD8
订位提示
#B8774F
字体与间距
信息清楚，下一步明确。
衬线标题表达餐饮风格，时间、人数及填写说明采用易读的无衬线字体。手机上的数字应便于辨认和比较。
菜单不同类别之间留出间隔。时间选项集中排列，同时保留触控距离；核对摘要与后续按钮分区展示。
正常流程之外的状态
暂无可选时间
当前条件下没有可订时间。请调整日期或用餐人数。
时间已选
已选择时间。申请订位前请检查信息。
时间不可预订
所选时间已不可预订。请选择其他时间后继续。
为什么不能把订位核对页当作预订确认页？
选中的时间可能还需要核查座位或等待餐厅处理。核对页供顾客检查信息，不能暗示座位已被保留。确认文案需要以预订服务的真实返回结果为依据。
