EN
PERSONAL PROJECT·2026

设计一个作品集系统

探索如何把作品、观点与个人节奏组织成一套安静而有表现力的作品集系统。

设计一个作品集系统
产品设计师2025 年 7 月3 位设计师Web 应用
概览

设计一个作品集系统

Aviera 是一个帮助小型企业团队理解支出活动和日常财务流程的金融看板概念。此次重设计通过更清晰的层级、更好的交易可见性和更有结构的布局,减少平台中的使用摩擦。

成果影响

通过更好的层级、更整洁的间距和更明显的交易细节,日常财务流程变得更容易扫描和导航。

+32%余额检查速度2.5 min 至 1.7 min
+41%交易清晰度34% 至 48% confidence
−25%导航步骤4 steps 至 3 steps
问题

理解财务活动不应该这么困难

大量财务数据、薄弱的层级和密集布局,让余额、交易和操作在日常使用中变得难以理解。用户经常停下来比较余额、重新打开交易详情,并反复扫描页面。

01

层级太弱

让内容更容易理解,帮助人们更快完成任务。

02

间距不一致

让内容更容易理解,帮助人们更快完成任务。

03

工作流有摩擦

让内容更容易理解,帮助人们更快完成任务。

研究

从数字之外寻找线索

我回顾了金融工作流,并访谈经常管理交易、余额和支付活动的人,重点观察他们如何扫描信息、理解上下文以及完成日常任务。

“大多数时候我理解这些数字,只是不知道什么最需要我的注意。”
01

5 位用户

让内容更容易理解,帮助人们更快完成任务。

02

45 分钟访谈

让内容更容易理解,帮助人们更快完成任务。

03

3 个任务

让内容更容易理解,帮助人们更快完成任务。

构思

探索界面的不同方向

我探索了围绕余额可见性、交易上下文和工作流清晰度的多种布局方向,测试不同的信息分组、导航和扫描方式。

01

聚焦概览

让内容更容易理解,帮助人们更快完成任务。

02

模块化布局

让内容更容易理解,帮助人们更快完成任务。

03

任务导向流程

让内容更容易理解,帮助人们更快完成任务。

设计

让复杂工作流变得清晰

最终方案使用更强的层级、可预测的布局和上下文反馈,让余额更容易比较、操作更容易找到、活动流更容易理解。

01

清晰的余额层级

让内容更容易理解,帮助人们更快完成任务。

02

有上下文的活动

让内容更容易理解,帮助人们更快完成任务。

03

简化的导航

让内容更容易理解,帮助人们更快完成任务。

经验

为清晰、信心和真实使用而设计

这个项目再次证明,用户信心往往由界面清晰度塑造,而不是由领域复杂度决定。分组、间距和操作位置等小决定,会改变人们理解信息和继续前进的方式。

01

更清晰的层级

让内容更容易理解,帮助人们更快完成任务。

02

更快的扫描

让内容更容易理解,帮助人们更快完成任务。

03

可复用的系统

让内容更容易理解,帮助人们更快完成任务。

更多项目

继续探索其他工作

返回项目列表
作品集系统 · Tabfolio Pro · 设计师作品集