当前位置:首页 >  设计行业 > 正文

BOD是新一代的智能风控决策中心平台。主要功能是通过产品对借款人进行准确、实时的风险量化评估和决策 ,将业务风控和IT进行分离, 提升内部协作效率。

随着产品的不断迭代更新和用户需求的日益增加。之前的版本在交互统一性、易用性方面都有所下降,同时随着监管的加强和客户对风控平台部署需求的升级,产品在主功能层面的扩展性也受

到部分限制,因此进行一次全面的大版本升级。

本次升级主要包括两方面:

1、整体UI及页面架构调整

2、旧功能梳理优化、新功能的增加


 


 

主要功能


 


 

制作规范的原由

在整个产品设计过程中,视觉与交互不仅肩负着需要展现表象,更是衔接产品需求,梳理产品骨架并且与前端开发团队协作的工作的功能。有时虽然设计出了视觉图但是却不能基于开发同学的组件逻辑,或是交互的动效过于复杂耗时耗力延缓产品进度,这就造成开发同学有时会按自己的想法来做静态页面搭建,造成页面形式各异体验不统一。

特别是TOB的软件页面,虽然不如web或是app来的炫酷但是在细节和使用体验上的把控却非常严格,对逻辑和页面的统一性也要求非常高,所以更需要一套规范来辅助设计和开发,并且能在后续增改和迭代时有据可依。


 


 

制作规范的方向


 



制定时机


1.主要页面与基础模块确定了之后在进行制定
 

之前碰见好几次页面还没有做产品就让先出一套规范的情况,然后在后续的设计和开发时都严格按照规范来做。这就会在后面项目推进的过程中出现很多问题,在没有实际开始设计时很多想法其实都很突发奇想会欠缺很多考虑,所以按这个时候制定的规范设计时时间一长就会出现很多问题,比如主次页面分层表达不明确按钮的尺寸分布样式,表格列宽固定方式,哪些部分需要自适应等等,这些都是需在确定了大的主要页面和模块之后才能实际制定出来。


2.规范应该可修改

也不是规范做好了就改不了,应该是按照开发时的实际情况可进行适当修改,譬如这次刚制定规范时没有考虑到校验性文字与提示性文字重叠的情况,所以在小表格页面就出现了行高尺寸错误。规范并不是为了给整个视觉和开发制定条款的,而是为了更好的让设计与开发进行协同工作,在保证页面统一的情况下缩短开发的进度,也方便增加需求或是迭代时有迹可循。


 

3.提前沟通,了解开发同学的开发习惯和应用组件

因为视觉和前端同学有时对同一组件的逻辑理解是不一样的所以制定时一定要沟通协调,提前询问好开发同学用的是什么组件库和栅格比例,在此基础上在进行控件的设计,也要提前询问前端当你设计新的UIkit 模块时他们代码耗费时间和交互动效是能实现。


 


设计步骤


1.在主要界面和栅格确定后,整理出分类层级
 

根绝需求大致确定导航的层级,分类,一级页面需要跳转页面和功能叠加页面。


 

2.按照功能和层级区分出基础模块的分类,并确定使用的场景

根据结果来划分颜色,字体,按钮,组件大小和间隔距离。


 

3.细化颜色,字号,按钮,控件等的基础设计

每个人对颜色的感知都是不一样的,我们不能让所有人都满意但是却可以满足大部分人,所以在主要页面确定后我们依照logo,行业标准色,官网,视觉疲劳耐受度等,出了5版颜色的主页面让项目相关的同学和一部分老用户进行投票选择,最后根据投票数决定。


 

4.制作可交互的查阅样式,方便使用和演示时精准找到定位点
 


 

5.利用协同工具输出规范

在这里给大家推荐一下pxcook,我们是直接把psd文件放进去标注,开发同学就能直接测量和调用样式代码,通用Mac和win系统并且可以实时更新非常的方便。


 


 


规范内容
 

除了层级展示和栅格标注外,规范内还应该包含以下内容
 

最新图文

相关文章

图1
图3

热门排行