恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
唯品会支付及我的资产交互建议
0.0°
2016-08-17 原创文章 经验/观点 举报 10071 120 44 12

分析一下唯品会支付页面以及个人中心-我的资产列表中的交互设计,给出我的个人建议。


首先我们来看两个用户,我和我的朋友,我是新手用户-铁牌会员,而她是资深用户-皇冠会员。

Image title


由于用户级别不同,我的资产页面中呈现的内容也不同。我们来看一下我的资产里面有哪些内容,并为这些内容进行分类:


Image title

Image title

对比上面两张图发现,我的资产的列表分为三大类内容:资金、卡券优惠、理财。区别是会员级别不同,资深用户列表有唯品花的功能,而新手用户没有。

针对现有界面的设计,结合这三种分类,我们来分析一下现有问题:


1、分类有些混乱

设计师与心理学一书中写道:既然人会不由自主的寻找规律,那就尽量多使用规律,利用分组和间隔创造规律。

建议针对资金、卡券优惠、理财这三个分类进行重新分组,让用户的视觉更加清晰。


2、用户关注的信息隐藏过深

我还有多少资金?我有唯品卡吗?我还有多少唯品币?我还有几个红包优惠?这些通通都是用户关心的问题。女人常因为50元的优惠券去购买几百块的东西,便宜不占白不占,把这些信息全部展示出来,就像在跟她们说:我有便宜,快来占呀!

而现在的界面,如果你想查看一下唯品币,需要层层深入:

Image title

如上图所示:我们要进入个人中心--我的资产--我的唯品币,层级太深。为何不把这些带有暗示和勾引消费性质的信息展示出来呢?这点个人觉得京东做的就很不错,将京豆、优惠券、白条、京东E卡都展示在个人中心页面,让用户知道原来我还有这些便宜可以占哦!

Image title

因此建议提升卡券优惠分类的信息层级,使其更加扁平化,进而刺激用户购买欲。


3、突出唯品宝的吸引力-新人10%的高收益

将优惠券的层级提升后,我的资产中只剩下了资金和理财两个分类。资金和理财可以互相结合,因为用户的资金都在银行卡里,或者在微信钱包和支付宝里面,可以说用户的资金放置习惯已经形成,想要把资金从用户的口袋里面拿出来,高收益自然是最大的吸引力力,唯品宝的新人10%的高收益就非常吸引人。

这也让我想起了我现在所居住的小区物业推出的理财产品,就是拿10%的高收益来吸引用户投钱的,即使大家觉得不太安全,但还是有很多人愿意一试。

而唯品宝现在的定义是随存随去高收益,但现在哪怕4%的收益,商家也会宣传是高收益,而实际上在用户看来这个收益很普遍。用户更关心的是到底有多高的收益。如果你直接定义:新人10%高收益,肯定对用户更有吸引力,毕竟在唯品会这个大平台上资金是安全的,10%的高收益太吸引人了。


4、唯品花的交互流程有些混乱

Image title

如上图所示,这个新手用户的账号开通了唯品花功能,但奇怪的是,当我再次进入我的理财,依旧看到了开通唯品花的button,点击进入唯品花页面时,显示已开通。更为奇怪的是,当我支付时,并未显示唯品花的支付选项。

Image title


而我们点击进入资深用户的唯品花功能,发现用户其实并未开通此功能,但已经显示在我的资产列表中。当资深用户开通后,就可以使用唯品花支付了。

在资深用户这里也一样,开通后进入的理财页面依旧有开通唯品花的button。


这整个流程下来,有以下疑问:

  • 唯品花其实是促进用户消费行为的功能,并不属于理财产品,放在理财里面个人觉得不是特别合适
  • 唯品花的层级比较深,但如果想要达到促进用户消费的目的,放在个人中心页面会更合适些。
  • 如果新手用户还没有资格使用唯品花,为何不给用户无法开通的提示,例如:您还不是皇冠用户,或者您的消费还没达到多少不能开通这样的提示,告诉用户开通的条件,而不是让用户开通后无法使用。
  • 用户已经开通了唯品花,但我的理财页面依旧显示这点,好像在提示用户开通失败了。因此建议开通后,在理财页面不予显示。


以上是我个人对我的资产列表页面的4个建议,接下来我们来深入每个选项的下级页面。


1.结算和支付页面


Image title


首先是结算时将货到付款作为默认选项违背了用户的实际使用情景,因为货到付款时提交订单后直接就购买成功了,因此当用户忘记切换付款方式时,订单已经生成。这就比较尴尬了。

  • 在互联网金融高速发展的现在,很多年轻人已经习惯于使用支付宝和微信支付来进行日常消费,没有携带大量现金的习惯。这种货到付款的方式需要他们专门提款后付款,如果忘记取款还要去借钱。
  • 用户收货地址一般有两个,公司或者家里,而现在的年轻人在工作日时家中往往无人收货,所以速递易这种快递站成了各个小区的标配。

唯品花其实可以和在线支付、货到付款相同的付款方式出现在结算页面,而不是作为一张银行卡展示在支付页面。在结算时就告诉用户,你还有很多可以支付的资金哦!

还有就是支付页面取消的icon X号太明显了,进入这个页面一眼就会注意到它,但为了达成交易,建议缩小此icon并降低透明度。


2、唯品钱包

Image title


唯品会钱包页面的层级本身就比较深,用户难以发现。和皇冠会员朋友聊天时她惊讶的说:原来这里有钱包啊,你不说我都没有发现。而且进入钱包后无法充值,更何谈提现。


3.唯品卡页面

Image title


用户获得唯品卡的途径一般有两个,一个是作为banner推送,另外就是在我的资产页面中看到并购买,banner不太可能持续推送,推送时也不一定每个用户都会看到,但只要用户进入我的资产页面就会看到唯品卡,那为什么不在这个页面就告诉用户唯品卡的一些重要信息呢?

  • 这是打折卡?还是现金卡?
  • 是否有优惠?有什么优惠?

将这些信息层级展示出来会更能让用户明白并吸引他们。


4.我的银行卡页面

Image title


如上图所示,进入我的银行卡页面,只能查看绑定过的银行卡,和申请开通联名信用卡,我的疑问是:

  • 为什么只能在支付页面添加银行卡,却不能在我的银行卡页面添加?
  • 为什么用户要开通联名信用卡,这个卡片的吸引力能否在我的银行卡页面展示出来,让用户更直接的获取信息


最后总结一下:

首先在我的资产页面:

1、建议针对资金、卡券优惠、理财这三个分类进行重新分组,让用户的视觉更加清晰。

2、用户关注的信息隐藏过深。建议将唯品币、唯品卡、红包等卡券优惠信息展示在个人中心页面,刺激用户购买欲

3、突出唯品宝的吸引力-新人10%的高收益

4、建议优化唯品花展示、开通以及使用的交互流程。


其次是深入每个选项:

1、结算和支付页面

  • 在结算页面,建议选择在线支付为默认选项
  • 建议将唯品花从支付页面提升一级至结算页面
  • 建议将支付页面的取消icon缩小并降低透明度

2、唯品会钱包

  • 建议将唯品会钱包提升一级至个人中心页面,让用户更容易发现
  • 钱包一定要可以充值

3、唯品卡页面

     展示更多唯品卡的诱人信息


4、我的银行卡页面

  • 展示更多开通联名信用卡的吸引力
  • 不仅要在支付页面可以添加银行卡,也可以在我的银行卡页面添加新卡


以上是我个人对唯品会-我的资产页面的一些交互上的建议,由于不是相关利益人,也不清楚内部的种种限制,我的建议很可能有失偏颇。


最后,欢迎大家关注我的微信公众号呀!



更新:2016-08-17

收藏

120人已收藏

  • 25

    作品

  • 3041

    粉丝

  • 29

    关注

  • 富途牛牛注册开户流程体验与建议
  • 微视VS抖音-交互细节上的差距
  • 唯品会APP-收银台唯品花开通五部曲
  • 京东白条账单流程分析

    猜你喜欢

      2016-08-17 原创文章 经验/观点 举报 10071 120 44 12

      唯品会支付及我的资产交互建议

      0.0°

      你确定要举报唯品会支付及我的资产交互建议

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年07月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      44
      120
      12

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录