• 快捷搜索
  • 全站搜索

如何设计出一款用户体验好的手机APP

2017-12-14 14:04:54作者:中国银行软件中心 王征佳编辑:金融咨询网
本文的主要目的是介绍如何设计出客户体验好的移动终端产品。从移动终端用户的特点和操作习惯讲述移动终端用户体验产品设计需要关注的内容。结合移动终端产品的实践案例,介绍移动终端用户体验交互设计的工作流程,以及工作流程中应用的方法和工具。

过去十年中,客户期望与软件开发流程都发生了改变。许多公司已经意识到有必要为客户特别是为最终用户提供更好的服务。产品是否成功,用户体验在其中的作用越来越重要。

  本文的主要目的是介绍如何设计出客户体验好的移动终端产品。从移动终端用户的特点和操作习惯讲述移动终端用户体验产品设计需要关注的内容。结合移动终端产品的实践案例,介绍移动终端用户体验交互设计的工作流程,以及工作流程中应用的方法和工具。

  本文适用于移动终端(手机、Pad)产品的界面交互设计,也适用于直接面向用户提供服务的产品的界面交互设计。对于希望从事移动终端产品设计人员来说,可以从中了解一个手机APP是如何设计出来的,设计师是怎样工作的,设计师在设计产品时需要掌握哪些方法和工具。

一、移动终端用户需求

  移动终端用户的需求主要分为3大类,包括视觉需求(Visual)、功能需求(Functional)和情感需求(Emotional)。

  用户体验设计以理解用户需求为出发点。“老人”和“年轻人”都需要手机,那么他们需要怎样的手机呢?图1展示了为“老人”和“年轻人”设计的两款截然不同的手机。

图片1.jpg

  这2款手机的设计充分考虑了“老人”和“年轻人”的真实需求。

  (1)在视觉需求上,老人喜欢字体很大、操作按键明显的APP。年轻人喜欢界面绚丽的、操作很炫的APP。

  (2)在功能需求上,老人就是看时间和打电话,功能多了老人反而不会使用。年轻人的需求更丰富,除了打电话和发短信外,更希望能够在手机上进行网购、阅读、社交等。

  (3)在情感需求上,老人喜欢操作简单。年轻人希望能接触到最新的高科技产品,并且乐于去探索。

二、用户体验交互设计流程,角色职责及实践案例

   1.用户体验交互设计流程 用户体验交互设计流程如图2所示:

图片2.jpg

   2.用户体验交互设计角色职责 用户体验交互设计角色职责如表1所示。

图片3.jpg

   3.实践案例

   某实践案例(手机端企业B2B支付服务)示意如图3所示。

图片4.jpg

三、用户体验设计过程中使用的方法

     1.用户场景分析法

  场景(Scenario):场景描绘的是用户为达到目标而使用产品的故事,其作用与任务角色(Persona)类似,在于帮助设计师理解新产品如何融入用户的日常生活当中,以及用户行为的微妙细节。

  用户场景分析法:产品经理需要描述用户场景,通过用户场景的描述帮助设计师理解用户使用产品的场景和用户行为,设计师将想法采用图形的方式进行表达,进而制作原型草图(Sketching)或制作模型。

   2.草图绘制法

   草图绘制法就是从抽象的用户梗概逐步过渡到具体的交互细节。草图通过可视化的方式来解释用户故事背后的逻辑问题。绘制草图速度很快,用草图可以帮助探索各种可能的场景,将场景转换为可视的最初的简单原型(不需要太多细节)。草图绘制过程能够帮助设计师和其他人员讨论设计创意,不断尝试新的创意,并以可视化的形式解决设计问题。

  草图绘制法工作要点如下。

  (1)形成最初草图。把创意画在纸上,形成最初的草图。草图是用于测试想法的,而不是完善想法的。在原型制作前,通过大量的草图绘制过程,探索大量可能的备选方案。最初的草图不需要太多细节,通过草图对创意进行论证,排除其中缺乏可行性的因素。

  (2)采用Axure工具绘制交互设计的2~3种方案。

  (3)交互设计方案用户测试和走查,确定交互设计方案。此时,需要确定主体交互原则(如列表都是采用卡片式,主操作按钮在页面下方,辅功能按钮在右上角等)。交互设计需要凸显用户关注的要素项。

  (4)原型的用户测试。用户能够不用太多思考,不需要太多指导,就能很快地完成想要的操作。

   草图需要逐步进化(如图4所示)。

图片5.jpg

   3.视觉设计

   视觉界面设计(Visual Interface Design)通常涉及的是让界面呈现特定风格的美学元素的设计,包括布局、字体、颜色以及其他GUI中的主要元素。

   4.用户测试法

   (1)用户测试(又名“可用性测试”)的特点

   ①测试1位用户比不做测试效果好一倍。

   ②早一点测试1位用户,效果好过最后测试50位用户。越早开始用户测试,解决问题的成本越低,设计出来的产品越符合用户需求。

  ③测试用户不需要是专业人员,人人都可以胜任:

  ④测试是一个设计的迭代过程。

  ⑤没有什么比现场用户的反应更重要。

  (2)用户测试的步骤

  ①测试前准备。明确测试目的,准备测试案例、测试设备,选择好用户,定好用户测试计划(包括时间、地点、观察员)。

  ②实施用户测试。有用户测试比没有用户测试好。用户测试很简单,可以随时进行,需要经常做。

  ③观察和记录。邀请人们观察,选择观察的人员,鼓励主要干系人观察用户,做好观察记录。

  ④测试回顾和分析。测试完毕后,回顾测试过程中大家看到的问题,对问题进行分类,决定哪些问题需要修正。找出修正这些问题的方法,解决问题。

  5.用户测试示例:一款iPad客户端APP功能用户测试

  (1)测试前准备

  ①制定用户测试计划,包括用户测试时间、地点、组建用户测试小组,其中,用户测试小组包括引导员、观察员、记录员;

  喜实施用户测试前,协调参与用户测试的人员,可选择如下人员参与用户测试:该款APP的目标用户、经常与用户打交道并熟悉用户需求和习惯的业务经理或销售经理;

  ③准备供用户使用的APP的原型,可以是带交互效果的高仿真图或者离线Demo;

  ④准备用户测试的功能清单,针对每项功能准备测试案例以及用于引导用户操作的提问清单。

  (2)实施用户测试

  在用户测试实施过程中,用户测试小组成员按照分工各司其职,相互配合完成用户测试,分工如下。

  ①引导员负责引导用户使用功能。引导员告诉用户本次测试的大致目的,并引导用户使用APP的功能。引导员尽量通过提问的方式挖掘用户此时的想法。

   案例1:APP的首页

   引导员问用户:首先我想让您看看这款APP的首页,然后告诉我您认为这个APP是干什么的?您是通过什么知道的?还有,您觉得可以先点击哪里?您可以把您此时的想法说出来,这样能帮助我们了解您在想什么。

   用户:我觉得……。

   ②观察员负责用户观察和问题记录。观察员一般包括产品经理、设计师、技术经理等。在用户操作过程中,观察员将观察现场用户的反应,并记录问题。现场观察员不宜太多,以让用户感觉舒服为宜。

  ③录制员负责对用户测试过程进行视频录制或者录音。在征求用户同意的前期下,可对用户测试过程进行视频录制或者录音,该项工作可由录制员负责。录制员的工作也可以由观察员承担,以减少参与用户测试现场的人员。

  (3)用户测试回顾和分析,整理出待解决的用户体验问题

  用户测试完毕后,组织用户测试回顾和分析会议,参会人员包括用户测试小组成员、业务经理、设计师、开发人员等,对观察员记录的问题进行回顾,识别用户使用过程中的问题,对问题进行归类,整理出需要解决的用户体验问题。若现场有视频或录音,可回放视频或录音,以回放用户当时的反应,有助于用户行为的分析。

  (4)用户体验问题的解决

  针对分析整理的用户体验问题,需要建立跟踪机制,跟踪用户体验问题的解决。

  案例2:首页通过用户测试后的改进

  用户测试发现的用户体验问题:用户找不到功能菜单,在首页迷失了。用户找不到关闭按钮,感觉很不安全。

  出现此问题的原因:大家在设计时都觉得页面简洁美观,想着用户应该能找到左上角的导航LOG0;而且以为用户可以直接从后台关闭此APP,没有考虑到用户追求安全的心理。

  用户体验设计改进后:将用户常用的操作(菜单、首页、角色、更多)放在页面左上角,并采用“图像+文字”的方式方便用户理解。将“关闭”按钮放在页面右上角,用户使用完毕,可以方便地找到关闭按钮,退出操作。

  本文基于业界理论并结合移动终端开发实践,总结了一套用户体验设计工艺流程。为了设计出用户体验好的产品,在流程中每一环节,都需要有专业人才(包括产品经理、界面设计师、交互设计师、技术经理等)的相互协助来完成。

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

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

本文评论

相关文章