中文字幕一区二区三区在线中文-日本中文字幕 在线观看-欧美日韩国产亚洲综合-性色AV一二三天美传媒

廣州總部電話(huà):020-85564311
20年
互聯(lián)網(wǎng)應(yīng)用服務(wù)商
廣州總部電話(huà):020-85564311
20年
互聯(lián)網(wǎng)應(yīng)用服務(wù)商
請(qǐng)輸入搜索關(guān)鍵詞
知識(shí)庫(kù) 知識(shí)庫(kù)

優(yōu)網(wǎng)知識(shí)庫(kù)

探索行業(yè)前沿,共享知識(shí)寶庫(kù)

攜程金融改版了 , 設(shè)計(jì)團(tuán)隊(duì)自發(fā)推動(dòng)的 , 可真卷呀!

發(fā)布日期:2025-05-15 10:14:19 瀏覽次數(shù): 879 來(lái)源:小阿田的設(shè)計(jì)筆記

?? 点击  “蓝色字体” 关注小阿田




随着市场环境的快速变化,尤其是在经历了疫情之后,金融市场逐渐从增长期过渡到成熟期。


在这一阶段,市场竞争愈发激烈,用户增长放缓。为了将产品、服务和用户体验做到极致,携程金融UE自发了【授信流程体验全面升级】的重大改版,旨在更好地满足用户需求,提升产品在市场的竞争力。


现有问题
在快速增长的阶段,设计团队为了配合产品的快速迭代上线,完善基础功能。这种做法虽然在初期能够快速响应市场,但也遗留了许多问题:


交互步长的冗余,受限于技术框架,原流程的任务均独立存在,无法形成有效的串联,导致用户在操作时需频繁通过中间页进行承接,视觉交互不一致,由于快速迭代需求上线,未能建立统一的规范。



设计方向
在彻底分析了现有问题及用研报告后,我们确定了视觉、交互、范围三个层面的改版设计框架:

视觉层:通过优化页面结构和视觉表现,增强用户视觉体验的一致性。

交互层:通过简化操作步骤,提升用户操作的便捷性和效率。

范围层:通过组件化任务流程,实现金融全业务覆盖,提升设计和开发的效率,降低运营维护成本。




视觉层
考虑到金融自身体的独特性,我们围绕形态、色彩、字体、质感以及页面结构等几个方面进行设计。

01 形态设计

我们在页面布局上做了优化和统一,采用“头部进度提示+主体任务展示+底部按钮操作”的方式,通过合理的间距将模块清晰的分割,使用户能更清晰的感知到任务进度和路径,增加预判感知。


02 色彩选择

色彩设计上,结合金融用户画像偏好及携程蓝这一标志性色彩作为主色调,使得用户在携程、去哪儿、智行、铁友(金融主要依托在这些APP场景中)的金融服务中感受到一致的视觉体验,减少用户在不同服务场景切换时的认知负担。


03 字体调整

针对金融服务的特点及用户阅读习惯,我们对标题和内容的字号、大小、间距进行全面调整,使得传递的信息更清晰易读。


04 质感升级

在质感设计上,我们采用充满科技感的蓝色渐变风,不仅符合金融科技的行业特性,也与携程蓝相形契合,提升了产品专业度的同时也增加了视觉层次感。


05 页面重构
通过头部进度区、中间任务内容区、底部操作区的清晰划分,每个部分都是采用组件化设计,增加了页面布局的灵活性同时降低维护难度,保证了不同任务的视觉视觉一致性,减少用户学习成本,同时增加他们对产品的信任感。



交互层
基于改版前存在的问题,我们通过创建一个整体的大组件来统一管理所有授信任务,所有业务的任务均可由组件统一调度,消除了任务中跳转的中间页,做到任务与任务间的无缝衔接。


01 简化操作步骤

授信流程的步长减少了50%,极大地降低了用户的操作难度,提升了体验。


02 统一交互动画

确保每个动画都符合整体设计风格,增强用户感知一致性和专业性。



范围层
我们对金融业务任务进行归纳、整理、分类并进行组件化,像搭建乐高积木一样,使各类任务能兼容不同任务形态并融入整个授信流程,最终实现了全金融场景的覆盖。


数据结果
目前新版授信流程已上线半年多,风控核身、任务完成率及授信流程等核心指标数据均表现良好,超出预期效果。数据结果验证了统一视觉与简化交互步骤能有效帮助用户聚焦信息、降低操作费力度,提升核心功能使用率。

总结
通过视觉和交互改版,与大家分享了我们在业务改版设计的探索,于整个项目是由UE自发推动,涉及的改动量和开发人日非常大,项目在未上线获得正向数据前,体验的价值无法被量化,期间跟老板、开发们无数次上会敲定方案,最终得以推动信贷业务线接新组件。

上线后数据反馈向,切量50%后持续观察两个月,数据依然稳定,有了数据的支撑才得将组件推动至全业务线。由于新版对每个任务项的监测更准确了,未来我们还会继续深入监测每项任务的数据表现,持续深入发掘可提升点,改善产品体验,发挥设计价值。


将公众号“小阿田的设计笔记” 设为⭐️星标
扫码加WeChat 一起交流学习



点个 “ 在看 ” 下期更精彩哦。
↓↓

優(yōu)網(wǎng)科技,優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應(yīng)服務(wù)商

優(yōu)網(wǎng)科技秉承"專(zhuān)業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念,誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶(hù),成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴!

優(yōu)網(wǎng)科技成立于2001年,擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類(lèi)業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門(mén)戶(hù)型、營(yíng)銷(xiāo)商務(wù)型、電子商務(wù)型、信息門(mén)戶(hù)型、微信小程序定制開(kāi)發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開(kāi)發(fā))、微信定制開(kāi)發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。


我要投稿

姓名

文章鏈接

提交即表示你已閱讀并同意《個(gè)人信息保護(hù)聲明》

專(zhuān)屬顧問(wèn) 專(zhuān)屬顧問(wèn)
掃碼咨詢(xún)您的優(yōu)網(wǎng)專(zhuān)屬顧問(wèn)!
專(zhuān)屬顧問(wèn)
馬上咨詢(xún)
聯(lián)系專(zhuān)屬顧問(wèn)
聯(lián)系專(zhuān)屬顧問(wèn)
聯(lián)系專(zhuān)屬顧問(wèn)
掃一掃馬上咨詢(xún)
掃一掃馬上咨詢(xún)

掃一掃馬上咨詢(xún)

和我們?cè)诰€交談!