谈银行软件系统界面设计用户体验的提升 - 蓝蓝设计_UI设计公司

2016-6-29 蓝蓝 交互设计及用户体验

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


原创作者:魏华     转载请注明出处


新一代的银行软件系统不在拘泥于视觉上的美工,而是上升到咨询和策划的层面,更在意理解银行业务后交互形式的创新,业务流程的诊断和梳理,化繁为简,变难为易;与传统表格相关联的大数据可视化,通过对信息的分析所能达到的核心信息图表化,突出化,通过对信息的解读,数据的挖掘,形成直观可视的结果,让枯燥的图表变成普通人易解读的信息。用先进的框架技术,结合世界上领先的各类组件,做成封装好代码和文档,使前端开发的工作和后台功能开发工程师的工作分离,使开发工作更加高效。

用户体验设计是综合以上种种,而不限于此的综合性体验,以达到人机界面,环境,应用的和谐美好。做好软件界面设计,提升用户体验,对中国银行信息化建设提升到新的层次,有着重要的意义。

从优秀到卓越,如何更好的设计软件界面呢?下面分几个方面阐述提升和优化用户体验的几个原则。

1、 深刻理解银行业务流程才能做好布局和交互的创新

银行系统往往布局交互同质化严重。客户期望在交互和布局上有创新和不一样,但常见的问题是不知从何改起。只有深刻理解业务流程,明白工作流是如何进行,会遇到哪些的流转环节状态及相应的反馈和操作是什么? 才能做功能上的合并、分拆,变化,敢做大手术,大变化。

布局的改变、流程的诊断,清晰业务的重点,带动交互的创新,操作路径的简化。

这是一个知识面又深又广的基础性工作,需要相当踏实,很多的时间,安静的一遍遍去读需求文档,和这个领域的专家去学习、访谈。

做好这件事,才可以让软件界面的设计上升到咨询和策划的层面。

 

2.全球化的视野,博采众长

 

这项工作其实是竞品分析,竞品分析可以做到的维度是不同的、同类型软件功能定位的比较,同一种功能交互形式的比较,同一种交互形式视觉表达的比较,同一类视觉表达动效的比较.......

见多识广,国际上有许多软件界面和互联网产品丰富的表现方式可以借鉴。只要足够用心,可以建立专项的资料库,按照软件类别、动效库、交互方式、视觉表达方式、不同的色彩组合配色,不同的专项图标库,技术框架库,论文库......如果平时有积累,在突然需要提案的时候才不会慌,大量的基础储备之上,创新也容易。

 

3.数据可视化和信息图标化

想要创新及卓越,化平常为惊喜,易用,要从数据的分析开始。

在一个软件中最最普通的地方就是表格、查询框和统计报表了。

信息图标化   将一个简单的表格标题,分析出其最核心的、最关注的信息是什么?换一种形式表达,比如卡片式,然后把核心信息突出,次要的弱化。

点击查看原图


将信息的各种状态:如公文文档的类型,各种已反馈,未反馈、紧急、正常、预警信号的等级,通过图标、色彩来可视化,建立条件反射般的直观易懂。

 

数据可视化   如企业的信息报告,与传统表格相关联的大数据可视化,通过对信息的分析所能达到的核心信息图表化,突出化,让枯燥的图表变成普通人易解读的信息。


分析结果的建议   如全国最大的征信机构邓白氏,在所有的企业报告右上角都有一个邓白氏信息预警评级。如360安全卫士的安全评分。

通过对信息的解读,数据的挖掘,总体直接给用户形成分析结果的建议。

 点击查看原图


4.动效的应用和先进前端技术实施

 

软件中,无论是数字和统计报表正在变化的小动效,还是进行一项操作后的场景动效,都会给客户一种:『软件正在勤恳的工作噢』的欣慰感和惊喜!

移动端动效的应用比较常见,反而pc端软件动效的应用较少。迅雷客户端当时菜单上的大图标,光标移上时会翻身,当时给了我意外的惊喜。 惊喜就是意想不到,想要在普通平凡中脱颖而出,可以借鉴移动端的一些效果。从优秀到卓越,动效的点缀应用是难度不高,附加值高高的选项!

无论是多好的设计、交互、都要落实在技术前端的实施上,对于某些银行类、监控类的应用,响应速度、页面的重量都有严格的要求,需要技术的支撑。

从实施的现实状况来看,做功能开发的工程师们不见得就非常了解前端技术/htmlcss、这是一件术业有专攻的事。一个大型的产品,也需会卖给许多家客户,有大量二次开发的工作要做,通常软件公司里这大量的二次开发前端兼功能开发都是按功能分配给不同的开发工程师一个人完成。软件公司里面的美工、前端通常不懂业务,也很少有足够的人数去完成那么多的工作量。所以就要求用先进的框架技术,结合世界上领先的各类组件、js特效,做成封装好代码和文档,使前端开发的工作和后台功能开发工程师的工作分离,让功能开发的工程师一看即懂,方便调用,使开发工作更加高效。BootStrap是国内最常见的技术框架了,其它还有19种或更多。

用好框架,是一件站在巨人肩上的好事,要跟随时代的潮流,不断的学习、跟进。


5 做好用户体验测试

交互或视觉demo原型完成后,邀请5-8名用户完成一些基本功能和核心流程,布置具体的任务做测试。通过满意度调查问卷,进行用户体验测评。记录任务成功率、出错次数、完成时间等具体指标,并尽量排除人为因素对测试结果的干扰。

由测试人员在全部任务完成后,填写总体满意度问卷,并进行详细说明、分析,在不同的维度汇总评价。

用户体验测试可以分几轮,在不同的阶段进行。



案例分析和设计实践获得的经验

1: 银丰新融公司审计平台首页原来的界面

点击查看原图

这是蓝蓝设计师团队给银丰新融设计的新首页,银丰新融二十多条银行产品线统一UI风格、交互设计。

点击查看原图

点击查看原图

点击查看原图

点击查看原图


蓝蓝设计给光大银行云平台界面设计案例



蓝蓝设计中国信托自主开发系统用户界面设计




蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



标签: 用户体验 银行软件界面设计


Powered by emlog 京ICP备12006971号-1 sitemap