移动终端用户体验交互设计——如何设计出一款用户体验好的手机APP.pdfVIP

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

出一款用户体验好的手机APP

作者：王征佳

来源：《中国金融电脑》2016年第9期

中国银行软件中心王征佳

过去十年中，客户期望与软件开发流程都发生了改变。许多公司已经意识到有必要为客户

特别是为最终用户提供更好的服务。产品是否成功，用户体验在其中的作用越来越重要。

本文的主要目的是介绍如何设计出客户体验好的移动终端产品。从移动终端用户的特点和

操作习惯讲述移动终端用户体验产品设计需要关注的内容。结合移动终端产品的实践案例，介

绍移动终端用户体验交互设计的工作流程，以及工作流程中应用的方法和工具。

本文适用于移动终端（手机、Pad）产品的界面交互设计，也适用于直接面向用户提供服务

的产品的界面交互设计。对于希望从事移动终端产品设计人员来说，可以从中了解一个手机

APP是如何设计出来的，设计师是怎样工作的，设计师在设计产品时需要掌握哪些方法和工具。

一、移动终端用户需求

移动终端用户的需求主要分为3大类，包括视觉需求(Visual)、功能需求(Functional)

和情感需求(Emotional)。

用户体验设计以理解用户需求为出发点。“老人”和“年轻人”都需要手机，那么他们需

要怎样的手机呢？图1展示了为“老人”和“年轻人”设计的两款截然不同的手机。

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

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

操作很炫的APP。

（2）在功能需求上，老人就是看时间和打电话，功能多了老人反而不会使用。年轻人的需

求更丰富，除了打电话和发短信外，更希望能够在手机上进行网购、阅读、社交等。

（3）在情感需求上，老人喜欢操作简单。年轻人希望能接触到最新的高科技产品，并且乐

于去探索。

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

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

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

3.实践案例

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

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

1.用户场景分析法

场景（Scenario）：场景描绘的是用户为达到目标而使用产品的故事，其作用与任务角色

（Persona）类似，在于帮助设计师理解新产品如何融入用户的日常生活当中，以及用户行为的

微妙细节。

用户场景分析法：产品经理需要描述用户场景，通过用户场景的描述帮助设计师理解用户

使用产品的场景和用户行为，设计师将想法采用图形的方式进行表达，进而制作原型草图

(Sketching)或制作模型。

2.草图绘制法

草图绘制法就是从抽象的用户梗概逐步过渡到具体的交互细节。草图通过可视化的方式来

解释用户故事背后的逻辑问题。绘制草图速度很快，用草图可以帮助探索各种可能的场景，将

场景转换为可视的最初的简单原型（不需要太多细节）。草图绘制过程能够帮助设计师和其他

人员讨论设计创意，不断尝试新的创意，并以可视化的形式解决设计问题。

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

（1）形成最初草图。把创意画在纸上，形成最初的草图。草图是用于测试想法的，而不是

完善想法的。

在原型制作前，通过大量的草图绘制过程，探索大量可能的备选方案。最初的草图不需要

太多细节，通过草图对创意进行论证，排除其中缺乏可行性的因素。

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

（3）交互设计方案用户测试和走查，确定交互设计方案。此时，需要确定主体交互原则

（如列表都是采用卡片式，主操作按钮在页面下方，辅功能按钮在右上角等）。交互设计需要

凸显用户关注的要素项。

（4）原型的用户测试。用户能够不用太多思考，不需要太多指导，就能很快地完成想要的

操作。

草图需要逐步进化（如图4所示）。

3.视觉设计

视觉界面设计（VisualInterfaceDesign）通常涉及的是让界面呈现特定风格的美学元素

的设计，包括布局、字体、颜色以及其他GUI中的主要元素。

4.用户测试法

（1）用户测试（又名“可用性测试”）的特点①测试1位用户比不做测试效果好一倍。

②早一点测试1位用户，效果好过最后测试5