交互设计思路：积分模块改版总结
作者： 柴维英 来源：简书
积分已经成为每个互联网平台黏住用户，增加平台留存率的重要手段之一，金融平台也不例外，虽然积分的商业模式很重要，但是如何展现给用户，用户的使用体验是否流畅也同样重要。下面就我最近的手边项目积分模块的改版做详细阐述。
首先，先说明一下该APP的积分模块组成，包含每日签到、积分奖励（外星人奖励、投资奖励）、积分记录及积分的相关活动等。
每日签到页面
每日签到原页面：
问题分析：页面布局零散，相关内容布局不合理，页面样式呆板不新颖。
改版页面（交互稿）：
改版说明：
关联相近原则，将“立即兑换”和我的积分移到相近的位置，看到积分数字，立即想到可以兑换什么。
增加签到进度条和日历，更直观的让用户了解到连续签到可以获得不一样的奖励。
最底部增加积分的相关活动，为以后扩展奠定基础。
总结：要充分理解和分析需求，做更贴近用户需求的设计。
外星人奖励页面
外星人奖励原页面：
问题分析：没有空状态引导，表格样式的展现形式看起来很乱，信息展示的优先级也叫混乱。
改版页面（交互稿）：
改版说明：
将导航移至标题栏内，减少页面的分割，看起来更有整体性。
增加空状态引导，以使操作流程形成闭环。
头部样式采用弧形样式，更加活泼大气一点。
增加了邀请人数的字段，这样用户更加直观的了解到自己邀请了多少人。
将原来的表格样式改为list的样式，将信息进行重构，突出奖励。
总结：空状态引导很重要，关乎整个APP的体验闭环。页面样式也是交互设计的一大亮点，不一样的样式也会给用户耳目一新的感觉。
投资奖励页面
投资奖励原页面：
问题分析：和外星人奖励页面一样没有空页面引导，信息展示优先级不对，需求理解不透彻。
改版页面（交互稿）：
改版说明：
增加空状态引导，页面头部样式和外星人奖励页面统一。
将list的信息进行重构和整理，根据页面的信息显示的优先级进行调整，突出奖励，将状态字段单独作为一列，将无奖励的金额直接显示为0，比原来的的无奖励但有奖励金额的状态更清晰。
增加页面交互：当用户开始选择筛选条件（交易时间、产品类型、状态）时，筛选条件和列表将置于页面顶部，减少干扰信息，让用户更专注于查看列表本身。
总结：信息整理很重要，根据用户的关注度、页面信息的重要程度进行产品设计。
外星人页面
外星人原页面：
问题分析：缺少活动事件的引导，用户进到该活动页面以为每个人都符合邀请条件，但实际上需要满足一定的条件，而相关说明隐藏的太深，用户极有可能根本关注不到。
改版后页面（交互稿）：
改版说明：将原来的活动规则里面的内容进行提取，增加成为外星人事件的引导，更加可视化，图形化。
总结：可视化是交互设计的重要手段，所以将文字可视化图形化已经成为设计趋势。
积分记原页面
积分记录原页面：
改版后页面（交互稿）：
改版说明：
突出积分的增加或减少，并且以时间流的形式展示，更加直观。
筛选条件其实是一个低频的需求，所以将筛选条件移到右上角，点击后再出现。
总结：时刻关注用户需求，做以用户为中心的设计。
项目总结
理解需求、分析需求是设计页面的关键。
影响信息展示样式的关键点：用户的关注度、使用频次、使用习惯。
关注页面的空状态引导。
公众号：chanpinliu880,只说干货，不讲鸡汤。
私人微信号：yw5201a1，有问题也可找我交流。
送福利：截至下周一评论区点赞数最多的前5名，可以找我（加微信yw5201a1）领一份私密课干货视频。
帮你成长
我之前也创立过产品经理学习交流群，那个时候由于人数少，大家讨论也蛮积极的，但是微信群讨论的一大弊端就是无法将谈论的知识提炼出来，干货内容渐渐被口水话淹没，所以我建立了一个知识星球（原小密圈），在这里我会分享自己的思考感悟，你有问题可以随时像我发起提问，同时别人提的问题你也能看到，更重要的是你不论什么时候看这个回答它都在！
同时大大老师以后所有的live，小密圈的同学都可以免费学习。
为了更好的服务知识星球的小伙伴，大大老师将会在知识星球发表一些干货文章和音频供大家学习，当然这些内容公众号是没有的。
知识星球规则：
1、费用：为了保证社群的质量和活跃度，需要先付款99元，签到后会返还。
2、返还费用：连续签到3天返还30元，连续签到5天返还50元，连续签到7天返还70元。
下图是返还凭证：
2、签到形式：可以是你的产品感悟，也可以是你学习中遇到的问题，也可以是你回答别人问题。（把你的感悟记录下来，把你遇到的问题提出来，帮助解决别人遇到的问题，这个过程就是成长，切记不要潜水，好歹你也是付费进来的）。
3、奖励：每周抽取最活跃的用户，（提出的问题+发表的产品感悟+回答别人问题）总数最多，即有可能获得现金红包、PRD文档、面试简历模板、原型文件等不同奖励形式。
奖励凭证：
邀请5个小伙伴加入，则本人加入的费用免除，并同时获赠68元现金奖励，当让为了保证群质量，邀请的小伙伴需要付费加入。
4、广告：社群内禁止发广告，否则即使付费，也要被T出去，如果想发广告，加入上课群，并红包走起，想加入上课群，加微信yw5201a1，拉你入群。
之前付费进入产品经理学习群的小伙伴，可以加微信（yw5201a1），免费拉你入群。
长按下方二维码加入我们吧！
往期精彩文章
点击“阅读原文”
即可进行系统的学习