真实点餐场景
基于用户的实际需求，
还原从选择门店到下单
的完整体验。
PRODUCT DESIGN · 01
Domino 点餐系统
从登录、门店选择、菜单浏览，到披萨定制与结算，
设计一次完整的移动端点餐体验。
完整任务流程
覆盖登录、选店、浏览
菜单、披萨定制、购物车
与结算等关键环节。
关键状态设计
考虑加载、空状态、
错误提示等细节，打造
流畅友好的使用体验。
PRODUCT DESIGN · 02
一次点披萨，其实包含很多连续决策。
在设计具体页面之前，我们先梳理了用户从产生需求到完成下单的完整任务流程，
明确每个环节的目标、关键决策点和可能的用户问题，确保整体体验顺畅、连贯。
进入产品
打开 App，
进入达美乐首页。
登录 / 注册
使用手机号快捷登录，
或新用户注册。
选择门店
根据当前位置或搜索，
选择合适的门店。
浏览菜单
浏览各类披萨、小食、
饮品和套餐，选择喜欢
的商品。
选择商品
查看商品详情，
选择尺寸与饼底。
定制披萨
选择喜欢的配料，
按照个人口味定制
专属披萨。
加入购物车
确认已选商品，
可继续加购或直接结算。
结算下单
选择配送方式、填写地址
并完成支付，提交订单。
PRODUCT DESIGN · 03
先确定从哪家店下单，
再快速找到想吃的披萨。
定位你附近的达美乐门店，浏览丰富的披萨与美食，
轻松把美味加入购物车。
当前定位
快速获取你的位置，
自动推荐附近的门店。
附近门店
查看门店距离、
营业状态和预计送达时间。
地图导航
一键打开地图，
轻松规划到店路线。
菜单浏览
Browse Menu
PRODUCT DESIGN · 06
从产品思考到页面设计。
项目从用户任务出发，先梳理核心目标与使用场景，再逐步落地到流程、
页面、状态和交互细节，最终形成完整的产品体验。
Flow before screens
先理解用户的目标与真实场景，梳理完整的任务流程，
再进入页面设计，确保每个界面都有明确的作用。
States matter
考虑不同状态下的页面呈现，如加载、空状态、错误提示、
成功反馈等，让体验更加稳定、清晰和友好。
Complex decisions can be simple
通过清晰的信息层级、渐进式选择和即时反馈，
把复杂的定制流程变得简单、直观、有趣。
PRODUCT DESIGN · 05
不仅设计正常路径,也考虑异常和反馈。
从手机号校验、验证码、协议确认到错误反馈与购物车状态，全面考虑用户在关键环节的操作体验。
默认登录
支持手机号或密码登录，
并提供第三方快捷登录。
手机号错误
实时校验手机号格式，
并在输入框下方提示错误信息。
验证码输入
输入 6 位验证码，支持倒计时
与重新发送，提升操作效率。
密码错误
当密码输入错误时，
给出清晰的错误提示。
未勾选协议
未勾选用户协议时，
明确提示并阻止下一步操作。
购物车状态
清晰展示已选商品、数量修改
与优惠信息，实时更新总价。
PRODUCT DESIGN · 04
把一个复杂选择，
拆成连续的小决定。
披萨定制包含尺寸、口味、饼底、基础配料和
附加配料等多个选择。我们将复杂的决策过程
拆解为清晰的步骤，让用户一步步做出选择，
轻松完成个性化披萨。
Size 尺寸
多种尺寸可选，满足不同食量
和用餐场景。
Flavor 口味
多种经典风味，满足不同口味
偏好。
Crust 饼底
多种饼底选择，带来不同的
口感体验。
Base Ingredients 基础配料
精选经典食材，构成这款披萨
的美味基底。
Extra Toppings 附加配料
多种人气配料可选，随心添加，
打造专属于你的披萨。
