看京东和淘宝的地址薄设计----填写订单的场景下

本人在工作中碰到设计地址薄的工作，就是在填写订单的情况下填写地址。于是本着拿来主义，先参考京东和天猫的做法。

京东APP：

图1、订单页面--京东图2、收货地址--京东

在“订单页面“京东会自动填上默认地址，如果确实为所需要寄递地址，就可以直接进入下一步。如果不是，可以点击地址进入“收货地址”页面，在这个页面可以进行以下操作：1、点击某个地址。2、新建地址。3、点击编辑地址。4、长按除“默认地址”外的某个地址。其中操作1是将此地址带回订单页面，操作2、3两项是跳入新页面，操作4是弹出对话框，可以选择“设置默认地址”或“删除地址”。如下图：

图3、新建收货地址--京东图4、编辑收货地址--京东

图5、长按某个地址--京东

在“新建收货地址”和“编辑收货地址”页面点击“保存并使用”就会跳转回订单页面，带上刚填写的收货地址。“设为默认”和“删除地址”操作后还是在地址薄页面。

淘宝APP：

淘宝的“收货地址”页面不能管理收货地址，只能选择某个地址。如果要管理，还需点击“管理收货地址”，跳转到“收货地址管理”页面。

图6、订单页面--淘宝图7、收货地址--淘宝

图8、收货地址管理--淘宝

在“收货地址管理”页面，点击某个地址即跳入“修改和删除地址”页面。点击“新增收货地址”就进入“新增地址”页面。最后保存后都是回到“收货地址管理”页面。

图9、新增地址--淘宝 图10、修改和删除地址--淘宝

由上可见，京东和淘宝在“收货地址管理”页面的流程基本类似，都是在此页面可以进入编辑、删除、新增地址页面。但京东是把"收货地址"页面与“收货地址管理“页面合二为一的，不用像淘宝那样要点击“管理收货地址”才会进入“收货地址管理“页面，而且京东每次新增和编辑地址都会直接跳转回订单页面，而淘宝只是回到“收货地址管理“页面。这两种方式哪种好呢，我们不妨考虑下用户的使用场景，在订单选择地址时进行新增或编辑地址操作，多半人是这个订单下找不到匹配的地址，所以需要新增或编辑地址，也就是想这个订单使用此地址的，京东默认跳回订单，有其合理性。

综上所述，在订单填写地址的情形下，用户如果出现地址匹配不到的情况，京东的做法明显要方便用户操作。而淘宝的做法是把选择地址与管理地址的操作分开，这种方式方便程序实现，但其生生地让用户进入一个管理地址状态，不利于用户在匹配不到地址时的操作体验。

看京东和淘宝的地址薄设计----填写订单的场景下相关推荐

仿京东、淘宝首页，通过两层嵌套的RecyclerView实现tab的吸顶效果
为什么会有这篇文章之前写过一篇文章使用CoordinatorLayout过程中遇到的两个问题以及浅析CoordinatorLayout工作机制,这篇文章上主要讲了通过CoordinatorLayou ...
jQuery实例——仿京东仿淘宝列表导航菜单
以前看着京东,淘宝的导航做的真好,真想哪一天自己也能做出来这么漂亮功能全的导航菜单.今天弄了一下午终于自制成功,主要使用jQuery和CSS,实现功能基本和京东一样. 功能介绍: 1.鼠标停留导航: ...
基于JSON+JQuery实现的多条件筛选功能(类似京东和淘宝功能)
首先看一下实现效果: 现在JSON用于数据的封装和管理越来越流行,一直想着通过JSON实现很多的小工具,比如多条件筛选.表格定制化.数据验证.tree树等等,最近没事就用JSON和JQuery实现了类 ...
vue 实现仿京东、淘宝省市区三级联动
vue 实现仿京东.淘宝省市区三级联动在做电商或其他项目的时候,物流我们肯定会集成进去,那么我们肯定需要集成地址管理,地址管理除了最基本的省.市.区外,我们还要单独添加一个详细地址字段,不然我们无法 ...
京东，淘宝开放平台初探
前提这几天遇到一个需求,就是要接入京东,天猫等订单,然后采用顺丰进行发货处理,首先最主要的就是先了解下京东,天猫的接入流程. 京东:http://jos.jd.com/doc/channel.htm ...
应用内打开京东、淘宝指定商品或店铺页面
1.打开第三方应用指定界面要想打开第三方APP指定的界面需要知道该App 的 URL SCHEME,这里我列举一些,具体的可以在网上搜索到. 淘宝: taobao:// 微博: weibo://q ...
京东、淘宝、饿了么的提升用户留存率技巧 | 推荐收藏
我们把完成激活并在一段时间内继续进行使用.浏览.或者购买等关键行为的用户叫做留存用户.我们在做用户增长往往重视了获客,而容易忽略留存.就算我们获取的用户很多,如果留存差,当流失的用户大于获取用户数,我 ...
用户留存分析案例 | 以京东、淘宝、饿了么为例！
我们把完成激活并在一段时间内继续进行使用.浏览.或者购买等关键行为的用户叫做留存用户.我们在做用户增长往往重视了获客,而容易忽略留存.就算我们获取的用户很多,如果留存差,当流失的用户大于获取用户数,我 ...
京东，淘宝，苏宁，亚马逊爬虫抓取商品信息并分析数据（完整文件链接在文章最后）
1.简单说明京东,淘宝,苏宁,亚马逊中国抓取数据,存储到database 并进行分析 2.抓取的DIC the_basic_info = {'search_keyword': self.keywo ...

看京东和淘宝的地址薄设计----填写订单的场景下

看京东和淘宝的地址薄设计----填写订单的场景下相关推荐

最新文章

热门文章