随手记app改版设计总结

随手记作为移动记账时代的开创者，主要通过提供记账、理财等财务金融服务，累积了超2亿下载用户，成为记账理财领域的独角兽企业。

在过去的八年中，随手记都以专业严谨的形象示人，从界面设计到色调搭配，都给人标准化的感知。但随着时代的变迁，用户对app界面的要求也不断更新，因此随手记也更新了V12版本，界面设计也体现了产品思路的变革。

【产品分析】

随手记作为一款记账理财的工具，除了单纯的记账功能，还有专业丰富的分析工具，比如各种流水、图表、预算分析等，但是在老版本中，随手记更重视用户记账的操作便捷性，设计风格也更加沉闷，因此存在以下问题：

1.老版首页卡片占位过大，记账功能留在卡片正下方，用户注意力停留在页面上半部分，导致app其他功能得不到有效曝光

2.老版操作主要停留在“记一笔”和下方导航栏，使随手记其他的功能缺乏入口触达用户

3.老版的页面设计主要是黄色+灰色，相对来说比较沉闷

V12版本上线后，从产品呈现层面来看，极大程度地解决了上述问题，降低了用户的使用门槛。

【新旧版对比】

Logo设计更年轻化

随手记app改版设计总结

（老版）

随手记app改版设计总结

（新版）

所有人对一款app的设计认知，都是从logo开始。本次随手记V12改版，logo发生了较大的变化。直观感受就是：新版logo比老版更加年轻化，扁平化。老版logo是一个钱的标志加上金色边框，略显厚重。新版本去掉边框，色调搭配也更加明亮，更符合年轻一代的审美。

首页更符合用户的使用场景

随手记app改版设计总结 随手记app改版设计总结

从整体来看，随手记的新版重新梳理了信息架构，在保证用户完成记账的前提下，对记账工具台进行了升华。首页是一个app的包装，外表的精美程度决定了用户是否会继续探索内在。

因此，新版本对随手记的主要功能进行了梳理，弱化了原来重视的“记一笔”和“预算面板。从功能层面看，整个设计将页面分为3个部分，各自承载不同的功能：

1.顶部导航：整合各个工具入口，新增图表、预算设置等功能入口，并且把社区、主题、设置等放置于顶部，便于用户切换账本主题

2.中部信息：中部信息展示没有太大变化，不过缩小了预算面板的占位，为顶部社区内容的更多露出提供可能，便于增加用户停留时长

3.底部导航：新版底部导航通过信息结构的重新排布，对用户需求进行了整合，不仅满足了用户记账的需求，还将用户的注意力吸引到底部的账户、流水等功能上，使用户能更便捷的使用到该功能

增加记账页的操作易用性

从用户的操作流程来看，用户点击“记一笔”，最主要是记录花销金额、归属类别，或许还需要进行简单计算，在这个背景下，新版更重视花销金额及计算器的易用性，因此设计的重点更突出，操作也更便捷。

随手记app改版设计总结 随手记app改版设计总结

【结语】

随手记的本次改版，从随手记app自身出发来看，是革命性的第一步。之所以这么说，主要有两个原因：1是，随手记作为一款稳定运营多年的专业记账理财软件，任何一点小的变动都会影响到数亿量级的用户，但是随手记却基于用户使用场景大胆迈出了第一步；2是，首页及记账页的改版，也预示着，未来随手记将会进一步对产品体验升级，不断打磨自身产品，满足用户多样化的需求。

最后再用一句话总结新版：专业中不失活泼，易用又不打乱页面层级。对于随手记的这次改版，不论是从页面设计搭配，还是从功能界面的层级规划上，都体现了产品更年轻，更扁平化，也更有质感。