• 快捷搜索
  • 全站搜索

交互设计:从客户体验引领银行产品研发

2014-03-07 15:19:10作者:中国工商银行股份有限公司浙江省分行 沈思莹编辑:金融咨询网
银行产品的开发已步入深耕期,如何以用户为中心,以需求为引导,以技术为推动,提高产品的可用性和用户满意度,成为创新的关键。

        如图2左所示,将智能手机App的操作方法移植到B/S系统中,以“应用”的方式替换原有网址链接,通过“收藏”、“管理”来添加、删除个人常用链接。用户通过使用智能手机已建立了相关操作的思维模式,对于该功能模式无需重新认知就可以熟练操作。

交互设计在银行产品开发中的应用图2.jpg

        如图2右所示,兑换积分商品的操作区域,使用不同颜色按钮将指引强化,可以确保用户注意到不同的功能信息,引导其进行相应操作。点击“加入购物车”后,在原区域弹出提示,既防止多次提交,又为用户提供前往结算或继续购物的入口,减少了网页跳转与鼠标移动。

        (2)一致性设计
        一致性指的是系统界面使用一致的语言系统、操作方式及界面风格。通过统一的元素外观和交互行为可以有效传达信息,强化产品形象,提高用户忠诚度。如图3所示,积分商城首页、商品列表页和具体商品页,每个页面中的字体、控件、界面布局有所区别,但整体上保持了导航、配色、设计元素的一致,确保了视觉上既统一又不呆板,增强了网站友好度。

交互设计在银行产品开发中的应用图3.jpg

        (3)隐喻设计
        隐喻设计改变传统的交互方式,结合了现实生活逻辑和用户直觉,将复杂的功能化繁为简,帮助用户更快地理解功能。如图4左所示,采用了操作隐喻,拖动某一事项至其他日期格中,即可改变该事项的日期,比以往编辑修改的方式更为直观方便。如图4右所示,分行网银特色业务图标,为辅助用户理解与区分不同业务,对照业务特点设计了相应图标,减少冗余的说明文字的同时增加了界面美观度。

交互设计在银行产品开发中的应用图4.jpg

        (4)引导式帮助设计
        系统帮助给用户提供了准确详尽的操作说明,帮助用户学习和使用系统,好的帮助可以减少用户的学习成本及维护人员的工作量。如图5所示,在线表格系统,功能较多操作复杂,对用户来说有一定门槛。于是我们在用户首次登录时,设计了界面遮罩,引导用户观看操作指南。并采用flash的方式展示整个操作过程,比以往文字帮助更能让用户决速上手。

交互设计在银行产品开发中的应用图5.jpg

        2.设计流程应用——工作事项管理系统

        工作事项管理系统是一个管理和考核重点工作完成情况的系统。原先部门内部采用在线表格的方式进行工作考核,由于表格的局限性,随着工作数量的增加和事项的变更,逐渐出现了资料不齐全、操作权限不明确、工作进程不清晰、项目进度统计不一致等问题。为了解决问题,在原有表格基础上设计开发工作事项管理系统。在开发过程中应用交互设计方法,通过功能整理、原型构建和高保真原型设计(如图6所示),不断将方案深化。系统尝试将事项进程可视化,运用色彩进度条标示各项目的进展程度;引入里程碑概念,通过时间节点信息有效掌握工作的具体进展情况。为了简化对各类信息的操作,使用不同控件辅助用户输入,如采用滑块快速输入项目进度、与Notes系统操作方式一致的输入人名按回车键添加人员、微博式的标签输入等,提高办公效率。目前该系统已投产试运行,清晰有度的管理工作事项模式和友好的界面受到了好评。

交互设计在银行产品开发中的应用图6.jpg

        应用交互设计的流程与方法,通过原型迭代不断验证和改进设计方案,能极大程度减少可能出现的风险,从全局上优化研发过程。高保真原型的界面与图标可为最终系统所采用,减少了后期美工的工作量;开发人员只需等原型通过评审后再进行后台和前端开发,不用为功能调整而反复重构代码,大大减少开发时间和人力成本。对于开发团队来说,合理的分工提高了个人工作效率;每一次的评审讨论,项目组成员之间互相补充工作技巧,建立良好沟通,增强了团队凝聚力。

        实践表明,在银行产品研发中运用交互设计方法可以降低研发成本,缩短开发周期,并能有效保障最终产品具有创新完善的功能、清新耐看的界面和易用流畅的体验,全面满足用户的使用习惯与需求期望。工商银行浙江分行的探索不会止步,将来会继续研究基于银行软件特点的开发模式与方法,以理论推进实践,以实践更新理论,提高自身的核心竞争力,为客户提供优秀的金融服务和体验。

(文章来源:《中国金融电脑》杂志)
 

首页 上一页 1 2

扫码即可手机
阅读转发此文

本文评论

相关文章