保费试算
2016/7/27 · 3 min read
以前
每当我接到新活的时候，我总是陷入细节，然后不能自拔。
后来在领导指点和自己总结下逐渐改变了这个缺点。
今天接到「保险代理人」产品的详情页面设计。刚接到时候头都大了，只能用变态形容。
我暂称为「保费试算」，其需求是这样：
- 用户可以动态的更改 年龄 性别 保额 缴费方式 附加险 保障期限 而这些元素将影响保费。
- 需要清晰的展示 总保费 主险保费 附加险保费 保障内容
这就意味着：
- 为了方便代理人为客户试算，那些可以修改的内容需要直接展示出来。
- 其次需要展示清楚的保费以及保障内容也必须直接展示出来。
- 所以页面展示会特别复杂，会显得特别混乱。
我的设计思路结合了最近学习的JS面向对象：
- 将整体（主险+附加险）作为一个对象。
- 主险和附加险分别作为一个子对象
- 其中整体的 年龄 性别 缴费方式 保障期限 为 主险和附加险可以继承的属性，仅总保费作为整体的私有属性。
- 主险所含属性：主险保额 主险保费 主险保障内容。
- 附加险所含属性：选择附加险（true or false） 附加险保费 附加险保障内容
层级是 整体 》主险 = 附加险
通过模块化展示相对会比较清晰，但是展示以及操作的内容依然很复杂。
功能结构梳理清楚了，然后根据实际场景去优化产品：
- 如果看重了产品，但价格不太合适，最好的办法就是选择分期付款，时间越长，交费相对越少。
- 分期付款都嫌贵的话，用户可能会选择将保额调低点。
- 然后对于附加险可以考虑是否需要选择。
在产品的帮助下，考虑到直接展现保费会影响成交率，故只显示总保费，将主险和附加险的保费收起来。最终的交互稿是这样：