博客 · 2017-09-11

用户中心改版

← 返回博客列表 · 约 1624 字

目标

涉及的页面: CN:http://account.oneplus.cnhttp://my.oneplus.cn/order US:https://oneplus.net/customer/info IN:https://oneplusstore.in/customer/info 1、改进当前问题 2、全站统一的交互形式      

问题是什么?

1、用户中心信息显示和用户关心内容不符;

 A、主要在于订单信息藏得太深
 B、用户进入用户中心后,不能直接展示其需要操作的部分;
 C、对于用户不需要/无价值的功能也展示

2、结构关系不够明晰;

 A、安全只有重置密码功能,合并到账号信息中;
 B、服务信息让用户不知道用来做什么;
 C、CN券的展示很奇怪;

3、交互不够友好

A、表单/修改的交互很不友好;
 B、订单列表的分类有问题;
 C、Ticket的跳转有问题

3、信息展示问题

A、订单详情
 B、内容为空的引导
 C、分栏的顶导不一致
   

改进了什么?

1、改变布局结构与样式,更好的自适应移动端;

布局结构左右->上下 PC与移动端     结构内容改版为4-5个  

方案

Show a mobile demo: [caption id="attachment_231" align="aligncenter" width="360"] 移动端Demo演示/Show mobile Demo[/caption]   Show a PC demo: 依据用户行为,合并为5个栏目 1)订单操作; A、说明 订单分核心信息和详情信息; 核心信息展示物流+商品+最需要的操作; 详情信息集合了全部重要的信息; 在Order首页,展示整个商品从下单到完成的周期:订单未支付- 订单成功尚无物流-订单有物流-订单签收-订单成功; [gallery columns="1" size="full" ids="236,237,239,238"]   B、场景: · 我下单了,想查看物流信息->下单时间->支付价格信息->保修发票信息-该订单的收货信息; · 提交了,支付页面关闭了,重新支付; · 我想看下很久之前下单订单的信息; · 我买的东西质量/不想要出问题了,申请售后、查询相关政策,找人咨询,咨询时需要提供该信息; 2)修改收货信息 A、说明:集合地址信息和银行卡信息 地址交互:http://cf.onepluscorp.cn/pages/viewpage.action?pageId=19267869   B、场景 · 查看、删除、编辑、增加我的地址。 ——根据下单用户的地址数量判断,该情况较低。 很有可能的场景是:直到二次购买时,地址改变才会被真实用户重新看到; · 添加、修改、删除我的支付信息     3)优惠信息的操作 A、说明 将各类优惠券与优惠活动集合在该板块; 其中,各类优惠券,用户没有时,隐藏。比如邀请码,没有邀请码的用户将无法看到该模块。 用户通过一个入口进行添加各类优惠券。     B、场景 · 我从邮件、其他网站、他人分享、活动信息等得到了券,要添加到我的账户; · 我想知道我的券,面值、使用条件、过期日期; · 看了券后直接点击去用——>打开的页面应该是直接符合使用条件的页面; · 有个节日活动促销,有人人领取的券需要领用;   4)账号操作 将账号编辑页面分离出来,用于统一的资料编辑; 账号信息将展示账户的资料、第三方绑定、密码修改、其他使用该账户的入口; · 我想查看使用的邮箱、手机、账户; · 我在社区活跃、准备传一些照片到Shot on OnePlus,去编辑下昵称、个人说明、国籍、个人站点/博客; · 因为使用频繁,想增加一些便捷的方式——绑定第三方账号; · 我想看下我的积分、荣誉之类的信息——如果有的话,在看下如何得到这些; · 如果账号支持其他的,如云同步、论坛管理、Shot on OnePlus,我想直接点击过去;   5)售后操作 · 我申请了维修、退货、换货,要查询进度;到了哪个节点,我要做什么操作;退款什么时候到,什么时候取货,退货物流,换货物流,该联系谁,我要投诉之类的; · 我想知道如何申请售后,以及相关政策是什么; *服务模块理顺后在调整;       确定的: 1、 样式结构优化为4个模块(订单、优惠、账户、服务),上下结构,移动端优先; 2、 订单列表与详情交互方式; 3、 优惠整合为一个模块; 4、 弱化地址,将地址放入账户; 后序部分: 1、优惠信息 A、有多少种类的券和优惠/促销方式,排序规则; B、添加券时的报错,券过期等地筛选方式; C、添加券时,添加按钮与展示的引导性需要加强;   2、订单A、未支付时不用Live chat; B、列表按钮契合用户当前最需要的操作:成功后为申请售后; C、成功的订单不可删除; D、订单列表物流信息处始终展示订单状态——额外的一些异常,卡卡去整理;   3、服务部分,去找服务的产品了解情况;有两个建议: A、没有售后的用户直接隐藏服务模块; B、将服务模块展示当前还可以进行的保修的订单,用户直接可以发起售后;   4、账户编辑部分,签名移除(Shot on OnePlus和论坛各有自己的签名);需要编辑的表单后续和论坛以及SOO产品进行确认。
↑ 返回博客列表