KasyKredit App 首页优化方案

1. 文档目的与范围

本方案定义首页最终版的页面层级、显示内容、出现/消失逻辑、跳转规则、服务端数据下发与加载机制。首页负责呈现用户当前最需要处理的事项;借款、还款、账户和客服的完整操作由详情页承接。

  • 适用范围:登录及未登录用户首页。
  • 设计基线:Figma「0907 · KasyKredit Home States FINAL · Full Pages」(节点 1378:408)。
  • 截图中的姓名、金额、日期和账号均为示例数据。
  • 首页不得以本地规则、缓存金额或前端拼接文案替代可信业务结果;所有业务展示内容均由首页服务端快照下发。

2. 页面总体结构

页面由上至下为:全局栏 → 主卡 → Banner 占位 → 还款虚拟账号卡 → 重要信息卡 → 四个快捷入口 → 底部导航。主卡始终存在;Banner、还款账号卡和信息卡依据服务端快照独立展示或折叠。首页不再提供 Restriction details、Eligibility、Documents、Application 四个快捷入口,也不再设置状态摘要卡。

3. 页面区块说明

3.1 全局栏

内容出现与消失逻辑数据来源与交互
KasyKredit 标识、页面背景、安全区全部首页状态始终展示固定客户端视觉资源
消息入口及未读提示消息入口始终展示;未读提示按服务端下发的未读数出现或消失点击进入站内消息页

3.2 主卡:状态、优先级与操作

主卡组件

内容出现与消失逻辑数据来源与交互
状态标识、任务标题每次刷新由首页快照选择唯一主状态服务端下发的主卡状态与文案
金额、到期日、审批/处理进度、冻结说明或可借额度随主状态切换;不可同时显示两个主任务服务端下发的状态字段
单一主操作有可执行任务时显示,与主状态一致服务端下发 action 文案与目标标识;客户端按白名单执行跳转

主卡只切换,不消失。业务主状态按以下优先级选择:M02 → M03 → M04 → M05 → M06 → M08 → M09/M10/M11 → M12 → M13 → M14。即未结清订单优先于其他资格、申请或限制状态。原 M01 已移除;原 M06(放款处理中)与 M07(借款审批中)合并为 M06 Loan processing,原 M07 不再单独存在。网络异常 N01 是加载异常覆盖态,不参与业务状态优先级。

状态触发条件必填展示字段主操作
M02 Payment overdue存在逾期未结清订单应还金额、逾期天数/说明、到期日、订单标识立即还款
M03 Due today今日到期且未逾期今日应还金额、到期时间、订单标识立即还款
M04 Due soon临近到期且未逾期下一笔应还金额、到期日、订单标识查看或还款
M05 Active loan有未结清订单,但不属于上述状态当前借款金额、下一还款金额和日期、订单标识查看详情
M06 Loan processing借款审批中或已通过并放款处理中,且无未结清订单当前处理阶段、阶段说明、提交时间、预计处理时间(如有)查看处理进度
M08 Credit approval授信审批中,无未结清订单当前状态、提交时间、预计处理时间(如有)查看进度
M09 Permanent restriction永久限制,无未结清订单服务可用性说明、帮助引导账户或帮助
M10 Restriction without date限制中、无确定恢复时间,无未结清订单服务可用性说明、帮助引导账户或帮助
M11 Temporary restriction短期限制、有明确恢复时间,无未结清订单服务可用性说明、明确恢复日期/时间查看说明
M12 Ready to borrow有可用资格、无进行中任务可借额度、额度有效期(如有)开始借款
M13 Application draft有未完成草稿、无进行中任务草稿名称/步骤、保存时间(如有)继续申请
M14 Guest未登录产品引导文案Get started
N01 Network unavailable核心首页快照请求失败,且无可用的已确认快照title:Couldn’t load your information;description:Please try again.;不展示金额、账号、订单或业务状态Retry,重新请求核心快照

用户有在贷订单后又被冻结时,保持 M02–M05 的还款主卡;冻结只通过 Banner 或重要信息卡补充,不能覆盖还款主卡或阻断还款。N01 仅在无法得到当前可信快照时覆盖主卡;若已有最近一次成功、且仍在有效期内的快照,则保留原主卡内容并显示页面级刷新反馈,不切换到 N01。

3.3 Banner 占位

Banner 位于主卡下方、还款虚拟账号卡之前,用于服务端运营通知、活动或与当前状态不重复的轻量提醒。该区域仅预留一个卡位,避免与主卡争夺注意力。

内容出现与消失逻辑数据来源与交互
Banner 图片/色块、标题、简短说明、按钮(可选)服务端下发有效 Banner 时展示;无有效内容时整块折叠,不留空白服务端下发内容、有效期、排序和目标标识;点击按白名单跳转
优先级仅展示优先级最高的一条不展示与主卡、还款账号卡或重要信息卡表达同一业务事件的 Banner
降级图片加载失败时保留标题、说明与按钮的纯色样式不使用本地兜底业务文案,不影响后续区块加载

3.4 还款虚拟账号卡:展示与详情承接

还款虚拟账号卡

内容出现与消失逻辑数据来源与交互
Repayment account、完整虚拟账号、收款银行、收款账户名M02–M05 且账号有效、归属当前用户时展示服务端下发;点击进入还款账号详情,详情展示完整账号、收款行、账户名、关联订单、应还金额、复制状态和使用说明
Copy展示账号时始终可用;复制成功后提示 Account number copied客户端复制服务端下发账号;复制不代表还款成功

无未结清订单、账号失效或账号不属于当前用户时,整卡消失。多笔未结清订单时,首页展示最紧急应还订单对应账号;详情页须供用户核对订单与账号关系。不考虑支付确认提示或账号准备中提示。

3.5 重要信息卡:字段、排序与跳转

重要信息卡组件

重要信息卡仅保留 I03 和 I04。每张卡由服务端完整下发,不由客户端根据支付点击、金额或本地缓存推断。首页最多展示两张;同类型仅保留最新一条,已过期、被更新或与主卡同一事项重复时消失。

编号类型出现条件卡片字段及显示规则跳转目标默认有效期
I03Repayment received可信还款入账已落账,且不被当前主卡覆盖title:Repayment received;description:Your latest payment has been applied to your loan.;meta:Received {relative_date},如 Received today;action_text:View receipt;occurred_at:入账时间;amount:已入账金额;currency:币种;loan_reference:关联借款展示号;receipt_id:回单标识;target:回单页目标标识。金额、时间、关联订单缺一不可展示 I03。还款回单6 天
I04Funds sent可信放款成功已落账,且不被当前主卡覆盖title:Funds sent;description:Your loan funds have been sent to your account.;meta:Sent {relative_date},如 Sent today;action_text:View loan;occurred_at:放款时间;amount:实际放款金额;currency:币种;loan_reference:关联借款展示号;target:借款详情目标标识。金额、时间、关联订单缺一不可展示 I04。借款详情6 天

排序为 I03 → I04。I03 的 View receipt 只在可信入账后出现;支付中、支付失败、待确认、放款失败、冻结、额度变化或其他通知均不在首页重要信息卡展示。

3.6 四个快捷入口:状态与目标页

快捷入口组件

适用状态快捷入口跳转页面与展示重点
M02–M05Loan details / Repayment plan / Payment methods / Contact us借款详情(金额、还款计划、状态时间线)/ 还款计划 / 支付方式 / 邮箱联系
M06Loan history / Cards / Help Centre / Contact us借款记录 / 卡券 / 帮助中心 / 邮箱联系
M08、M13Loan history / Cards / Help Centre / Contact us借款记录 / 卡券 / 帮助中心 / 邮箱联系
M09–M11Loan history / Cards / Help Centre / Contact us借款记录 / 卡券 / 帮助中心 / 邮箱联系
M12Loan History / Cards / Coupons / Bank Account借款记录 / 卡券 / 优惠券 / 银行账户
M14Product information / FAQs / Loan guide / Help Centre产品说明 / 常见问题 / 借款指南 / 帮助中心

快捷入口随状态整体切换,始终保持四个;同名入口必须跳转同一页面。帮助中心解决“如何操作、规则是什么”的通用问题;Contact us 进入人工客服,承接“我的具体订单或账户仍未解决”的个案,两者不可复用同一内容页。

借款指南(Loan guide)落地页

入口标题为 Loan guide,进入页标题为 Borrowing guide。页面按“开始借款 → 还款 → 获取帮助”组织:

  1. How to apply:完成申请、提交所需信息、等待处理结果。
  2. Before you borrow:提示用户确认可承受的还款金额和到期日。
  3. How repayment works:说明还款账号、还款计划和到账确认。
  4. Need help?:进入帮助中心。

页面底部主操作为 Check eligibility;未登录用户点击后进入登录/开始借款流程,已登录用户进入借款流程。页面不展示用户个人金额、账号或订单信息。

产品说明(Product information)落地页

入口标题为 Product information,进入页标题为 About KasyKredit。页面展示产品通用信息,不展示个性化授信结论:

  1. How KasyKredit works:申请、处理、放款、还款的简短说明。
  2. What you need:基础申请条件与所需信息提示。
  3. Repayment:说明按还款计划和还款账号完成支付。
  4. Questions?:进入常见问题或帮助中心。

页面底部主操作为 Get started。具体费用、期限、资格与可借额度均以用户进入借款流程后服务端下发的结果为准。

4. 服务端数据下发、加载与弱网降级

4.1 服务端首页快照

首页业务内容统一由服务端首页快照下发,客户端只负责按照下发的模块、顺序和白名单目标渲染。快照至少包含:snapshot_version、generated_at、main_card、banner、repayment_account、information_cards、quick_entries、message_badge。每一模块应带有 module_status(ready / empty / unavailable)、更新时间和可安全使用的展示字段。

  • main_card、repayment_account 与 information_cards 的业务结果必须来自可信订单、还款、放款、授信结果。
  • 服务端须在下发前完成状态优先级、信息卡去重、Banner 冲突过滤和敏感信息脱敏边界;客户端不得自行改写业务状态。
  • 主操作、Banner、信息卡和快捷入口仅下发受控的 target_key;客户端按 target_key 白名单路由,禁止直接执行任意链接。
  • 若模块状态为 empty,客户端折叠该模块;若为 unavailable,客户端只展示通用重试态,不展示推测性业务信息。

4.2 分步骤加载与骨架屏

阶段加载内容首屏表现完成或失败后的处理
0. 本地壳层全局栏、页面背景、底部导航、模块骨架立即显示;主卡、Banner、账号卡、信息卡、快捷入口使用与最终尺寸一致的骨架不展示本地缓存的金额、还款状态或账号
1. 核心快照main_card、message_badge、quick_entries核心快照返回后立即替换对应骨架;主卡先可用失败时主卡展示通用加载失败与重试,不展示旧业务结论
2. 还款模块repayment_account仅在主卡判定为 M02–M05 时加载对应骨架ready 时替换;empty 时折叠;unavailable 时展示账号暂不可用与重试入口
3. 非核心模块banner、information_cards各自独立替换骨架,不阻塞主卡、账号卡或快捷入口empty 时折叠;unavailable 时静默折叠,不影响首屏主任务

骨架屏不包含真实金额、账号、姓名、订单号或状态文案;首屏仅在对应模块收到 ready 数据后显示真实内容。下拉刷新按同样分步骤执行,并以一次成功的核心快照作为页面当前状态基线。

4.3 慢网与降级规则

场景页面行为
核心快照慢保持主卡与快捷入口骨架;其余模块可独立完成,不得因 Banner 或信息卡阻塞首屏
还款模块慢M02–M05 保持账号卡骨架;主卡仍可进入还款详情,不展示虚构账号或旧账号
Banner 或信息卡慢/失败不阻塞其他区域;超过客户端等待阈值后折叠其骨架,后续成功可无感补入
网络中断且无已确认快照主卡切换为 N01,展示 Couldn’t load your information / Please try again. / Retry;Banner、账号卡、信息卡和快捷入口全部折叠,不显示可能过期的业务状态、金额或虚拟账号
网络中断但有有效已确认快照保留当前页面及内容,在全局栏或页面顶部提示刷新未完成;不改变当前主卡,不更新金额、账号、状态或信息卡
刷新中保留上一份已确认快照的结构与内容,并显示局部刷新反馈;新快照成功后整体原子替换主状态与相关模块
快照版本异常/字段不完整视为 unavailable;客户端折叠受影响模块或显示通用重试态,不自行补全业务字段

5. 前端埋点要求

页面归属 Android Native home_main;详情页独立记录自己的进入、浏览和结果。事件名与页面名稳定,不拼接金额、账号、订单号或错误原文。

事件名类型唯一触发时机属性用途
home_view曝光首页可见且核心快照确定main_state、has_unsettled_loan、info_card_count、snapshot_version状态分布与进入量
home_module_load_result结果每个业务模块首次得到 ready、empty 或 unavailable 结果module_name、module_status、load_stage分步骤加载质量与降级覆盖
home_banner_view / home_banner_click曝光/点击Banner 首曝 / 点击banner_type、target_key、main_stateBanner 触达与转化
home_info_card_view / home_info_card_click曝光/点击信息卡首曝 / 点击卡片或文案card_type、card_rank、main_state、target_key信息触达与详情转化
home_primary_action_click点击点击主卡主操作main_state、action_type、target_key主任务转化
home_quick_action_click点击点击快捷入口quick_entry、main_state、target_key入口使用情况
home_repayment_account_view / home_repayment_account_copy曝光/点击账号卡首曝 / 成功触发复制account_card_state、main_state账号触达与复制需求
home_network_error_view曝光N01 主卡首次进入可视区refresh_source、error_category网络异常覆盖范围
home_network_retry_click点击用户点击 Retryrefresh_source重试意愿与恢复漏斗
home_refresh_result结果首页刷新结束refresh_source、result、snapshot_version刷新成功率与一致性

不得采集完整虚拟账号、金额明细、订单号、客户姓名、银行账户名或错误原文。成功/失败以可信业务结果为准,不能以点击或复制替代。

6. 验收标准

  1. 主卡不再存在 M01;原 M06 与 M07 合并为 M06 Loan processing,原 M07 不再单独展示。
  2. 主卡仅命中一个状态,并遵循第 3.2 节优先级;有未结清订单时优先展示 M02–M05。
  3. 还款账号卡仅在 M02–M05 且账号有效时展示;不展示支付确认或账号准备中提示。
  4. 页面不再存在状态摘要卡;Banner 仅在服务端下发有效内容时展示。
  5. 重要信息卡仅保留 I03、I04,字段完整且仅在可信入账/放款成功后显示。
  6. 页面所有业务内容均来自服务端快照;客户端不得推断或补全业务状态。
  7. 首屏支持壳层和模块骨架;核心、还款、非核心模块独立加载,弱网不会阻塞还款主任务。
  8. 模块 unavailable、字段不完整或快照版本异常时,按规则折叠或展示通用重试,不展示旧账号或虚构信息。
  9. 快捷入口不包含已移除的四类入口,并按第 3.6 节跳转。
  10. 所有互动区块均按第 5 节记录稳定、非敏感埋点。
  11. 核心快照失败且无有效已确认快照时,主卡必须切换为 N01,且页面不得展示旧金额、虚拟账号、订单或业务结论;点击 Retry 后重新按分步骤加载规则请求首页。