交互设计师要学什么

文章摘要：交互设计师要学什么

现在的交互设计师远非仅仅负责文字和图片，而是负责创建在屏幕上的所有元素。如果想知道交互设计都学什么这个问题，就 […]

现在的交互设计师远非仅仅负责文字和图片，而是负责创建在屏幕上的所有元素。如果想知道交互设计都学什么这个问题，就一起来看看吧。

交互设计学什么

交互设计是一门交叉学科，广义的交互设计涉及人机工程学、心理学、社会学、设计学等等知识，从狭义的角度看，交互设计主要指人机界面交互，涉及到用户研究能力、需求分析能力、信息架构设计能力、流程逻辑设计能力、原型设计能力、编写交互设计文档、了解设计原则以及一些其他能力。

1、用户研究能力

在一个完整的UED团队中，其实是有专门的用户研究人员，用户研究人员负责做用户研究，并把研究结果制作成用户研究报告供整个团队使用。在这里把用户研究放到交互设计师的知识体系中，是因为用户研究在整个设计的过程中有着至关重要的地位。交互设计师虽然不是专职的用户研究人员，也需要掌握一定的用户研究知识，学会建立用户模型，分析用户研究数据，挖掘用户行为数据。这样有利于交互设计师在设计阶段对产品核心需求及价值的把握。常用的用户研究方法有问卷调查、深入访谈等。

2、需求分析能力

当面对用户研究得到的数据时，交互设计师应该具有一定的需求分析能力。需求分析的目的是明确产品目标用户、使用场景、产品定位、产品功能优先级、并让开发、测试等相关人员能明确了解需求，便于日后印证设计。交互设计师需要在了解用户的主导需求之后能够挖掘出用户的潜在诉求，并对竞品和已有的产品版本进行分析。

3、信息架构设计能力

信息架构是产品的骨架，是对产品功能进行的层级式的梳理。良好的信息架构可以对产品的功能进行明确的分类，并明确各个层级之间的功能关系，符合目标用户的心理模型。常用的信息架构模式包括层级结构、线型结构、自然结构、矩阵结构。交互设计师需要了解各个结构模式的特点并根据自己产品的特点选择合适的信息架构形式。

信息架构常用的梳理方法是卡片分类法。通常的操作过程是设计师准备一定量的功能卡片，让用户将这些类型进行分类，形成功能集群，并对每个功能集群进行功能性概括。

4、流程逻辑设计能力

流程逻辑设计是基于上步中的信息架构，也就是依据产品功能进行的。流程逻辑设计要表现用户使用产品过程中的关键点，明确产品的操作链，是对信息架构的逻辑梳理。

在流程设计过程中，可以使用Visio、Mindmanger等专业的流程图绘制软件进行绘制，在绘制流程图时要注意考虑流程节点的正常情况和异常情况。

5、原型设计能力

产品的流程逻辑设计结束之后，就进入原型设计的环节。原型主要表现业务流程、产品的框架和布局以及交互规则。原型分为低保真原型和高保真原型。低保真原型的设计主要是在设计的开始阶段，采用线框图的形式制作一个可演示的Demo，便于设计师与产品经理讨论修改。高保真原型是指更接近真实产品效果的Demo。在实际工作中，大部分项目都不需要高保真，需要要低保真原型的设计。

6、编写交互设计文档

交互设计文档本质上是一种交互设计说明，是用来梳理交互事件、页面之间的逻辑关系、页面跳转等交互动作的文字和图片相结合的说明稿。交互设计说明书的阅读对象是产品经理、UI设计师、研发人员、测试人员。交互设计文档包括软件页面、页面状态、页面流程、交互动作说明文字。好的交互设计文档可以让团队中其他的人员能迅速了解产品的整体架构和逻辑关系，以便对产品进行评审和改进，避免产品设计的偏差。

7、了解设计原则

掌握一些交互设计原则是交互设计师必备的技能。交互设计不是无章可循，而是有一些设计的原则需要交互设计师遵守，如一致性原则、JakobNislsen的10条可用性原则、易用原则、中间用户原则、基于用户心理模型、2——8原则等等。基于交互设计原则的交互设计可以保证交互设计的流畅性。

8、其他能力

除了上述讲到的能力之外，交互设计师需要了解不同设计平台的规范、有一定的文案设计能力，同时比较好可以了解一些代码内容，建议学习一些HTML、CSS、JS、PHP、Android、C#、JSP、Java等知识，这样便于交互设计师与开发人员沟通，可以使项目的进展更加顺利。

怎么学交互设计

第一方面

1.去到一个大公司里头进行一个实习，然后跟着一个人，他可以教你很多交务的理论跟知识，这是第一大块。

2.现在有许多的互联网的培训班，你可以参加一个培训班，提升自己。

3.一定要自学的话，要看一些相关的书籍。例如用户心理学，之类的相关的书籍。

第二方面

要去了解一下平台空间的一些规范，仔细去研读一下安卓的一个规范，iOS平台的一个规范，这个对于你后续去做这样的一个设计的话是非常有意义的。

第三方面

要去学习下原型设计工具，那现在的话比较主流的原型设计工具包括像axure，visio，这样一些工具其实你需要去进行一些学习，但是其实软件很简单。

第四方面

你需要去了解文档是怎么去撰写的?因为现在，网上有很多像百度、阿里、腾讯或者其他一些大公司的一些交务文档，那如果我们能下载到的话，其实可以仔细去看他的文档的一个规范，他是怎么去写的，里面包含哪些元素，那如果说在网上下不到的话，其实还是可以借助我们的师兄跟师姐，他们有很多这样的一些资源。

第五方面

因为交互设计是一个比较善于总结一个职业或者学科，那其实现在网上有很多叫交互设计模式，大家可以去仔细去学习，因为它会系统的总结，比如说目前的市面上所有产品的一个导航形式。一个表达形式，一个搜索模式或者其他的一些硬件交务的一些形式。大家能去找到这样一些文档去学习的话，其实对于交务设计会有一个比较快的一个成长和进步的。

交互设计需要用到的工具

1. Balsamiq Mockups

Balsamiq的界面简单,使用手绘风格元素和comic sans字体，使得制作交互线框图的过程变得简单，可以认为它是一个在线版的纸上原型!

2. Invision

InVision是一个免费的网站和移动App的原型工具。InVision旨在通过结合Photoshop，Sketch等其他应用促进沟通。设计师可以上传线框图，并通过热区来连接它们。客户、利益相关者和他的同事设计可以直接添加评论，并有实时演示工具LiveShare。

3. Omnigroup

Omnigraffle是OSX上的交互设计师可以利用的图表软件，用单调的审美创造的图表软件Omnigraffle更关注背后的交互设计而不是设计本身，同时其也具备许多优秀的模拟功能。

4. Patternry

没有人愿意浪费时间重新发明轮子。良好的交互设计或代码聚合在一起更能节省时间和精力,并确保设计的一致性。Patternry是一种允许团队交互设计师分享并将其设计和代码资产存储在一个中央位置的工具。

5. Sketch

Sketch是一种设计工具(Mac)，比较好用于图标的中高级保真度模型，是一个Adobe Photoshop的一个轻量级替代。

6. Axure

AxureRP可以说是市场上比较好的交互设计工具。比Balsamiq拥有更强大的功能，内置的协作和共享功能，并且能够轻松地实现线框原型。缺点是，它可能提供了太多，这意味着它有一个缓慢的学习曲线。

7. Uxpin

UXPin是一个协同设计平台,支持低保真的线框图和高保真的动画原型。设计师使用Photoshop或Sketch制作的分层原型可以直接导入，然后从利益相关者处得到反馈。该工具还包括可用性测试和现场演示功能。