文章对各大电商平台的收货地址进行了系列的对比分析,尝试归纳出一套体验较好、操作较快,认知明确的收货地址流程。希望能够本文对你有益。

说到关于收货地址的一些操作,想必用户和电商类的设计师都是非常熟悉的了,用户下单过程中就会进行收货地址选择,若是想更改收货地址时就需要进行编辑或者新增收货地址。本着提供更好体验以及设计提效的目的,我们从使用场景、操作效率、状态认知等方面对比分析了各大电商平台(天猫、京东、网易严选、苏宁易购、米家有品)的收货地址选择、编辑、新增、管理等操作流程以及表现方式,归纳出一套体验较好、操作较快,认知明确的收货地址流程,方便以后设计复用。

订单确认页的收货地址如何显示?

天猫:系统无收货地址时,会弹窗提示“你的收货地址为空,是否添加新的收货地址”,然后在弹窗内用“添加”按钮引导用户去添加收货地址;系统有收货地址时,为用户自动选中默认收货地址,但无默认地址标志;

京东:系统无收货地址时,选择收货地址的地方用黑色加大字号“新建收货地址”提示用户去新建收货地址;系统有收货地址时,为用户自动选中默认收货地址,且默认地址有标识出来,让用户清楚我们是基于默认地址自动为其选中的;

网易严选:系统无收货地址时,点击提交订单后直接进入【新建地址】页面,新建完地址后保存回到【订单确认】页;系统有收货地址时,为用户自动选中默认收货地址,且默认地址有标识出来;

苏宁易购:系统无收货地址时,会弹窗提示“您还没有收货地址,先去设置一下吧”,然后在弹窗内用“去设置”按钮引导用户去添加收货地址(“去设置”没有“添加”的指示性明确);系统有收货地址时,为用户自动选中默认收货地址,但无默认地址标识;

米家有品:系统无收货地址时,选择收货地址的地方用红色字体“没有地址信息,请点击后添加地址”提示用户去添加收货地址;系统有收货地址时,为用户自动选中默认收货地址,但无默认地址标识;

分析总结:

用户第一次使用APP购物没有收货地址时,系统应积极引导用户去新增地址,促进下单。京东、米家在选择收货地址处用文字提示,对用户的提示和促进作用不够强烈;网易严选是从购买直接跳转至新增收货地址页面,这样的跳转给用户有种突兀的感觉;天猫和苏宁则是在订单页面用弹窗的形式告知用户暂无收货地址,且弹窗有按钮引导用户去新增地址,这样既没有直接跳转那么突兀,而且提示的力度也恰如其分。

收货地址列表页

天猫:

京东:

网易严选:

苏宁易购:

米家有品:

分析总结:

进入到此页面,大多数情况说明用户想更改自己的收货地址:可能是给亲朋好友临时买个东西;可能是自己的常用住址或者个人信息发生了变化。针对这两种场景,需要让用户新增收货地址或者编辑现有收货地址;在新增或编辑的时候提供“设为默认”的功能,方便用户对地址的属性进行定义,就无需到【管理收货地址】页去设置,这样缩短了用户的操作路径,提升了用户体验。

另外,标记出当前所选地址和默认地址有助于用户快速做出选择;其次,京东左滑后可设为默认地址、苏宁左滑后删除单条收货地址的操作与点击收货地址将其选为订单确认页的收货地址的操作之间容易误触,而后者的优先级高,故建议不支持左滑后设为默认和删除的操作;最后,将默认地址置顶显示,其他地址依次按新建时间由近及远排列,符合现有市场用户的认知习惯。

新增/编辑收货地址

天猫:

京东:

网易严选:

苏宁易购:

米家有品:

分析总结:

新增或编辑收货地址时,有“设为默认”选项能够方便用户对地址属性的设定,增加用户以后下单选地址的便捷性,同时提供收货人信息的快捷选取入口,提高填写收货人信息的效率;从【选择收货地址】新增或编辑地址时,完成后用户是想使用此地址进行下单的,所以在完成新增或编辑后应该给用户“保存并使用”的选择,减少用户回到订单确认页的操作步骤,从【管理收货地址】新增或编辑收货地址时,用户下一步操作意图不明显,所以新增或编辑后,给用户“保存”按钮,回到【管理收货地址】让用户自行其他操作;编辑状态下包含删除操作,可以方便用户操。

管理收货地址

天猫:

京东:

网易严选:

苏宁易购:

米家有品:

分析总结:

作为专门管理收货地址的页面,那么增、删、改、查功能都得具备。而且为了缩短用户使用路径,在页面空间允许的情况下,可以将“设为默认”、“编辑”、“删除”全部展现出来;另外,用户操作后是越快有反馈体验会越好,所以,将某个地址设为默认后,应该在本页面立即刷新,将此地址置顶显示,同时,打上默认的标记,给用户明确的状态反馈。

通过以上的分析总结,归纳出以下一套体验较好、操作较快,认知明确的通用收货地址流程,当然,大家可以根据自己业务需求进行定制化设计,希望以下流程对大家有用。

作者:潘达,个人公众号:潘达设计小站,欢迎勾搭

本文由 @潘达 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自PEXELS,基于CC0协议

给作者打赏,鼓励TA抓紧创作!赞赏

4人打赏

新增收货地址管理 html,关于“收货地址”的二三事相关推荐

  1. uniapp开发微信小程序如何调取自带的地址管理 获取用户收货地址

    handleChoiceAddress(){let that = this// 1 获取权限状态wx.getSetting({success:(result)=>{//2 获取权限状态 当属性名 ...

  2. DRF 商城项目 - 用户操作(收藏, 留言, 收货地址)

    个人收藏 整体逻辑类似于 个人中心 ( 个人中心的相关逻辑梳理详情  点击这里 ) 也是两个序列化组价的分流 查看收藏  ( list ) 详情指向 收藏详情 的组价 创建收藏 ( create ) ...

  3. 数商云SCM系统订单收货场景介绍,探索采购新模式,提升汽车服务企业运营水平

    截至2022年3月底,全国机动车保有量达4.02亿辆,其中汽车3.07亿辆.随着汽车市场快速增长,市场不断淘汰落后产业模式,新的汽车服务模式在近年来层出不穷,汽车服务连锁扩张.汽配供应链建立.汽车维保 ...

  4. SAP 物料订单创建、下达、报工、收货与投料(ABAP代码)

    对主体订单下的某一类物料通过MRP控制者的判断,可以对此类物料进行自动创建生产订单,自动下达,报工.收货,最后对主体订单投料. 1.新增加一个MRP控制者:泵送钢管类物料的MRP控制者必须设置为168 ...

  5. 「SAP技术」SAP MM 委外加工采购流程里副产品的收货

    委外加工采购流程,在很多SAP项目里都有. 其标准流程是: 我方因受限于生产工艺或者生产产能不足,或者降低生产成本的缘故,需要寻找外部加工商的帮助.由我方提供部分或者全部的原材料给到委外加工商,加工商 ...

  6. mysql怎么实现确认收货_Tp结合redis实现订单自动收货

    做的电商平台,用户在收到货之后,大部分都不会主动的点击确认收货,导致给商家结款的时候,商家各种投诉,于是就根据需求,要做一个订单在发货之后的x天自动确认收货.所谓的订单自动确认收货,就是在在特定的时间 ...

  7. MIGO+103收货到GR冻结库存和MB1B+344从非限制到冻结区别?

    很少见到有人将移动类型103和344进行比较的,因为两个移动类型有些不太相关,而且触发的事务也不相同. 1,移动类型103,可以认为是有条件的采购收货,因为在收货的时候,库存数量会增加(Block Z ...

  8. sap 标准委外和工序委外_「SAP技术」SAP MM 委外加工采购流程里副产品的收货

    「SAP技术」SAP MM 委外加工采购流程里副产品的收货 委外加工采购流程,在很多SAP项目里都有. 其标准流程是: 我方因受限于生产工艺或者生产产能不足,或者降低生产成本的缘故,需要寻找外部加工商 ...

  9. word2003如何设置护眼模式_ERP系统上线,如何设置采购收货的模式,提升企业的采购效率...

    如何合理的规划采购计划 上次去拜访一个朋友,他们说公司既然出现没有下达采购订单,供应商也有送货过来的事情,对于公司来说,这个是非常严重的问题. 若用了ERP系统之后,如何避免类似的事情发生,今天我们来 ...

  10. SAP采购中基于收货的发票校验应用逻辑及控制

    在采购订单中中,有一个基于收货的发票校验选项,采购需要根据业务实际情况来进行选择.该功能是采购中具有重要意义的一项定义.决定财务在做发票校验及结算采购费用时,是否要依据收货情况.比如,采购订单中需要采 ...

最新文章

  1. 走火入魔 | 暑期电子设计课程学生们的作品
  2. Python 科学计算库 Numpy(一)—— 概述
  3. Go 导入当前项目下的包
  4. 安装Docker的三种方式
  5. Python安装扩展库与打包成exe可执行文件的方法
  6. python--递归、二分查找算法
  7. Mozilla Thimble,在线html,javascript编辑器
  8. 概率论:均值、标准差、方差、协方差、矩
  9. atitit 2017年学业计划 v5 r818.xlsx
  10. VScode C语言环境搭建教程
  11. 海思3516A bt1120 视频输入相关总结
  12. 固态硬盘计算机怎么自定义分区,固态硬盘做系统分区教程-固态硬盘如何分区?...
  13. 将字符串中的大写字母转换为小写字母
  14. tplink控制上网设备_Tplink上网控制怎么设置限制小孩上网教程
  15. Windows 10 版本 1507 中的新 AppLocker 功能
  16. 2021-07-15 声音一些基本概念
  17. php 如何创建一个对象,创建一个PHP对象 - BENNEE的个人空间 - OSCHINA - 中文开源技术交流社区...
  18. 练习:测测你优势教养的程度
  19. 朋友圈如何秀一把!用Python一键生成炫酷九宫格图片!
  20. 三个基本的布尔逻辑算符是_布尔逻辑算符.ppt

热门文章

  1. 论文解读:iDRNA-ITF:基于诱导和转移框架识别蛋白质中的DNA和RNA结合残基
  2. 如何在PPT中设置选择题
  3. fd在python_python中fd()是什么
  4. LaTeX使用tikz-imagelabels宏包在图片上添加标签、文字等
  5. python爬取淘宝数据遇见的坑
  6. 制作文字水印图片、图片水印
  7. 个人网站添加百度统计
  8. 使用MapReduce实现k-means算法
  9. 关于JSON的常见问题以及首字母大写的JSON
  10. 【雪野实训记录】Oracle数据库 T4作业——事务和数据库对象