第 4 节：为什么首页先显示“本月已花”

首页不是把所有功能摆出来的地方。

首页要回答一个问题：用户打开它时，最想知道什么？

对蜡笔小账本来说，用户刚打开 App，通常不是想研究一堆流水，也不是想看复杂图表。

他更想知道一句很简单的事：

我这个月大概花到什么程度了？

所以首页第一屏没有先放长长的明细列表，而是先放“本月已花”和预算剩余。

流水不是用户最先想看的东西

很多记账工具会把流水列表放得很重。

这很合理，因为记账就是一笔一笔记录。

但流水只能告诉你发生过什么。

它不直接告诉你现在处在什么状态。

比如你看到今天有早餐 10.5、午餐 35、打车 23。你当然知道自己花了钱，但你不一定马上知道这个月是不是花多了。

而“本月已花”直接给出状态。

它不是记录，而是反馈。

蜡笔小账本想让用户打开时先得到反馈，再往下看明细。

预算剩余比预算本身更有用

预算是一个数字。

但用户真正关心的通常不是预算本身，而是还剩多少。

“本月预算 2000”只是设定。

“还剩 1980”才是当下判断。

这也是为什么首页同时放本月已花和剩余额度。它让用户不用自己计算，也不用翻报表。

打开首页，就知道这个月还算不算稳。

分类占比要放在状态之后

当用户知道自己这个月花了多少，下一步才会自然想知道：

钱主要花在哪里？

这时候分类占比才有意义。

如果一上来就是分类，用户还没有建立总量感，很容易看不出轻重。吃饭 100% 到底是多还是少？要看它背后的金额。

所以首页的信息顺序是：

先看总量。

再看分类。

最后看明细。

这个顺序很朴素，但很重要。

它不是把数据随便排版，而是顺着用户的疑问往下走。

明细仍然重要，但它不是主角

消费明细不能没有。

用户需要回看某一笔，也需要确认刚才记的账有没有进去。

但明细更像证据。

它证明上面的统计不是凭空出现的。

所以蜡笔小账本的首页会保留明细，只是不会让它抢走第一屏的注意力。

用户如果只是想快速确认状态，看上半部分就够了。

用户如果想追查具体记录，再往下看明细。

这比一打开就被一长串流水淹没，要轻一些。

首页其实是在训练使用习惯

一个产品的首页，会慢慢训练用户怎么理解这个产品。

如果首页总是强调录入，用户会觉得这只是一个表单工具。

如果首页强调状态反馈，用户会知道：我记录这些，是为了看清自己的消费节奏。

蜡笔小账本不是想让用户沉迷填写。

它想让用户用很少的动作，换来一点清楚。

所以首页的第一句话不是“你今天记了几笔”，而是“你这个月花了多少”。

这是产品价值的表达。

本节小结

蜡笔小账本首页先显示“本月已花”，不是因为流水不重要。

而是因为用户打开 App 时，最先需要的是状态，而不是记录。

先给状态，再给分类，最后给明细。

这个顺序让首页变得更像一个小小的消费反馈面板，而不是一张冷冰冰的数据表。

下一节，我们会把记账入口从 App 里带到飞书里：为什么一句“早餐10.5”比打开 App 填表更接近真实生活。

FAQ

为什么首页不先放消费明细？

明细能证明每笔记录，但它不能最快回答“我这个月花得怎么样”。首页先放状态反馈，更符合用户打开 App 的第一需求。

本月已花和预算剩余有什么区别？

本月已花告诉用户已经发生了什么，预算剩余告诉用户接下来还有多少空间。两个数字放在一起，判断会更直观。

分类占比为什么不放第一位？

分类占比要建立在总金额之上。没有总量，分类比例很容易失去意义。

首页信息是不是越多越好？

不是。首页越多，用户越难抓重点。第一屏最好先回答一个最重要的问题。

这类首页设计适合其他工具吗？

适合很多个人工具。先问用户打开时最想知道什么，再决定首页第一屏放什么，而不是把所有功能入口都摆出来。