移动产品 / 金融

金融应用体验改版

为金融产品重构移动端核心路径,重点提升开户信任感、账户信息可读性和关键风险提示的触达效率。

职责:体验与界面 范围:应用改版 年份:2026
金融应用项目预览
01

项目介绍

围绕移动金融的“信任、可读、可行动”三个核心目标,重新组织首页、资产、提醒和交易路径。

旧版应用更像功能入口集合,用户需要自己判断资金状态、风险提醒和下一步操作。改版后将账户总览作为首页核心,把余额、收益、待处理事项和安全状态放入同一套信息层级。

  • 优先展示资金变化、风险提醒和关键操作,减少首页跳转。
  • 统一金融类卡片、标签、确认动作和错误提示的视觉语言。
  • 在敏感操作中加入分级确认和状态回执,降低用户不确定感。
金融应用系统主图
02

存在问题与解决方向

用高对比信息层级解决“看不懂、找不到、不敢点”的金融体验问题。

问题

资产状态分散

用户需要进入多个二级页面才能理解总资产、收益和风险变化。

解决

总览式资金看板

首页聚合账户余额、趋势、待处理事项和安全提醒,按风险优先级排序。

问题

关键动作缺少信心

转账、开户、风险确认等流程反馈弱,用户不确定是否完成。

解决

分级确认与回执

为高风险动作建立二次确认、结果页、异常说明和可追踪记录。

03

主要功能

核心功能以高频金融任务为主,保证信息密度和操作确定性。

Overview

账户总览

聚合余额、收益、风险和快捷操作,让用户第一屏完成判断。

Flow

开户流程

拆分身份验证、协议确认和风险提示,减少一次性表单压力。

Alert

风险提醒

用色彩、标签和文案分级表达紧急程度,并提供明确处理入口。

04

字体规范

用字体层级区分品牌表达、关键数字和说明文本。

Typography
资产总览PingFang SC 用于正文、数字说明和按钮;ShiShangZhongHeiJianTi 用于强调标题。
Scale

数字突出

资产数字使用 32-44px,中高字重;说明文字控制在 14-16px。

05

颜色规范

颜色承担状态识别和行动引导,避免过度装饰。

Palette
#00FF22#121212#1C1C1C#FFFFFF
Status

风险分级

高风险使用明确标签和说明,不仅依靠颜色传递。

06

设计规范

规范组件、间距、确认动作和风险信息表达。

Rules

数据优先

重要数字不与装饰元素竞争,风险信息固定使用标签、图标和说明三层结构。

Component

金融卡片

卡片统一标题、金额、状态、操作四个区域,便于扩展。

Motion

轻反馈

敏感动作只使用轻微位移和状态回执,避免过度动效干扰判断。

07

项目功能介绍

长图文以“页面目标 + 系统图”的形式展示关键路径。

首页资金状态

将总资产、收益趋势和异常提醒整合为一组主卡片,帮助用户快速判断账户健康度。

首页资金状态系统图

风险提醒处理

提醒卡片提供风险等级、原因说明和下一步操作,把被动通知转化为明确任务。

风险提醒系统图

交易确认回执

在确认前展示关键信息,完成后提供状态回执、凭证和再次操作入口。

交易确认系统图
下一个项目