响应式网站 · 金融体验
Credroad



从问题出发
项目概览
个人信用管理网站,帮助用户理解信用评分、找到提升方向,并比较适合自己的信用卡。
面临的问题
信用信息分散而复杂,用户难以理解下一步该做什么,也缺少清晰的卡片比较方式。
设计目标
将信用管理拆解为有提示的清晰步骤,在同一处提供必要的信息与工具。
我的角色
负责 Credroad 的用户体验与界面设计。
工作内容
用户研究、信息架构、线框、可用性验证、视觉设计与交互原型。
理解使用者
用户研究
通过访谈和同理心地图理解用户。将观察整理为用户画像,再沿着实际任务识别阻碍,优先解决影响核心流程的问题。
关键痛点
01
清楚的信息
信用信息分散而复杂,用户难以理解下一步该做什么,也缺少清晰的卡片比较方式。
02
直观的操作
信用信息分散而复杂,用户难以理解下一步该做什么,也缺少清晰的卡片比较方式。
03
连贯的体验
信用信息分散而复杂,用户难以理解下一步该做什么,也缺少清晰的卡片比较方式。
用户画像


用户旅程地图
将信用管理拆解为有提示的清晰步骤,在同一处提供必要的信息与工具。

让想法有迹可循
设计起点
先梳理信息架构,再从纸面草图逐步推进到数字线框与低保真原型。在进入视觉设计前,验证导航和任务路径是否清晰。
故事板

信息架构

纸面线框

数字线框

可用性研究
邀请参与者完成核心任务,记录操作中的疑问与阻碍。根据反馈调整信息层次、入口和状态提示,再进行下一轮验证。
从结构走向体验
打磨设计
建立统一的色彩、字体、图标和组件系统。将研究结论落实到每个界面,并通过响应式布局保持跨设备体验的一致。
高保真界面
以下为参考项目的原始界面与研究图,保留其英文示意内容。








回顾与继续
成果与思考
收获与启发
好的体验始于对真实需求的理解。通过清晰的信息层次和连贯的任务路径,帮助用户更从容地完成目标。项目为作品集演示,不代表经过独立审计的业务指标。
下一步
继续开展可用性测试,收集真实使用反馈;优先解决高频问题,再评估后续功能。
下一个案例Suplan