移动终端用户体验交互设计

1、移动终端用户体验交互设计一一如何设计 出一款用户体验好的手机APP作者：王征佳来源：中国金融电脑2016年第9期中国银行软件中心王征佳过去十年中，客户期望与软件开发流程都发生了改变。许多公司已经意识到有必要为客户 特别是为最终用户提供更好的服务。产品是否成功，用户体验在其中的作用越来越重要。本文的主要目的是介绍如何设计出客户体验好的移动终端产品。从移动终端用户的特点和 操作习惯讲述移动终端用户体验产品设计需要关注的内容。结合移动终端产品的实践案例，介 绍移动终端用户体验交互设计的工作流程，以及工作流程中应用的方法和工具。本文适用于移动终端（手机、Pad）产品的界面交互设计，也适用于直接面向用户

2、提供服务 的产品的界面交互设计。对于希望从事移动终端产品设计人员来说，可以从中了解一个手机 APP是如何设计出来的，设计师是怎样工作的，设计师在设计产品时需要掌握哪些方法和工具。一、移动终端用户需求移动终端用户的需求主要分为3大类，包括视觉需求（Visual）、功能需求（Functional） 和情感需求（Emotional）。用户体验设计以理解用户需求为出发点。“老人”和“年轻人”都需要手机，那么他们需 要怎样的手机呢？图1展示了为“老人”和“年轻人”设计的两款截然不同的手机。这2款手机的设计充分考虑了 “老人”和“年轻人”的真实需求。（1）在视觉需求上，老人喜欢字体很大、操作按键明显的AP

3、P。年轻人喜欢界面绚丽的、 操作很炫的APP。（2）在功能需求上，老人就是看时间和打电话，功能多了老人反而不会使用。年轻人的需 求更丰富，除了打电话和发短信外，更希望能够在手机上进行网购、阅读、社交等。（3）在情感需求上，老人喜欢操作简单。年轻人希望能接触到最新的高科技产品，并且乐 于去探索。二、用户体验交互设计流程、角色职责及实践案例用户体验交互设计流程用户体验交互设计流程如图2所示。用户体验交互设计角色职责用户体验交互设计角色职责如表1所示。实践案例某实践案例（手机端企业B2B支付服务）示意如图3所示。三、用户体验设计过程中使用的方法用户场景分析法场景（Scenario）:场景描绘的是用户

4、为达到目标而使用产品的故事，其作用与任务角色 （Persona）类似，在于帮助设计师理解新产品如何融入用户的日常生活当中，以及用户行为的 微妙细节。用户场景分析法：产品经理需要描述用户场景，通过用户场景的描述帮助设计师理解用户 使用产品的场景和用户行为，设计师将想法采用图形的方式进行表达，进而制作原型草图 （Sketching）或制作模型。草图绘制法草图绘制法就是从抽象的用户梗概逐步过渡到具体的交互细节。草图通过可视化的方式来 解释用户故事背后的逻辑问题。绘制草图速度很快，用草图可以帮助探索各种可能的场景，将 场景转换为可视的最初的简单原型（不需要太多细节）。草图绘制过程能够帮助设计师和其他

5、人员讨论设计创意，不断尝试新的创意，并以可视化的形式解决设计问题。草图绘制法工作要点如下。（1）形成最初草图。把创意画在纸上，形成最初的草图。草图是用于测试想法的，而不是 完善想法的。在原型制作前，通过大量的草图绘制过程，探索大量可能的备选方案。最初的草图不需要 太多细节，通过草图对创意进行论证，排除其中缺乏可行性的因素。（2）采用Axure工具绘制交互设计的23种方案。（3）交互设计方案用户测试和走查，确定交互设计方案。此时，需要确定主体交互原则 （如列表都是采用卡片式，主操作按钮在页面下方，辅功能按钮在右上角等）。交互设计需要凸显用户关注的要素项。（4）原型的用户测试。用户能够不用太多思考

6、，不需要太多指导，就能很快地完成想要的 操作。草图需要逐步进化（如图4所示）。视觉设计视觉界面设计（Visual Interface Design）通常涉及的是让界面呈现特定风格的美学元素 的设计，包括布局、字体、颜色以及其他GUI中的主要元素。用户测试法（1）用户测试（又名“可用性测试”）的特点测试1位用户比不做测试效果好一倍。早一点测试1位用户，效果好过最后测试50位用户。越早开始用户测试，解决问题的 成本越低，设计出来的产品越符合用户需求。测试用户不需要是专业人员，人人都可以胜任。测试是一个设计的迭代过程。没有什么比现场用户的反应更重要。（2）用户测试的步骤测试前准备。明确测试目的，准备

7、测试案例、测试设备，选择好用户，定好用户测试计 划（包括时间、地点、观察员）。实施用户测试。有用户测试比没有用户测试好。用户测试很简单，可以随时进行，需要经常做。观察和记录。邀请人们观察，选择观察的人员，鼓励主要干系人观察用户，做好观察记 录。测试回顾和分析。测试完毕后，回顾测试过程中大家看到的问题，对问题进行分类，决 定哪些问题需要修正。找出修正这些问题的方法，解决问题。用户测试示例：一款iPad客户端APP功能用户测试（1）测试前准备制定用户测试计划，包括用户测试时间、地点、组建用户测试小组，其中，用户测试小 组包括引导员、观察员、记录员；实施用户测试前，协调参与用户测试的人员，可选择如下

8、人员参与用户测试：该款APP 的目标用户、经常与用户打交道并熟悉用户需求和习惯的业务经理或销售经理； IHW iXrJrL.*1用即靛眼讦靛帏Hint环gF垢用茸菸就?邳|j耕:书岫沛住浅节炒-醵皿聊g用出！电啊：!弥L粉质JH.雁册甚瓦姑瞄： 单制*.晔8颅丈北 muti Shsh ifr.E成夺而hC5TS=DNS:聂遍很R师e*审.勺打储计怕日准备供用户使用的APP的原型，可以是带交互效果的高仿真图或者离线Demo；准备用 户测试的功能清单，针对每项功能准备测试案例以及用于引导用户操作的提问清单。（2）实施用户测试在用户测试实施过程中，用户测试小组成员按照分工各司其职，相互配合完成用户测

9、试， 分工如下。引导员负责引导用户使用功能。引导员告诉用户本次测试的大致目的，并引导用 户使用APP的功能。引导员尽量通过提问的方式挖掘用户此时的想法。案例1： APP的首页引导员问用户：首先我想让您看看这款APP的首页，然后告诉我您认为这个APP是干什么 的？您是通过什么知道的？还有，您觉得可以先点击哪里？您可以把您此时的想法说出来，这 样能帮助我们了解您在想什么。用户：我觉得。观察员负责用户观察和问题记录。观察员一般包括产品经理、设计师、技术经理等。在 用户操作过程中，观察员将观察现场用户的反应，并记录问题。现场观察员不宜太多，以让用 户感觉舒服为宜。录制员负责对用户测试过程进行视频录制或

10、者录音。在征求用户同意的前期下，可对用 户测试过程进行视频录制或者录音，该项工作可由录制员负责。录制员的工作也可以由观察员 承担，以减少参与用户测试现场的人员。（3）用户测试回顾和分析，整理出待解决的用户体验问题用户测试完毕后，组织用户测试回顾和分析会议，参会人员包括用户测试小组成员、业务 经理、设计师、开发人员等，对观察员记录的问题进行回顾，识别用户使用过程中的问题，对 问题进行归类，整理出需要解决的用户体验问题。若现场有视频或录音，可回放视频或录音， 以回放用户当时的反应，有助于用户行为的分析。（4）用户体验问题的解决针对分析整理的用户体验问题，需要建立跟踪机制，跟踪用户体验问题的解决。案例2：首页通过用户测试后的改进用户测试发现的用户体验问题：用户找不到功能菜单，在首页迷失了。用户找不到关闭按 钮，感觉很不安全。出现此问题的原因：大家在设计时都觉得页面简洁美观，想着用户应该能 找到左上角的导航LOGO；而且以为用户可以直接从后台关闭此APP，没有考虑到用户追求安全 的心理。用户体验设计改进后：将用户常用的操作（菜单、首页、角色、更多）放在页面左上