手机银行系统UI设计
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
【关 键 词 】计 算 机 ；信 息 ；手 机 银 行 ；UI ；百度文库 点 触 摸
手机银行系统是指通过移动通信网络将客户的移动电话与银行 连接，客户通过手机客户端的方式发出交易指令，在手机界面上直接 完成各种金融服务的一种新业务系统。 手机银行是网络银行的派生产 品之一，它的优越性集中体现在便利性上，客户利用手机银行不论何 时何地均能及时交易，节省了 ATM 机和银行窗口排队等候的时间。 作 为一种结合了货币电子化与移动通信的崭新服务，移动银行业务不仅 可以使人们在任何时间、任何地点处理多种金融业务，而且极大地丰 富了银行服务的内涵，使银行能以便利、高效而又较为安全的方式为 客户提供传统和创新的服务，而移动终端所独具的贴身特性，使之成 为 继 ATM、互 联 网 、POS 之 后 银 行 开 展 业 务 的 强 有 力 工 具 ，越 来 越 受 到国际银行业者的关注。
迄今， 全球移动用户已超过 50 亿， 中国移动通信用户总数超过 9.1 亿 ；全 球 3G 用 户 数 量 超 过 5 亿 ，而 中 国 3G 用 户 数 已 经 超 过 7376 万。 目前，我国手机银行业务在经过先期预热后，逐渐进入了成长期， 如何突破业务现有发展瓶颈，增强客户的认知度和使用率成为移动银 行业务产业链各方关注的焦点。
2011 年 第 27 期
SCIENCE & TECHNOLOGY INFORMATION
○I T 论坛○
科技信息
手机银行系统 UI 设计
胡建林 （北京融易通信息技术有限公司上海分公司 中国 上海 201109）
【摘 要】本文主要讲述用户研究与界面设计的过程。 包括:交互设计，用户研究，与界面设计三个部分。 基于这三部分的 UI 设计流程是从 一个产品立项开始，UI 设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环 节 ，履 行相应的岗位职责。
每家银行业务上都各有不同的特点，有自己的特色业务。 因此，在 进行手机银行进行需求分析时也对业务功能进行分类，分析认清不同 客户在不同情况下的需求差异。 比如，手机银行有基本的账户查询、转 账汇款、信用卡、个贷业务、投资理财、金融工具；还有一些特色的增值 业务如手机充值、游戏点卡充值、机票预订、彩票服务、酒店预订、电影 票等。 除此之外在需求阶段同类竞争产品也是我们必须了解的。 同类 产品比我们提前问世，我们要比他作的更好才有存在的价值。 那么单 纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标 准的。 我们只能说哪个更合适，更合适于我们的最终用户的就是最好 的。 1.2 分析设计阶段
1 设计过程及原则
1.1 需求阶段 软 件 产 品 依 然 离 不 开 3W 的 考 虑 （Who, Where, Why），也 就 是 使
用者，使用环境，使用方式的需求分析。 所以在设计一个软件产品之前 我们应该明确什么人用(用户的年龄，性别，爱好，收入，教育程度等)。 什么地方用（在办公室/家庭/地铁/公共场所）。 如何用（按键/触摸屏）。 上面的任何一个元素改变结果都会有相应的改变。
5 结束语
［责任编辑：曹明明］
492
2 总结及展望
在手机银行产品的生命周期中，UI 设计师严 格 按 照 流 程 ，根 据 各 个阶段及原则，分析银行产品的特点，制定符合手机银行生命周期的 UI 设 计 流 程 ，完 成 每 个 环 节 的 职 责 ，确 保 流 程 准 确 有 效 的 得 到 执 行 ， 从而提高产品的可用性，提升产品质量。 科
UI 设计的好与坏最终的裁判是用户， 使 用 者 感 受 的 好 与 坏 才 是 最重要的， 因为 UI 最终就是为用户设计的。 有了充足的用户体验调 研，并站在用户的角度去修改完善设计，向用户希望的好的方向迭代 发展。 因此对于 UI 设计师而言，要做好积极的沟通交流，不要抱有太 多个人感情，更多理性的去思考设计。 因此好的 UI 设计不仅仅是要让 软件产品变得有个性，还要让软件变得更舒适、更自由、更简单，能充 分体现手机银行的基本功能和特色功能，给用户的生活和使用带来更 多方便。 通过设计的原型和多套 UI 方案，对用户进行测试，通过详细 的测试来得出用户客观真实的反馈。 1.4 方案改进阶段
● 【参考文献】
［1］周陟.UI 进化论:移动设备人机交互界面设计.清华大学出版社,2011（1）:30． ［2］Dan Saffer.陈 军 亮.陈 媛 嫄.李 敏.交 互 设 计 指 南 ：原 书 第 2 版.机 械 工 业 出 版 社 ，2011（6）:46．
［责任编辑：王爽］
●
（上接第 511 页）根据现场的要求，在频率范围之内任意给定频率。 变频器的实时状态也能在上位机上表现出来，绿色代表变频器停
经过用户调研，我们得到目标用户最喜欢的方案。 而且了解到用 户为什么喜欢，还有什么遗憾等，这样我们就可以进行下一步修改了。 这时候我们可以把精力投入到一个方案上将方案做到细致精，功能清 晰，使用便捷，界面时尚。 1.5 用户验证阶段
改正以后的方案，我们可以上线把其推向市场，同时我们还需要 用户反馈，零距离接触最终用户，看看用户真正使用时的感想。 为以后 的升级版本积累经验资料。
止，红色代表变频器运行，黄色代表变频器故障。 操作按钮为灰色表示 设备控制方式为就地控制，不能进行远程操作控制。
本 文 介 绍 了 西 门 子 PLC 和 VACON 变 频 器 在 炉 底 传 动 控 制 系 统 中的应用， 说明了整个控制系统的工作原理及工作流程，PLC 的特点 及注意事项，设计要求，程序设计方法，本文介绍的程序已在实际生产 中获得了成功的应用。 科
随着技术的进步， 现在用户便不再仅仅满足于手机软件的功能， 转而更多的关注软件的用户界面是否美观舒心、简单易用。 因此软件 的界面设计变的越来越重要，能否拉近用户与软件的距离，主要靠软 件的 UI 界面设计。 因此对界面设计的研究在现在软件开发中相当重 要 。 目 前 手 机 银 行 多 采 取 手 机 客 户 端 的 方 式 ，UI 界 面 设 计 也 尤 为 重 要。
通过分析上面的需求，我们进入设计阶段。 也就是方案形成阶段。
我们设计出几套不同风格的界面用于被选。 首先我们要分析这款手机 银行产品的定位，从软件提供者的角度分析产品推出的意义和重点关 注的方面，明确列出产品定位。 结合竞争产品的分析资料，采用定性分 析的方法，获得对用户对手机银行产品的认识。 根据归纳的功能基础 上，结合竞争产品规格整理的领域认识，从逻辑上梳理需求功能列表。 这样根据不同产品特点，我们设计出数套不同风格的界面。 设计的产 品界面应该包括控件数量和类型、 控件之间的逻辑关系和组织关系， 以及支持用户对控件或控件组所代表的功能的理解，对用户操作做明 确引导，要设计出一套完整的可模拟的产品原型。 1.3 调研验证阶段
手机银行系统是指通过移动通信网络将客户的移动电话与银行 连接，客户通过手机客户端的方式发出交易指令，在手机界面上直接 完成各种金融服务的一种新业务系统。 手机银行是网络银行的派生产 品之一，它的优越性集中体现在便利性上，客户利用手机银行不论何 时何地均能及时交易，节省了 ATM 机和银行窗口排队等候的时间。 作 为一种结合了货币电子化与移动通信的崭新服务，移动银行业务不仅 可以使人们在任何时间、任何地点处理多种金融业务，而且极大地丰 富了银行服务的内涵，使银行能以便利、高效而又较为安全的方式为 客户提供传统和创新的服务，而移动终端所独具的贴身特性，使之成 为 继 ATM、互 联 网 、POS 之 后 银 行 开 展 业 务 的 强 有 力 工 具 ，越 来 越 受 到国际银行业者的关注。
迄今， 全球移动用户已超过 50 亿， 中国移动通信用户总数超过 9.1 亿 ；全 球 3G 用 户 数 量 超 过 5 亿 ，而 中 国 3G 用 户 数 已 经 超 过 7376 万。 目前，我国手机银行业务在经过先期预热后，逐渐进入了成长期， 如何突破业务现有发展瓶颈，增强客户的认知度和使用率成为移动银 行业务产业链各方关注的焦点。
2011 年 第 27 期
SCIENCE & TECHNOLOGY INFORMATION
○I T 论坛○
科技信息
手机银行系统 UI 设计
胡建林 （北京融易通信息技术有限公司上海分公司 中国 上海 201109）
【摘 要】本文主要讲述用户研究与界面设计的过程。 包括:交互设计，用户研究，与界面设计三个部分。 基于这三部分的 UI 设计流程是从 一个产品立项开始，UI 设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环 节 ，履 行相应的岗位职责。
每家银行业务上都各有不同的特点，有自己的特色业务。 因此，在 进行手机银行进行需求分析时也对业务功能进行分类，分析认清不同 客户在不同情况下的需求差异。 比如，手机银行有基本的账户查询、转 账汇款、信用卡、个贷业务、投资理财、金融工具；还有一些特色的增值 业务如手机充值、游戏点卡充值、机票预订、彩票服务、酒店预订、电影 票等。 除此之外在需求阶段同类竞争产品也是我们必须了解的。 同类 产品比我们提前问世，我们要比他作的更好才有存在的价值。 那么单 纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标 准的。 我们只能说哪个更合适，更合适于我们的最终用户的就是最好 的。 1.2 分析设计阶段
1 设计过程及原则
1.1 需求阶段 软 件 产 品 依 然 离 不 开 3W 的 考 虑 （Who, Where, Why），也 就 是 使
用者，使用环境，使用方式的需求分析。 所以在设计一个软件产品之前 我们应该明确什么人用(用户的年龄，性别，爱好，收入，教育程度等)。 什么地方用（在办公室/家庭/地铁/公共场所）。 如何用（按键/触摸屏）。 上面的任何一个元素改变结果都会有相应的改变。
5 结束语
［责任编辑：曹明明］
492
2 总结及展望
在手机银行产品的生命周期中，UI 设计师严 格 按 照 流 程 ，根 据 各 个阶段及原则，分析银行产品的特点，制定符合手机银行生命周期的 UI 设 计 流 程 ，完 成 每 个 环 节 的 职 责 ，确 保 流 程 准 确 有 效 的 得 到 执 行 ， 从而提高产品的可用性，提升产品质量。 科
UI 设计的好与坏最终的裁判是用户， 使 用 者 感 受 的 好 与 坏 才 是 最重要的， 因为 UI 最终就是为用户设计的。 有了充足的用户体验调 研，并站在用户的角度去修改完善设计，向用户希望的好的方向迭代 发展。 因此对于 UI 设计师而言，要做好积极的沟通交流，不要抱有太 多个人感情，更多理性的去思考设计。 因此好的 UI 设计不仅仅是要让 软件产品变得有个性，还要让软件变得更舒适、更自由、更简单，能充 分体现手机银行的基本功能和特色功能，给用户的生活和使用带来更 多方便。 通过设计的原型和多套 UI 方案，对用户进行测试，通过详细 的测试来得出用户客观真实的反馈。 1.4 方案改进阶段
● 【参考文献】
［1］周陟.UI 进化论:移动设备人机交互界面设计.清华大学出版社,2011（1）:30． ［2］Dan Saffer.陈 军 亮.陈 媛 嫄.李 敏.交 互 设 计 指 南 ：原 书 第 2 版.机 械 工 业 出 版 社 ，2011（6）:46．
［责任编辑：王爽］
●
（上接第 511 页）根据现场的要求，在频率范围之内任意给定频率。 变频器的实时状态也能在上位机上表现出来，绿色代表变频器停
经过用户调研，我们得到目标用户最喜欢的方案。 而且了解到用 户为什么喜欢，还有什么遗憾等，这样我们就可以进行下一步修改了。 这时候我们可以把精力投入到一个方案上将方案做到细致精，功能清 晰，使用便捷，界面时尚。 1.5 用户验证阶段
改正以后的方案，我们可以上线把其推向市场，同时我们还需要 用户反馈，零距离接触最终用户，看看用户真正使用时的感想。 为以后 的升级版本积累经验资料。
止，红色代表变频器运行，黄色代表变频器故障。 操作按钮为灰色表示 设备控制方式为就地控制，不能进行远程操作控制。
本 文 介 绍 了 西 门 子 PLC 和 VACON 变 频 器 在 炉 底 传 动 控 制 系 统 中的应用， 说明了整个控制系统的工作原理及工作流程，PLC 的特点 及注意事项，设计要求，程序设计方法，本文介绍的程序已在实际生产 中获得了成功的应用。 科
随着技术的进步， 现在用户便不再仅仅满足于手机软件的功能， 转而更多的关注软件的用户界面是否美观舒心、简单易用。 因此软件 的界面设计变的越来越重要，能否拉近用户与软件的距离，主要靠软 件的 UI 界面设计。 因此对界面设计的研究在现在软件开发中相当重 要 。 目 前 手 机 银 行 多 采 取 手 机 客 户 端 的 方 式 ，UI 界 面 设 计 也 尤 为 重 要。
通过分析上面的需求，我们进入设计阶段。 也就是方案形成阶段。
我们设计出几套不同风格的界面用于被选。 首先我们要分析这款手机 银行产品的定位，从软件提供者的角度分析产品推出的意义和重点关 注的方面，明确列出产品定位。 结合竞争产品的分析资料，采用定性分 析的方法，获得对用户对手机银行产品的认识。 根据归纳的功能基础 上，结合竞争产品规格整理的领域认识，从逻辑上梳理需求功能列表。 这样根据不同产品特点，我们设计出数套不同风格的界面。 设计的产 品界面应该包括控件数量和类型、 控件之间的逻辑关系和组织关系， 以及支持用户对控件或控件组所代表的功能的理解，对用户操作做明 确引导，要设计出一套完整的可模拟的产品原型。 1.3 调研验证阶段