UI 界面设计客户:轻记 Qiing行业:个人效率 / 移动应用年份:2025

轻记个人记账App界面设计

轻记App界面设计
USER RESEARCH

用户研究与痛点

轻记是一款上线两年的个人记账 App,核心用户是 22-32 岁、想存钱却总存不下来的都市年轻人。产品功能完整,但老用户反馈「记了三个月就放弃了」——我们访谈了 12 位流失用户,发现问题不在功能,而在「记账这件事本身让人有压力」:打开 App 要选十几个分类、填备注、看一堆看不懂的饼图,越记越焦虑。

客户的目标很明确:不增加新功能,只通过 UI 与交互改版,让用户愿意每天打开一次。

DESIGN PRINCIPLE

我们确立的设计原则

我们把这次改版的核心原则定为「一秒记完一笔账」。任何让用户犹豫超过一秒的设计——过多的分类、需要手动选择的图标、看不懂的图表——都在被砍之列。视觉上刻意避开金融类 App 常用的「冷峻蓝黑」,改用温暖的奶油底与焦糖色,让记账不再像查账。

INFORMATION ARCHITECTURE

把信息密度降下来

我们没有动产品功能,而是重新安排了每个页面的视觉优先级。

首页只放三行

今日已记、本周预算剩余、一个「记一笔」大按钮。其余数据全部收进二级页面,打开率下降但完成率上升。

记一笔流程两步

输入金额 → 选择最近常用分类 → 完成。备注、时间、标签全部改为可选,默认隐藏。

报表改为叙事

不再展示复杂饼图,而是用三句话告诉用户「这个月你比上个月少喝了 4 杯咖啡」。

VISUAL & MOTION

卡片系统与微交互

我们建立了一套以圆角卡片为核心的视觉系统:首页卡片使用大圆角与柔和投影,像贴在桌面上的便签;金额数字使用一款专门调校过的等宽字体,保证位数变化时不跳动。

微交互上,我们刻意做得克制:记完一笔时卡片轻轻下沉、按钮变成一个小对勾,不使用夸张的礼花动效——因为记账本来就是一件安静的小事。深色模式单独设计,不是简单反色,而是把奶油底换成深棕黑,让夜间记账不刺眼。

轻记App界面细节
USABILITY TESTING

两轮可用性测试,把设计真正交到用户手上

我们没有把高保真原型直接交给开发,而是先请八位真实用户来「挑刺」。

第一轮测试发现,「记一笔」大按钮放在首页底部时,有三位用户误以为它只是装饰——我们把按钮加大并加入轻微的呼吸动画,让它在视觉上明显「可点」。另一个意外发现是:用户其实并不需要隐藏备注,他们只是不想每次都被强制填写。于是我们把备注改为「记完后再问一次要不要补充」,既保留功能,又不打断主流程。

第二轮测试针对深色模式:有用户反映夜间模式下金额数字对比度过低,我们把深棕黑底上的数字亮度提高了两档,并为重要金额增加了一道极细的暖色描边,让夜间查看依然清晰但不刺眼。

交付时,我们没有只给设计稿,而是附带了一份标注完整的设计走查表:每个组件的间距、字号、色值、动效时长都写得清清楚楚,开发可以直接照做,不必反复回问。我们还建立了一个在线组件库,后续产品经理新增页面时,直接拖拽已有组件即可,保证新页面与老页面视觉一致。

上线后我们持续跟踪了六周:把「记一笔」完成时长、次日留存、7 日留存作为核心指标,每两周与客户产品团队复盘一次。当数据出现波动时,我们先怀疑设计,再怀疑运营——这种持续陪伴,是我们对每一个 UI 项目的默认承诺。

THE RESULTS

项目成果

改版后,留存曲线第一次在第 30 天没有明显下滑

22%
次月留存率提升
1.8秒
平均完成一笔记账耗时
4.8
App Store 评分(原 3.9)
35%
用户平均每日打开次数增加

我们原本以为留存低是因为功能不够多,准备再加一个「投资记账」模块。泰格团队拦住了我们,他们说:用户放弃记账,不是因为他们不想管钱,而是因为打开我们 App 让他们有负罪感。改版上线后,我们收到最多次的评论是「终于不用再看着一堆饼图焦虑了」。这是做产品以来第一次,设计师比产品经理更懂我们的用户。

轻记产品负责人
黄先生
轻记 Qiing 产品负责人

好的产品 UI,不是把功能都摆出来,而是知道哪些功能应该安静地藏起来。对效率类应用尤其如此——用户每次打开,都希望这件事尽快结束、然后安心去做别的。我们的设计克制,本质上是在尊重用户的时间与情绪。

改版半年后,轻记把这套组件库与设计原则沉淀为内部文档,新加入的设计师可以在一天内上手。好的 UI 交付不应随项目结束而终止,而应成为客户团队长期复用的资产。

我们也把这套「先砍功能、再谈美化」的方法论,复用到多款效率类 App 上,普遍把首日留存提升了一成以上,也让用户更愿意把产品推荐给朋友,形成自然的口碑增长,也让产品在应用商店获得更多好评。

RELATED SERVICES

相关服务推荐

让产品不仅好用,而且让人愿意每天打开

让你的产品被用户每天打开

预约一次免费的产品体验走查,看看界面正在哪里劝退用户。

预约体验走查