交互设计思路:积分模块改版总结

作者根据工作经验对积分模块改版进行了一些总结,与大家分享,希望可以从中收获点滴。


作者根据工作经验对积分模块改版进行了一些总结,与大家分享,希望可以从中收获点滴。

交互设计思路:积分模块改版总结

积分已经成为每个互联网平台黏住用户,增加平台留存率的重要手段之一,金融平台也不例外,虽然积分的商业模式很重要,但是如何展现给用户,用户的使用体验是否流畅也同样重要。下面就我最近的手边项目积分模块的改版做详细阐述。

首先,先说明一下该APP的积分模块组成,包含每日签到、积分奖励(外星人奖励、投资奖励)、积分记录及积分的相关活动等。

1.每日签到页面

每日签到原页面:交互设计思路:积分模块改版总结

问题分析:页面布局零散,相关内容布局不合理,页面样式呆板不新颖。

改版页面(交互稿):

交互设计思路:积分模块改版总结

交互设计思路:积分模块改版总结

改版说明:

  1. 关联相近原则,将“立即兑换”和我的积分移到相近的位置,看到积分数字,立即想到可以兑换什么。
  2. 增加签到进度条和日历,更直观的让用户了解到连续签到可以获得不一样的奖励。
  3. 最底部增加积分的相关活动,为以后扩展奠定基础。

总结:要充分理解和分析需求,做更贴近用户需求的设计。

2.外星人奖励页面

外星人奖励原页面:

交互设计思路:积分模块改版总结

问题分析:没有空状态引导,表格样式的展现形式看起来很乱,信息展示的优先级也叫混乱。

改版页面(交互稿):

交互设计思路:积分模块改版总结

改版说明:

  1. 将导航移至标题栏内,减少页面的分割,看起来更有整体性。
  2. 增加空状态引导,以使操作流程形成闭环。
  3. 头部样式采用弧形样式,更加活泼大气一点。
  4. 增加了邀请人数的字段,这样用户更加直观的了解到自己邀请了多少人。
  5. 将原来的表格样式改为list的样式,将信息进行重构,突出奖励。

总结:空状态引导很重要,关乎整个APP的体验闭环。页面样式也是交互设计的一大亮点,不一样的样式也会给用户耳目一新的感觉。

3.投资奖励页面

投资奖励原页面:

交互设计思路:积分模块改版总结

问题分析:和外星人奖励页面一样没有空页面引导,信息展示优先级不对,需求理解不透彻。

改版页面(交互稿):

交互设计思路:积分模块改版总结

改版说明:

  1.  增加空状态引导,页面头部样式和外星人奖励页面统一。
  2. 将list的信息进行重构和整理,根据页面的信息显示的优先级进行调整,突出奖励,将状态字段单独作为一列,将无奖励的金额直接显示为0,比原来的的无奖励但有奖励金额的状态更清晰。
  3. 增加页面交互:当用户开始选择筛选条件(交易时间、产品类型、状态)时,筛选条件和列表将置于页面顶部,减少干扰信息,让用户更专注于查看列表本身。

总结:信息整理很重要,根据用户的关注度、页面信息的重要程度进行产品设计。

4.外星人页面

外星人原页面:

交互设计思路:积分模块改版总结问题分析:缺少活动事件的引导,用户进到该活动页面以为每个人都符合邀请条件,但实际上需要满足一定的条件,而相关说明隐藏的太深,用户极有可能根本关注不到。

改版后页面(交互稿):

交互设计思路:积分模块改版总结

改版说明:将原来的活动规则里面的内容进行提取,增加成为外星人事件的引导,更加可视化,图形化。

总结:可视化是交互设计的重要手段,所以将文字可视化图形化已经成为设计趋势。

积分记原页面

积分记录原页面:

交互设计思路:积分模块改版总结

改版后页面(交互稿):

交互设计思路:积分模块改版总结

改版说明:

  1. 突出积分的增加或减少,并且以时间流的形式展示,更加直观。
  2. 筛选条件其实是一个低频的需求,所以将筛选条件移到右上角,点击后再出现。

总结:时刻关注用户需求,做以用户为中心的设计。

项目总结

  1. 理解需求、分析需求是设计页面的关键。
  2. 影响信息展示样式的关键点:用户的关注度、使用频次、使用习惯。
  3. 关注页面的空状态引导。

 

作者:柴维英,从事交互设计5年多,不断钻研,不断进步,拥有丰富的交互实践经验。

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

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23324/

(0)
CatherineCatherine
上一篇 2017-05-04 21:28
下一篇 2017-05-04 23:39

相关推荐

  • 产品交互控件:社交App中的「消息」功能窗口化

    每天偷偷看大神秀文采的我终于发了篇字数不多的帖子…在浏览朋友圈时有新消息!而我们必须返回,点击第一个Tab『微信』,才能收发消息。

    2017-05-07
  • 2019工业设计/交互设计考研课程全国招生

    2019考研大军将会是一支更庞大的队伍,唯有先见意识和过人的战术才能庸中佼佼。初次踏上考研队列的童鞋们难免会遇到一些问题。专业问题、复习计划、院校选择、分数线和招生指标可私信客服。[ 长按加客服好友 ]工业设计x交互设计- - - - -相信大部分同学考研担心最多的是专业科目,500分中占了300分,在工业设计考研中,快题手绘和设计理论就是你的专业考试内容,快题考察你的设计表现能力,所以,手绘很重要。说到手绘,ICAMP创意坊有着教学多...

    2018-04-10
  • 想成为云计算交互设计师,该具备哪些能力?

    最近有不少设计师会跟我聊到,做云计算的交互设计 与其他设计师有什么区别吗?我其实也不知道怎么回答,能够记起的最后一次 TC 类的项目已经是两三年前在学校的时候了,工作以后一直在做云计算的产品,没有太深入体验做其他的产品,我真的还不太能说出有什么区别。

    2017-08-28
  • 【干货】在考虑入行交互设计之前,你必须搞清楚这些

    本篇文章来自知乎专栏:设计史论与设计哲学https://zhuanlan.zhihu.com/sheji-history-theory作者:乐可柯产品与交互设计师,设计史论学者现任阿里巴巴集团交互设计师毕业于同济大学设计创意学院设计学硕德国奥芬巴赫设计学院交换生今年,O’REILLY公司对全球范围内的“交互设计行业”做了一次调研,收集到了来自25个国家、1000多名设计师的反馈,虽然量不大,但其数据显示的结果可以作为参考,一窥整个交互设...

    2018-01-31
  • 设计师们,停止不必要的UI动效设计吧!

    这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议。我们将在下文中,简单探讨如何改善下面的这个交互。

    2017-05-14
  • 交互设计师的60日计划第二十天

    这几天觉得好像没有什么可写了,会不会是姨妈所以脑子比较迟钝→_→昨天初中闺蜜突然叫我十一去秦皇岛玩,因为找不到人陪我去台湾所以果断的买好了所有票订好了房和她们去玩玩,晚上同事为了犒劳自己这几天准备晋级的…

    交互专题 2015-08-20
  • 新手转向资深的必经之路——交互文件命名的最详细规范(上)

    经过一期带团队的体验,阁主发现文件命名有点让人抓狂,实在忍不住更新一篇文章去说说这其中大家约定俗成的规则,不仅包括切图命名规则,还包括文件整理规范。之前楼主有整理过简单的,貌似不够用,今天再来具体说说。

    2017-05-01
  • 设计顶峰:如何打造创新有价值的极致体验?

    经常发上手即用的教程和技巧,今天来点不一样的「干货」,聊聊在设计中的价值创新。内文案例丰富,配图生动,也有实战案例,对于「需求」的理解非常到位,来自阿里Heyuchan 同学的分享,如果你恰好是交互设计的,更加不能错过咯。

    2017-05-24
  • 实例解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,姑本文将分为上下两篇来发~一、费茨定律(Fitts’ Law)费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(...

    2018-03-16
  • 视觉设计的思考:如何设计APP的登录页

    一个完整的App包含很多页面,设计一个App是一个很系统的工程。笔者会陆续撰写,带着大家完整的学习设计App的过程。我们先从登录页设计开始学习。做界面设计前,我们先来理解一下界面的逻辑。“ It seems that green leaves look more beautiful after the rain “(雨后的绿叶看起来更美了)

    2017-05-08