QRDER · 产品界面设计示例

要求人们行动前,先让状态清晰。

本案例说明现有设计素材中的界面。它不代表已部署的客户成果,也不宣称取得了可衡量的结果。

面向顾客的 QRDER 餐厅菜单,包含分类、菜品和价格
顾客菜单示例 · 名称、详情和价格均为示例。
问题

顾客视图与运营视图可能逐渐脱节。

当前状态难以阅读时,即使是小小的菜单或主题更改也很难让人信任。

设计展示的内容

一个菜单,并明确标示编辑状态。

提议的系统把顾客菜单与主题选择、未发布更改标签、预览和运营背景连接起来。

设计希望实现的结果

发布前更清晰的审核。

运营人员可以识别已应用主题、看见尚未发布的更改,并选择下一步编辑或审核行动。

按钮之前先给状态标签

已选择不等于已上线。

主题库同时显示“已应用主题”和“未发布更改”。已选择卡片展示设置和编辑控件;其他卡片保留预览和详情。这个区别正是案例的实用部分。

面向顾客的 QRDER 餐厅菜单
设计展示01 / 03
顾客从顾客真正使用的菜单开始

清晰的顾客视图让系统目的变得具体。

显示已应用主题和未发布更改标签的 QRDER 主题库
显示明确状态标签和不同控件的主题库设计。
带有示例餐厅指标的 QRDER 面板
运营视图设计。指标和业务详情为示例,并非报告结果。

轮到你了

你未完成的事情目前处于什么状态?

找到我的第一步 · 英文查看其他完成的作品