阿里巴巴资深交互设计师：交互设计是什么?（二）

交互设计是理性的，也是感性的，更是理性的。它始终在寻求最佳解决方案——现实中往往没有出现过这个最佳方案，只有最适合的。所以交互设计师不能放弃探索。在任何一个既定的需求下，都有着无数个解决方案。除非你相信一开始蹦到脑子里的就是最适合的。否则多做一些尝试，多听一些意见，多做一些评审。

3. 不求一次完美

很可能到了要交付的日期，你脑子里还在探索。你又有了新的解决方案。渴求完美的心理，几乎是设计师的通病。产品上线后糟糕的用户反馈，会比你的主管给你打个糟糕的KPI的分数更让你难以忍受。但是上线后产品更加容易得到用户的行为数据和反馈，让下一次的优化更加有目标。该放手就放手吧。

掌握节奏感，要记住自己是项目中的一环，确保项目的进程是首要任务。记下那些优柔寡断，记下那些纠结，在发布之后的用户研究需求里提出来去验证。

1. FLOW CHART 流程图

流程图种类非常多，一般常用的有任务流程图（Task Flow）以及页面流程图（Page Flow）.

任务流程图（Task Flow）——为了达到某个目标，用户需要进行的各项任务，以及各项任务之间的逻辑关系，一般来讲，技术人员绘制的UML流程图以及产品经理绘制的业务流程图都属于任务流程图。

举一个GTD(getting things done,时间管理)的任务流程图：

我们可以根据以上的时间管理启发，轻松绘制出家庭收纳指南流程图：

当任务中参与部门较多时，流程图如果有必要体现出不同节点各部门、人员如何配合，改换流程图的形式，多用泳道流程图表示：

而页面流程图（Page Flow）则多由设计师产出，用来表示为了完成所有任务，需要的页面以及页面之间的跳转关系。任务流程图上的某些任务是在页面上完成的，有些可能不是，比如通过邮件、系统消息等。在分析任务，以及分析任务流程图并得出页面流程图的过程中，设计师基本上可以知道需要多少个页面，每个页面的目标和设计需求是什么。

页面流程图能够提供”俯瞰全局”的视角，让设计师不陷入到某个具体页面的细节里，始终把握大局。另外能够帮助设计师查漏补缺，在没有详细开展线框图及交互细节设计之前，不是凭空去想像复杂的交互行为。

好的页面流程图应该有各页面的编号，并和线框图的页面对应起来。它也可以在以后作为项目组进行任务走查的基础。

2. WIRE FRAMES 线框图

在《聊聊线框图：那些必要的理论和前提》文中，我对那几个观点没有其他补充性的内容：

线框图说白了，也只是工具而已。作为交互设计师，不仅仅只有这个方法才能表达产品。

3. 讲故事

交互设计师要有凭空想象复杂的交互行为的能力。作为一个路痴的我，根本无法凭空去想象一个火车站的架构，地铁站的架构，我一直认为自己在”凭空想象复杂的交互行为”能力方面不足。

但是，我愿意去学习和弥补。利用周全的流程图即是弥补的方法之一，通过流程图，可以强迫自己把各种分支流程都考虑到，穷举出各种CASE. 而另一个好用的方法即是讲故事。

直到现在，每当有人给我讲他的一个新的构想的时候，我总是忍不住打断他吃力的讲解，说：讲个故事吧。假设现在你的方案都实现了，假设有了这个东西，假设你的用户是小明，他……

我们也总是能发现，讲故事除了引人入胜，更能发掘出本身不符合逻辑的事实——因为故事很容易讲不下去。但是没有故事，片段的话语很容易”蒙混过关”。

角色模型，任务走查，故事板归根结底是为了讲需求和产品设计场景化，因此我将他们都统一为一种技能：讲故事。

要讲一个好故事，你可能得：

1. 设定主人公，他们是谁，有什么特征？他们的需求是什么？

2. 设定故事的背景，要引人入胜，故事从哪里开始？

3. 设定你的故事线，你可以凭空去讲，在你有了原型之后，也可以用页面流程图、任务流程图等将故事串起来，点击具体的页面，让项目组和你一起在故事中进行任务的走查。

交互设计的方法还有很多，比如卡片分类法、概念图、站点地图（SITE MAP）等，无法一一展开了。有兴趣的同学自行了解哈。

至于交互设计的工具：

1. 纸和笔，脑子和嘴巴——这是开始设计的第一步，通过沟通了解需求，挖掘需求，笔和纸是具像化设计的第一步。

2. Axure——我用它来做线框图、流程图以及详细流程图，虽然它有不尽如人意的地方，但是依然是目前来看最符合交互性价比的工具。

3. OmniGraffle——苹果系统里最好用的画图工具，自从用了它之后，流程图，概念图之类的，基本上就用它。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!