功能描述
1.选择配送地址
2.新建配送地址
3.查看订单摘要
界面1(未登入帐号页面)
界面2(已登入帐号)
界面元素-其他
名称 | 用途 | 显示 | 交互 |
---|---|---|---|
购物步骤 |
显示当前购物进度 |
当前步骤及之前,底色变红 |
无 |
运输方式 |
选择运输方式 |
单选框+文本:金额,运费方式 |
1.选择运输方式 |
下一个 |
进入评论和付款页面 |
【下一个】按钮 |
1.点击按钮,进入评论和付款页面 |
订单摘要 |
展示订单摘要 |
字段:购物车中的项目 数字:统计购物车中的项目数量 |
1.点击字段,显示购物车中的产品列表 |
界面1(未登入帐号页面)元素-配送地址
名称 | 用途 | 显示 | 交互 |
---|---|---|---|
电邮地址 | 输入电邮地址 | 输入框,必填,默认空白 | 1.输入电邮地址 |
![]() |
提示 | 图标:![]() |
1.点击图标,弹出提示文本:我们将发送订单信息到这 2.点击图标,弹出提示文本:关于交货问题 |
联络信息 |
填写联络信息 |
姓名,输入框,必填,默认为空 姓氏,输入框,必填,默认为空 公司,输入框,选填,默认为空 电话号码,输入框,必填,默认为空 |
1.填写姓名,姓氏,公司(选填),电话号码 |
地址信息 |
填写配送地址 |
会员地址,输入框2个,必填,默认为空 城市,输入框,必填,默认美国 州/省,下拉框,必填,默认:请选择地区,州或省。 邮政编码/邮编区号,输入框,必填,默认为空 国家,下拉框,必填,默认为空 |
1.输入邮政编码/邮编区号时,弹出提示文本格式是否正确 |
运输方式 | 选择运输方式 | 单选框+文本:金额,运费方式 | 1.选择运输方式 |
下一个 | 进入评论和付款页面 | 【下一个】按钮 | 1.点击按钮,进入评论和付款页面 |
订单摘要 | 展示订单摘要 |
字段:购物车中的项目 数字:统计购物车中的项目数量 |
1.点击字段,显示购物车中的产品列表 |
登入 | 进入登入页面 | 字段:登入 | 1.点击字段,进入登入页面 |
界面2(已登入帐号)元素-配送地址(帐户已设置地址)
名称 | 用途 | 显示 | 交互 |
---|---|---|---|
配送地址 |
展示已设置的地址 |
显示帐户中设置所设置的地址 默认框选已设置的配送地址 |
1.红色框框选帐户中设置所设置的地址 |
配送到这里 | 更改配送地址 | 【配送到这里】按钮 |
1.点击按钮,红色框对应框选,配送方式随地址更新价格 |
+新地址 | 增加新的配送地址 | 【+新地址】按钮 | 1.点击按钮,显示信息输入框 |
地址信息 |
填写配送地址 |
会员地址,输入框2个,必填,默认为空 城市,输入框,必填,默认美国 州/省,下拉框,必填,默认:请选择地区,州或省。 邮政编码/邮编区号,输入框,必填,默认为空 国家,下拉框,必填,默认为空 |
1.输入邮政编码/邮编区号时,弹出提示文本格式是否正确 |
联络信息 |
填写联络信息 |
姓名,输入框,必填,默认为帐户的姓名 姓氏,输入框,必填,默认为帐户的姓氏 公司,输入框,选填,默认为空 电话号码,输入框,必填,默认为空 图标:![]() |
1.填写姓名,姓氏,公司(选填),电话号码 2.点击图标,弹出提示文本:关于交货问题 |
保存到地址薄 | 保存到地址薄 | 勾选框,选填 | 1.点击勾选,显示√ |
Ship here | 确认配送地址 | 【Ship here】按钮 |
1.点击按钮,红色框对应框选显示编辑字段,点击字段可进行编辑地址,配送方式随地址更新价格 2.【+新地址】按钮消失 |
取消 | 取消增加新的配送地址 | 【取消】按钮 | 1.点击按钮,取消增加新的配送地址 |
界面2(已登入帐号)元素-配送地址(帐户未设置地址)
名称 | 用途 | 显示 | 交互 |
---|---|---|---|
配送地址 | 标题展示 | 文本 | 无 |
联络信息 |
填写联络信息 |
姓名,输入框,必填,默认为帐户的姓名 姓氏,输入框,必填,默认为帐户的姓氏 公司,输入框,选填,默认为空 电话号码,输入框,必填,默认为空 |
1.填写姓名,姓氏,公司(选填),电话号码 |
地址信息 |
填写配送地址 |
会员地址,输入框2个,必填,默认为空 城市,输入框,必填,默认美国 州/省,下拉框,必填,默认:请选择地区,州或省。 邮政编码/邮编区号,输入框,必填,默认为空 国家,下拉框,必填,默认为空 图标: |
1.输入邮政编码/邮编区号时,弹出提示文本格式是否正确 2.点击图标,弹出提示文本:关于交货问题 |