文章简略论述了规划改版进程中的一些考虑和经历，期望用图文的方法总结下来，和咱们共享一下，彼此学习或许带来必定的启示。

司机金融是归于卡车帮司机端的一个金融模块，跟着途径的改版规划，咱们在坚持全体途径标准的前提下，界说了归于金融自己的视觉风格，依据本身的事务特征和用户特征进行差异化规划。

此文章简略论述了规划改版进程中的一些考虑和经历，期望用图文的方法总结下来，和咱们共享一下，彼此学习或许带来必定的启示。

项目布景为什么要做改版？

跟着产品事务的开展，司机金融主页逐步暴露了以下问题：

产品层面：无法满意司机贷与司机白条的事务场景区别，无法突显中心功用点，链接用户的运用场景感弱；偏东西化，运营缺少，不利于后期的用户习气培育；在同类竞品中，产品形象缺少，品牌感弱。交互层面：产品结构结构单一，拓展性缺少，简略的功用堆叠，无功用主次区别。视觉层面：款式陈腐，视觉信息无层级区别，风格冗繁，缺少一致性和规划精密度。规划探究前史方针用户

明晰产品方针用户，做有针对性和差异化的规划，结合前期的调研剖析总结出以下用户特征：

以上三点用户特征，咱们能够对应到不同的规划战略上来，比方：

依据根本社会特征剖析，能够对应到视觉上削减图标的运用，用文字来替代图标，下降用户了解本钱；依据消费行为特征剖析，能够对应到内容上添加优惠券推送，满意用户享用优惠的需求；依据动态特征特征剖析，能够对应到途径大将视频类使用作为首要推送途径。改版方针

这次的改版是由规划侧建议的，一起咱们也需求统筹事务上的需求，期望能够有一个愈加简练明晰的信息结构呈现，下降用户的操作和认知本钱，一起做好主次事务区别，突显出产品的中心功用点，强化产品的运营特征，改动东西化的用户认知，添加用户黏性和留存。

视觉上在大途径改版的标准下，找到有本身金融特征特征的风格，做好信息层级区别，融入必定的品牌基因，强化产品形象，改进用户认知，进步用户对产品的承受度和满意度。

处理方案1.信息架构优化

针对旧版架构冗繁，存在不必要的分类和拓展性缺少的问题，进行信息架构的整理和优化：

（1）细化页面结构布局-探究更适宜的方法

依据整理的功用结构，依照事务优先级优化布局结构和视觉层次，在保证漂亮度和高效传达信息的一起，考虑怎么进步首屏版率（以750x1334px为基准）。

（2）布局层级剖析-判别合理性

这儿选用视觉比重剖析法，以视觉所占比重来开始衡量层级布局的合理性。

2.心情版剖析

经过心情版能够协助咱们了解用户的心情、情绪等一系列和心里活动相关的内容，并借此辅导咱们挑选最适宜的视觉风格。

在此进程中咱们需求去发散一些和产品特征相关的抽象化原生要害词、具象化的衍生要害词，并以此树立图片库，做好分类，挑选方针用户，让用户依据要害词挑选适宜的图片，并给出必定挑选原因，终究依据用户挑选的图提取视觉要害词。

经过多番探究，结合现在的产品特性，终究提取出以下规划要害词：抑制、高效、亲和。

3.色彩体系

色彩挑选在HSB形式下进行优化，期望体现出产品的金融特征，带来牢靠、安全、有保证以及可信赖的心思感触，突变色的运用，使得页面全体愈加丰厚和具有活力。

4.品牌元素浸透

为了强化品牌形象，在规划中除了色彩和文字logo以外，别的融入了品牌元素（减速带箭头图形）和容器圆角，来加深用户认知和增强产品亲和度。

5.头部信息区

头部信息信息区承载了页面的中心功用，包含了司机贷、还款进口以及会员进口等，考虑到后期或许呈现的运营换肤功用，选用组件化规划，结构分层，突显要害信息，便于迭替代换。

6.功用进口区

功用进口区是司机白条的中心转化场景，为了招引用户的留意选用卡片容器承载，配色链接产品事务用色，进步饱和度和亮度，选用突变丰厚色彩细节；针对方针用户集体，选用箭头图标进行引导，添加可点击感；选用相关图标加深场景气氛，协助用户认知功用，发生心思预期。

7.精密化规划

针对白条优惠场景的信息规划，精密化迭代，期望呈现一个杰出的内容结构和信息层次，满意事务需求的一起，更好的协助用户做出挑选。

8.运营瓷片区-品牌化表达

运营瓷片区选用组合规划，依据不同的运营需求存在多种装备方法，包含独自呈现、成对呈现、一拖二等。规划上为了杰出金融事务特征，采纳英文底纹做区别规划，并关于一拖二的组合做瓷片层级区别规划，杰出某一要点运营位。考虑到落地和运营规划后期的可控性，关于要点运营位给出了用色标准模板。

9.品牌规划

为了合作整个项意图改版，针对品牌文字logo也做了晋级优化，这是组内的小伙伴完结的，感谢他们的支付，使得整个改版愈加的完好，一起也使得整个视觉识别体系愈加完善和标准。

10.运营标准

在改版进程中，咱们整理了金融事务线呈现的运营场景，并进行了分类概括，界说运营规划标准，意图是为了进步运营作图的标准性和产出功率。

11.动态处理方案

旧版本经过调研反应用户对还款操作进口感知弱，这和方针用户的操作习气有必定联系，在改版中咱们采纳三种方法来处理这个问题：

一是当用户初度进入主页给与用户操作引导；二是当还款信息大于两条时，信息上下轮播，使用动态效果来协助用户认知进口；三是当用户下滑时，还款进口吸顶固定，便于用户操作。结束感悟

总结下大约的思路进程：项目布景–方针用户–预期方针–处理方案–规划验证–精密调整。

当然不同的项目咱们的规划进程有所不同，可是万变不离其宗，咱们需求尽或许的明晰事务侧和用户侧不同需求方针，运用规划的手法将之转化为用户行为，从而反哺给事务方针和用户体会方针。明晰好规划的实质是服务，服务于咱们的产品，服务于咱们的用户。

作者：李淳风，站酷个人主页：zcool/u/2914502

本文由@李淳风授权于人人都是产品司理。未经许可，制止转载

题图作者供给