App 提交运送界面改版

B-业务线 App 提交运送

文档改动

原需求

以下正文

1. 提交运送界面(界面 1)

查看原图

在“我的仓库”提交运送时, 正常情况下会进入此界面.

特殊情况: 当没有任何一个收货地址时, 会进入“添加收货地址”界面, 添加完成后讲该收货地址作为“默认收货地址”并返还到上图的界面中

1.1 引入默认收货地址功能

• 在有“默认收货地址”的情况下, 从“我的仓库”进入此界面时, 会自动将可选的“运送方式”列在界面上以供用户选择.
• (手机 App) 默认收货地址 = (PC)常用收货地址 = (iPad)默认收货地址

使用其他收货地址

不论账号上有几个收货地址, 点击此栏都会进入选择收货地址界面(界面 3)

运送方式(无敏感品 / 重抛商品)//直接把打开界面的导航栏标记上去(左上,中间,运送方式)

查看原图

• 默认不选中任何一种运送方式;
  点按每种运送方式的灰色栏(名称 + 总价), 可选中该组/种运送方式;
  点按每种运送方式的白色栏(具体运送方式 + 价格 + 运送时长), 进入包裹详情界面(界面 4)
• 选中任何一种运送方式时, 在底栏显示“共1个包裹”以及“运费合计RMB XXX.XX”
• 未选中任何一种运送方式就点击 前往结算 时, 不显示 前往结算 左边两条信息, 此时点击 前往结算 时黑框提示“请选择运送方式”

1.2 运送方式(敏感品 / 重抛商品)

查看原图

• 默认不选中任何一种运送方式;
• 未选中任何一种运送方式组合时, 不显示 前往运送 左边两条信息, 此时点击 前往结算 时提示 "请选中运送方式"
• 在选中了一种运送方式之后, 再次点击不能反选;
• 当提交运送的商品中有“敏感商品”或者“重抛商品”时, 提示“您选择的商品中包含敏感商品或重抛商品”;
• 拆包的情况发生时, 只有“EMS”和“敏感品专线”可以承运敏感品, 当然“中国大陆转运”也可以, 标记不要像老 iPad 版一样弄反了;

敏感/重抛/普通/全部

• 界面上的 "敏感/重抛" 对应的是 (拆包情况时) 支持 "敏感品/重抛商品" 的运送方式 (EMS/EMS经济型/敏感品专线)
• "普通" 对应的是 (拆包情况时) 不支持 "敏感品/重抛商品" 的运送方式
• "全部" 对应的是 (不拆包情况时) 的运送方式

点按每种/组运送方式的灰色栏(名称 + 总价), 可选中该组/种运送方式;
点按每种/组运送方式的白色栏(具体运送方式 + 价格 + 运送时长), 进入包裹详情界面(界面 4)

• 选中任何一组运送方式时, 在底栏显示“共X个包裹”(X = 该组运送方式下的运送方式数量)以及“运费合计RMB XXX.XX”
• 未选中任何一组运送方式就点击 前往结算 时, 不显示 前往结算 左边两条信息, 此时点击 前往结算 时黑框提示“请选择运送方式”

1.3 备注栏

• 备注栏默认状态显示一行, 如果所填的信息超过一行, 则换行显示;
• 激活备注栏文本框焦点时, 界面不需要整体往上移(Y坐标保持不动).

@杨雪 在原界面上需要增加的部分:

• 隐藏掉“特惠线”和“EMS(经济型)”;
• 仅保留必要包装的选项

2. 添加收货地址界面(界面 2)

查看原图

2.1 表单输入控件限制

2.1.1 输入数据异常时

每当 "文本框丢失焦点/换行"的时候判断, 如果出现异常则:

1. 清空该文本框
2. 弹出提示
请填写正确的"..."//"..."为该文本框标题

2.2 交互动作

• 点击键盘上的 下一项 / Next 可跳至下一个文本框内(详细地址里点击时, 最好能直接弹出选国家的列表);
• 点击 保存 时对收货地址信息从上而下依次进行判断, 如果有任何一项没填写或者输入数据异常时, 提醒 "请完善收货地址"
• “联系电话”下面增加一项填写数据“电子邮箱”, 账号已经设置邮箱时默认填写并且不可更改, 账号没有设置邮箱时可以填写; // 此信息从 Ver 5.4 增加了联合登录之后就已实装
• “设置默认地址”设置了之后, 每次提交运单界面会显示此收货地址
  

  一个账号中, 默认地址最多只会有一个

• 激活任意文本框后, 上半部分的表单整体上移 400 px@2X, 以便用户在输入时可以及时看到输入的信息
• 没有任何一个文本框获得焦点时, 上半部分的表单整体下移至默认位置
• 添加完成后
  * 如果原来没有收货地址, 则直接跳转到选择运送方式界面 //最好是这样, 因为刚才设置的就是默认地址, 不需要选择了
  * 如果原来有收货地址, 则添加完成后停留在收货地址管理界面

2.3 关于设置默认收货地址按钮

在点击 保存 的时候进行判断是否替换掉默认收货地址.

2.4 相关界面文案调整

导航栏标题“国家列表”改为“国家/地区列表”

3. 选择收货地址界面(界面 3)

查看原图

3.1 展示数据与收货地址的对应关系

电话号码在“添加 / 编辑”的时候输入什么, 在其他界面上就显示什么(认为图中的短横杠是用户自己输入的即可)

3.2 数据排序

• 默认收货地址永远在最上面, 不论是刚添加的(添加时设置)还是修改出来的;
• 剩下的收货地址按照添加时间越接近现在的排在越上面(需要服务器端做好排序)

3.3 交互部分

• 刚进入界面的时候, 不默认选中任何一条收货地址
• 点击右上角 添加 后, 从屏幕右侧向左移入“添加收货地址”界面(界面 2)
• 点按一条收货地址 → 选中该收货地址, 界面返回前一界面
• (iPhone 版)向左轻扫Swipe / 拖动Drag 一条收货地址 → 收货地址整体左移, 显示出 编辑 和 删除 按钮, 类似“购物车”
• (Android 版)长按一条收货地址 → 收货地址整体左移, 弹出一个含 编辑 、 删除 和 关闭 按钮的对话框 , 类似“购物车”
  

  Android 版顺便把购物车的长按菜单也增加一个 关闭 按钮, 原来点击背后阴影取消菜单的功能不变

• 激活任意文本框后, 上半部分的表单整体上移 400 px@2X, 以便用户在输入时可以及时看到输入的信息
• 没有任何一个文本框获得焦点时, 上半部分的表单整体下移至默认位置

• “编辑收货地址”时所有信息仍然都是必填项;
• “联系电话”下面增加一项填写数据“电子邮箱”, 账号已经设置邮箱时默认填写并且不可更改, 账号没有设置邮箱时可以填写; // 此信息从 Ver 5.4 增加了联合登录之后就已实装
• “编辑收货地址”时如果选中了“设为默认地址”后点击 保存, 那么返回“选择收货地址”界面时, 注意将新的“默认地址”移至最上面, 并且 [默认地址] 标在新的“默认地址”上;
  一个账号中, 默认地址最多只会有一个
• 删除默认收货地址时, 自动将原本排在第二位的收货地址设为新的默认收货地址;
• 删除最后一个收货地址(这个收货地址应该是默认收货地址)后, 界面停留不做跳转, 需要注意的是:
  

  • 这时添加收货地址时, 添加的是“默认收货地址”(因为是第一个);
    
  • 这时点 < 按钮, 直接返回“我的仓库 - 已到货”界面

4. 包裹详情界面(界面 4)

查看原图

4.1 预估重量说明

• 当包裹中的商品总重量(不是预估重量) ≤ 1800g 时点按白色栏(具体运送方式 + 价格 + 运送时长), 预估重量后面增加一句补充说明, 如上图右上部分

  (含包装重量及 50g 包裹面单重量)

• 当包裹中的商品总重量(不是预估重量) > 1800g 时点按白色栏(具体运送方式 + 价格 + 运送时长), 预估重量后面增加一句补充说明, 如上图右上部分

  (含包装重量)

5. PC 版同期需求

确认商品清单页面增加预估重量说明

https://www.zybuluo.com/jean/note/209038