积分模块改版总结_by 德艺双馨产品刘

一、最近刚刚弄个一个积分系统，恰巧看见了德艺双馨产品刘的分享。已下是她的分享

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

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

每日签到

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

改版页面（交互稿） 每日签到改版页面（交互稿）

改版说明：

1. 关联相近原则，将“立即兑换”和我的积分移到相近的位置，看到积分数字，立即想到可以兑换什么。

2. 增加签到进度条和日历，更直观的让用户了解到连续签到可以获得不一样的奖励。

3. 最底部增加积分的相关活动，为以后扩展奠定基础。

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

外星人奖励原页面

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

外星人奖励改版页面（交互稿）

改版说明：

1. 将导航移至标题栏内，减少页面的分割，看起来更有整体性。

2. 增加空状态引导，以使操作流程形成闭环。

3. 头部样式采用弧形样式，更加活泼大气一点。

4. 增加了邀请人数的字段，这样用户更加直观的了解到自己邀请了多少人。

5. 将原来的表格样式改为list的样式，将信息进行重构，突出奖励。

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

投资奖励原页面

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

投资奖励改版页面（交互稿

改版说明：

增加空状态引导，页面头部样式和外星人奖励页面统一。

将list的信息进行重构和整理，根据页面的信息显示的优先级进行调整，突出奖励，将状态字段单独作为一列，将无奖励的金额直接显示为0，比原来的的无奖励但有奖励金额的状态更清晰。

增加页面交互：当用户开始选择筛选条件（交易时间、产品类型、状态）时，筛选条件和列表将置于页面顶部，减少干扰信息，让用户更专注于查看列表本身。

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

外星人原页面

问题分析：缺少活动事件的引导，用户进到该活动页面以为每个人都符合邀请条件，但实际上需要满足一定的条件，而相关说明隐藏的太深，用户极有可能根本关注不到。

改版后页面（交互稿）

改版说明：

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

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

积分记录原页面 改版后页面（交互稿）

改版说明：

突出积分的增加或减少，并且以时间流的形式展示，更加直观。

筛选条件其实是一个低频的需求，所以将筛选条件移到右上角，点击后再出现。

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

项目总结：

1. 理解需求、分析需求是设计页面的关键。

2. 影响信息展示样式的关键点：用户的关注度、使用频次、使用习惯。

3. 关注页面的空状态引导。

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

二、我的总结，需要学习，已经get到的点

1.布局，信息整理：：需要理解需求，了解用户的关注度、使用频次、使用习惯

2.引导用户

3.可视化：将文字可视化图形化已经成为设计趋势

4.交互形式

改版签到更加符合每日签到的功能，视觉引导。突出了当前积分和去兑换，鼓励大家赚积分。

签将文字可视化图形化，7天一个轮回，在第七天有福利

喜欢透明的覆盖的签到规则，很简洁大方

增加空白页的用户引导。引导用户去操作

增加邀请人数的显示，很人性化，是我没有想到的，需要改进。