
1.3 交互设计师的知识体系
很多人问:到底要学习多少知识才能成为交互设计师呢?关于这个问题,这里为大家整理了一份交互设计师的知识体系图,如图1-1所示,仅供大家参考。

图1-1 交互设计师的知识体系图
1.3.1 需求分析能力
关于需求分析能力与需求挖掘,交互设计师一定要对其敏感,善于挖掘新的需求点。创新设计的起源就是有新的需求未被满足,图1-2展示了马斯洛的需求层次理论。关于马斯洛需求层次理论,读者可访问百度百科了解更多,本书不再展开介绍。

图1-2 马斯洛的需求层次理论
1.需求分析的目的
要求分析的目的如下:
与相关人员在工作内容方面达成一致。
使设计、开发、测试人员能够更清楚地了解需求,以便印证设计方案。
定义系统边界,形成需求基线,验收依据与实施依据。
为评估工作规模、工作量、成本和进度提供参考。
为开发计划的形成提供支撑。
我们在学习交互设计的路上不可避免地要与需求分析师打交道,需求分析师专门负责为公司各部门提供需求说明文档,其文档中的需求来自客户或市场调研或挖掘,也有可能会接收来自领导层的直接需求,这时候需要自己去分析。
2.交互设计需要掌握的需求分析知识
交互设计师需要具备的知识点如下:
能看懂、看明白需求分析师提供的文档。
在没有明确需求的情况下能梳理出一个明确的需求,并补充到需求文档中。
需求是不断变化的,可以持续迭代的,但是交互设计师在工作中要尽量以最少的次数确认需求,使需求“拍板”,否则无法进入设计阶段和研发阶段。这是最考验交互设计师的需求分析能力的地方。
3.学习需求分析的方法
学习需求分析的方法如下:
建立用户模型。
学习别人的需求规格说明书文档模板。
掌握沟通需求能力,有很多用户并不能清楚地表达他需要什么样的功能,作为交互设计师和需求整理人员,要能够善于沟通并为用户深入分析需求。
知道项目相关知识和专业背景,可以选择在参与项目时进行补充学习。
最终提供给开发和测试的是一个能够表达用例,需求边界可以理清产品逻辑的文档形式,图1-3中标注DRD则是交互设计师主要的一种设计需求文档,我们在后面章节会有详细介绍。

图1-3 需求分析的流程图
1.3.2 流程逻辑设计
对于流程逻辑设计,交互设计人员需要掌握以下知识:
流程图的概念。流程图是指将项目中的业务流转步骤图形化。
流程图的作用。方便设计者与决策者发现流程弊端,从而进行优化。
流程图如何制作。流程图有专业的制作工具,例如:Visio、思维导图、Axure等。逻辑设计就是按用户(绝大多数)正常的使用逻辑进行设计。
1.3.3 产品功能设计
设计产品功能是指基于业务需求的逻辑提炼产品的功能模块、核心功能流程、设计细节功能点。在进行产品功能设计时,大家需要注意的是不能脱离业务需求进行设计,一定要结合当前项目的业务需求进行产品功能设计。
例如,设计一款电商App,市场上所有的电商App几乎都有购物车的功能,如果我们脱离自身业务需求进行设计,采取不设计购物车直接购买的产品功能设计方案,那么你的设计方案本身可能没有问题,购买物品的需求也可能没有问题。但是,在交互层面和用户体验层面上,就要考虑这个功能设计的代价是失去多少对购物车有需求的用户。我们应该尊重业务需求与产品数据,做经得住数据反馈考验的产品。
设计产品功能的时候一般是使用Excel工具,使用Excel统计所有的功能模块并形成一个产品功能列表的需求范围,例如图1-4所示的结构。

图1-4 产品功能列表
1.3.4 原型设计
在国内,几乎没有专职的原型设计师岗位,但总是提到原型设计,那么究竟谁在做这项工作?
产品助理在做原型设计。
产品经理在做原型设计。
交互设计师在做原型设计。
用户体验设计师在做原型设计。
UI设计师在做原型设计。
那么问题来了,怎么这么多人抢这个活儿?现实情况确实是这样,感觉人人都是交互设计师,都会画线框图。
这个职责通常来说应该属于交互设计师的职责范围,这是公司没有专职的原型设计师的情况下。另外,根据公司的职位分布情况来看,如果交互设计师和用户体验设计师合二为一,那么这个职位就负责原型设计。
1.低保真原型设计
线框图就是大家通常说的低保真原型,我们称它为快速原型设计,因为线框图设计迭代速度非常快,不足一行代码就可以实现绝大多数的创意演示和验证需求。
一般线框图看起来如图1-5所示。

图1-5 低保真线框图
建议大家常使用低保真线框图,不要花费大量时间去做界面效果很好的高保真原型,如果在原型设计阶段全部设计为高保真的原型,就失去了快速原型设计的意义,而一旦需求变更或错误,将导致大量工作需要返工。
2.高保真原型设计
一些特殊的项目可能需要使用高保真原型演示,它是在低保真的基础上把之前的线框加上颜色和图片,使其看起来更接近真实的项目,如图1-6所示。

图1-6 高保真原型
1.3.5 编写文档(DRD文档)与流程图
编写一份UI设计师、老板、研发人员甚至客户都能看懂的DRD文档是非常重要的。事实上,关于DRD的资料很少,之前笔者在博客里分享过如何创建一份标准的DRD文档,这里简单介绍一下DRD文档的编写技巧。
逻辑条理清晰(针对领导层看框架)。
页面跳转关系展示合理(针对需求、产品看细节)。
交互动作与功能说明到位(针对研发人员看功能与特效,其实是工作量多少的判断依据)。
UI设计留白空间合理(UI设计师是否还有发挥空间)。
关于这个文档,后面章节会有实例解释。
1.3.6 演讲与演示(PPT、Demo)
若你没有一副好口才和强大的内心,在评审会上瞬间就会被淹没,大家七嘴八舌的各种需求变更会使你无法决策,所以演讲与解说的能力也需要具备。
另外,演讲的能力往往是非常重要的,在面对需求评审、产品发布、产品演示等各种场景里具有较强表达能力的人往往能占得先机与优势。例如,罗永浩与王自如的辩论赛。有兴趣的读者可以去网上看看视频,这个案例可以看出一个人口才的重要性。

罗永浩与王自如的现场对峙直播截图 图片来自:优酷视频
1.3.7 文案编写
所有的原型设计之初是没有任何素材的,这时你需要根据项目特点提取并创作出文案,然后填写到原型演示Demo中,进入UI设计阶段后可能会出现市场与运营进行确认文案的过程,这不是重点,但你要是能写出杜蕾斯那种“高道格”的文案,每次都能抓住热点借势营销的话,那么你的项目必定会成功。文案代表品牌实力。所以,当好一个段子手也是很有必要的。

杜蕾斯微博营销文案:优秀短篇小说
1.3.8 顶层战略设计
从立项阶段起就参与顶层战略设计的交互设计师才是好的交互设计师,也就是设计的起点是自上而下的系统化设计方式。
如图1-7所示,顶层设计又包括:信息资源的规划、架构的规划、基础设施的保障等。

图1-7 传统互联网产品顶层设计示意
1.3.9 用户研究
进行用户研究时,需要做到以下要点:
会建立用户模型和用户用例。
懂得与用户建立Feedback关系,提示可持续迭代的依据或意见收取、整理和分析。
挖掘用户行为数据,为下一代产品迭代提供依据。
如图1-8所示是腾讯科技发布的微信朋友圈广告调查的数据。

图1-8 微信朋友圈广告推广行为的用户研究数据 图片来自:腾讯科技
1.3.10 代码编程(仅需了解)
建议大家抽时间学一点HTML、CSS、JS、PHP、Android、C#、JSP、Java知识,不需要非常深入地学习,只需要懂其开发流程、技术框架等信息,这样你就可以更容易地与开发人员进行沟通,从而让你的项目顺利实施下去。
你可以根据项目中使用的语言进行针对性的学习,一般情况下,你会遇到图1-9所示的情况,他们所学习的路线图也不一样,可以根据具体情况来定。

图1-9 常见的程序员类型(其学习路线图不同)