入门交互设计

入门交互设计

在公司有很多人问我，也有很多同事通过公司内部通讯welink问我，交互设计到底怎么做？今天就和大家一起来聊聊入门交互设计，那我们开始学习吧～

有些同学入门交互设计的方式是看一些书，还有的同学就是看看网上资料学学，然后借鉴各个竞品开始画原型，一年后发现好像也入门了，再有的同学网上报课程，感觉一下子已经是交互设计师了。

针对以上问题我觉得会出现以下几个方面：

1.通过看基本交互设计的书籍（交互设计精髓、用户体验要素等）入门交互设计，这种通过看书学习交互设计很难形成整体知识体系

2.参考竞品学习和网上看一些交互资料（公众号、知乎、百度等），这样缺乏专业知识，对后续设计缺乏方法论

3.网上培训几个月交互设计，入门很快熟悉程度也快，但只学会了做交互设计，需求背后的深层思考缺乏

4.UI设计转交互设计做Axure等交互原型，这只是做一些最基本的页面跳转，如果是遇到B端复杂的系统，那就需要有整体的产品把控能力/产品思维

5.在公司有交互设计高手带，这是最好的，这样会走很少弯路，能学到很多设计理论和方法论

那我们如何系统学习交互设计？

一、基础界面  二、专业能力  三、知识赋能

一、基础界面

1.控件

之前有人问控件和组件怎么区分？网上也有很多的解释，这里我陈述一下自己的观点：在学习编程语言的时候，就会出现组件和控件的这两个词。组件比控件的范围要广，可以把它理解成一个可以反复使用的模块。就是说只要一个模块能够重用，它就可以称当上一个组件。控件是组件的一种。菜单、工具栏、快捷键除外，比如按钮、单选框、复选框、下拉框、结构树等。总结一下：控件一定看得到。

入门交互设计的前期最先了解的是控件，如下图：

2.布局

布局就是把控件和内容放到界面上合适的位置并赋予合适的视觉重量。但在移动端盛行的当代，布局设计相对没有那么被看重。主要原因是移动端的布局设计趋势比较大，设计诉求和设计空间都相对较小。

3.布局设计的基本理论

布局设计的基本理论有以下几种：格式塔原理、米勒定律（7+2法则）、席克定律、费茨定律、奥姆剃刀原理，这些理论相对比较底层，很难直接告你布局设计应该怎么做。但是它们可以成为设计师心中的依据和参考，会融入在你平时的设计工作中。

3.1.布局设计的基本方法

布局设计简单可以分为以下三个步骤：

a.举例：将界面中所需要的元素例举出来，比如：商品图片、商品标题、价格、优惠券、分享

b.归类：将上述列举的元素归为几类，每一类就是一个模块。比如：第一组：“宝贝、评价、详情、推荐、分享”可以归为“浏览模块”，第二组：“店铺、客服、收藏、加入购物车、立即购买”可以归为“操作模块”

c.排序：将上面归类好的模块进行排序，排序的依据一般是：用户场景中的浏览顺序、元素的重要性、业务期望

 学会了布局设计的基本方法后，可以通过“临摹”进行练习。比如把淘宝商品的电视详情页摘录下来，然后自己在布局设计，最后和淘宝的设计进行对比，思考淘宝为何这么设计，自己是否有思考疏忽？

4.1流程

界面中的元素有2种：内容和功能。内容是静态的，比如商品描述就是一种内容。功能是动态的，比如“加入购物车”就是一个功能。流程设计的基本方法：确定“任务”-将“任务”拆成“动作”-将“动作”对应成界面。

举个例子，我们在一个“群聊”的功能，群聊功能中有一个“添加群成员”的小功能。我们可以把“添加1各成员”看做是一个“任务”，用户想要完成这个任务，就必须有一系列“动作”。比如：找到群、找到添加入口、找到要添加的人、确定添加、确认添加成功。列出这些动作后，我们再针对每个动作（或多个动作）设计相应的界面，这就得到了交互流程。

5.1规范

那我们常用的规范有哪些呢？IOS、Android、MacOS、Windows，国内后台规范比较常见的是Element和Ant design，前台就没有规范可言了。大公司都有自己的一套设计规范。哈哈哈～不要太羡慕大公司，大小公司各有千秋，大中小公司以Element和Ant design为规范标准即可，组件使用阿里巴巴的ElementUI和Ant design即可，样式根据公司的品牌去定义就可以了。如果你的公司讲究的是效率和敏捷开发，那就不要创新什么设计规范了，不要给团队产品经理、设计师和前端同志带来麻烦，这里我举个在公司的实例（我在公司负责设计团队的建设以及设计规范UX/UI，我们有专门的设计工作室，在推广交互、视觉设计规范的时候很顺利，受到五湖四海的同事拥戴，但是被事实打败了，公司讲究的是效率和敏捷开发。比如：11月15日正式设计，11月19，3天设计时间38个页面+评审+修改再到终稿共4天时间，12月10开始SIT测试，提出验收问题，12月11日前端开发改bug，12月14日样式验收签字，12月15正式上线。前端按照我们的设计规范设计，Vue开发引入外界的Element，导致控件、样式、范围不一样，虽然加快了功能开发的脚步，你不知道这里面砍掉了多少需求，最后出来的产品绝对不是你想要的，最后的结果就是功能不全、样式奔溃、用户体验不友好，甚至你会被投诉。也有的前端很厉害，你什么都不用说，他就知道你想什么，所以慎重做设计规范，喔～）

设计规范：

饿了么：https://element.eleme.cn/#/zh-CN/component/radio      

蚂蚁金服：https://ant.design/docs/react/introduce-cn   

苹果：https://developer.apple.com/design/      

谷歌：https://www.mdui.org/design/

 二、专业能力

1.用户研究

做了多年的交互设计，我每天在做的一件事是什么？那就是了解用户。

交互设计将对用户需求的理解与大脑中的商业创意连接起来，创造出具有用户价值和商业价值的产品，因此了解用户是重点。我们只有不断的持续地了解用户，别无他法。作为交互设计师，对自己不熟悉的领域和产品的理解并不是最专业的，但是一定要亲力亲为地研究用户、理解用户。只有深入理解了用户，才能作出准确而迅速的判断。

现在如何运用用户研究的方法？

这里推荐交互设计师必读书籍《设计心理学》、《情感化设计》、《用户体验要素：以用户为中心的产品设计》。用户研究部门只有大公司中才有涉及到，属于公共资源。从宏观的架构角度上讲，只有交互设计师主导用户研究，才能避免遇到突然资源不足的情况。在实际工作中，尤其是产品发展初期，交互设计师可能有很多需要做用户研究的需求，如果自己不掌握方法，依赖于用户研究员，就拿不到第一手材料。如果自己能掌握方法，则可以和用户研究员合理分工，大大提高工作效率，快速拿到结果。

常见的用户研究方法分为定性研究和定量研究两类，并不复杂，初步掌握上手易，而长期实践积累难。具体的用户研究方法主要包含以下几种：

深入访谈：说白了，就是找典型目标用户聊天。切勿小看这个陪聊的事情，它是交互设计师了解用户的最佳途径，没有之一。做访谈需要与用户交流，最重要的就是要有共情、共鸣、共话题。无论你访谈音乐产品用户等你不能只知道周杰伦、易烊千玺，而不知道陈立农，否则你将无法与爱好者产生共鸣；访谈贴吧用户，你不能不知道Bigbang、EXO、TFBOYS，火箭少女，否则你体会不到群体狂欢的快感。

焦点小组：由一名主持人和一组用户（通常不超过八人）在一个主题下进行的访谈，通常会持续两三个小时。相比于对一名用户深入访谈，焦点小组的优势在于能一次性拿到更多类型用户的信息，而有时候，用户之间发生意见的碰撞，也会产生更多的价值。但这种方法是一把双刃剑，在任何群体里都没办法忽略成员之间的影响，焦点小组有可能使用户说出“假话”：为了面子、为了与别人一样、为了隐私而隐藏自己的真实想法。因此主持人需要暗中控制小组，让每个成员都能真实地发表自己的意见，避免出现少数用户频繁地阐述自己的观点，而其他用户只是简单地附和-这是焦点小组经常遇到的不利局面。

此外还有问卷调查、可用性测试、留置研究等方法。

问卷调查：顾名思义，是一种定量研究。

可用性测试则：是请用户实际使用产品或Demo，观察用户在使用过程中遇到的障碍，由此来发现产品可能存在的问题并提出改进意见。留置研究和可用性测试的区别在于，可用性测试是在现场时间段内进行的，而留置研究则是用户在实际场景里长时间使用中得出的，用户在这一过程中记录自己的使用感受、回答调研问题等，对产品的反馈会更加完善与真实。

以上这些方法都是为了形成用户画像，让交互设计师脑海里对目标用户有非常具象和清晰的认识：有哪些用户群？他们各自是什么样的人？在各种产品功能面前会有什么样的反应？在遇到不同的场景时，可以选用不同的研究方法（或组合几种研究方法）。对于下面这些场景，你会如何选择呢？

● 想知道用户对OPPO拍照功能的满意度。

● 想知道用户上手产品的过程中有哪些痛点。

● 想知道上班族对小额贷款怎么看。

虽然方法并不复杂，但是可以说理解用户、挖掘用户需求是产品设计过程中最难的事情。其中的难点就在于，怎样才能尽可能地接近用户真实的想法？在用户研究时有以下三个关键因素需要考虑。

● 用户是否是典型的目标用户？

● 挖掘到的信息是否真实？

● 怎么将用户研究的结论应用到产品设计中？怎样判断用户是否是典型的目标用户呢？在研究公司产品的用户群时，我们会给目标用户下一些定义，例如：

● 经常使用我们的产品，每天。

● 有自己独特的产品喜好，除了大众产品功能外还喜欢别的产品边界功能。

● 对自己喜欢的产品有一定的了解。

怎样判断用户提供的信息是否真实呢？包含两个方面：一方面是引导用户尽可能多地、深入地表达自己的想法；另一方面是结合上下文，用自己的逻辑分析用户真正想表达的意思。

这个过程其实和招聘类似。应聘者提供自己的简历，上面描述了他的概要情况。面试官在面试过程中可以深入追问应聘者的工作经历，对他的回答细节进行发散提问，如果简历上描述的是真实的，那么应聘者能够对答如流；如果简历内容有掺入水分，那么回答时就会磕磕碰碰。所有用户研究的根本目的，都是希望能将结论应用于产品设计。也只有实践，才能检验研究结论是否正确。但通常来说，越是概念性的研究，越难以直接形成产品设计方案；而如果是可用性测试、留置研究等直接反映产品设计问题的，则可以很快形成解决方案。

2.需求分析

交互设计师面对的需求千千万万，应该做哪一个呢？这恐怕是实际工作中最恼人的问题之一，原因大致有两个：提出需求的门槛非常低，需求分析并不像写代码那样有很强的逻辑性，其中存在相当感性的部分，每个人对需求都有自己的理解，因此搞定团队中的所有人是很难的。这背后的原因是，搞不定老板、上司提出的需求，说服不了团队做自己想做的需求。这样的情景在每家公司、每天的办公室中反复上演，但这不是其他人的责任，反而是交互设计师自身的问题。原因如上所述，需求的本质就是这样的——人人都可以参与讨论，人人都觉得自己理解需求。绝大部分能成长起来的交互设计师都顺利通过了进退两难的这一关。这是一个狭窄的关卡，通过之后交互设计师能形成自己的需求分析方法论，也知道了如何赢得上司及团队的信任，从而更好地展现执行力。而没有通过的是大多数，在方法论和沟通上或多或少存在问题。

需求分析方法论有如下内容：

● 收集需求：对需求的收集、分类梳理是一个尽可能获取足够多信息的过程。信息越多，对产品面临的局面掌握得就越全面，做决策时就越清晰。

● 评估（深入、全面、真伪、优先级）：需求有真伪，也有轻重缓急之分，做什么需求能给产品带来最大的价值？需要用多种方式进行评估。

● 进阶（挖掘产品利益最大的需求）：需求堆砌不出好产品，就算满足了每个用户反馈的需求，也会遭遇用户量涨不上去的情况，我们需要挖掘一些真正重要的需求。

除了分析需求背后的动机外，我们还可以采用一种更细致的办法——用角色、场景、流程进行需求分析。在这个过程中，需求的真伪、需求是否能被满足就会水落石出。这是交互设计师惯用的思维方式，从多个角度考量一个需求，这会比直接从整体看待需求更深入、更细致入微。我们先概括地看一下这个方法的基本思路。

● 角色：对同一个功能，不同角色的需求不一致。

● 场景：分析需求真实发生的场景，考虑实际情况。

● 流程：分析满足需求的关键路径，判断能否满足。这不是一个复杂的办法，运用纯熟之后可以应对很多需求分析工作。

现在，大部分行业都已经是竞争多时的红海，而蓝海市场要么尚未发现，要么技术、资源壁垒非常高，一般产品望尘莫及。在竞争激烈的红海市场中，怎样才能突出呢？通常需要可遇不可求的机会，需要竞争对手暴露重要缺陷。交互设计师需要敏锐地观察到这样的机会，迅速做出产品方案与决策。一个好产品不是通过堆砌需求产生的，就算满足了用户反馈的所有重要需求，依然可能面对用户量涨不上去的情况。交互设计师需要寻找那些对产品来说价值最大的需求，从而低成本地快速获得大量目标用户，这就是重要的思考路径之一。现在差异化竞争的概念已经相当普及，除了极少数依靠强大资源去复制其他产品来竞争的公司外，绝大部分团队都知道需要与竞争对手做出不一样的产品。但这只是初级思路，“不一样”只是最基本的要求，更有效的办法是深入地思考用户的需求重点、竞争对手真正薄弱的地方、自己能发挥巨大优势的地方，并将这三者结合起来。

● 用户的需求重点：通常是用户选择产品时的需求痛点，或者用户迁移时的主要成本所在。● 竞争对手真正薄弱的地方：竞争对手可能在某些地方有优势，但不要放过竞品的每一个弱点，并且要放大这些弱点。

● 自己能发挥巨大优势的地方：结合上面两个考虑，将它们转化成自己产品的优势。

3.数据分析

今日头条系产品为何能快速发展？它们的产品方法论是什么？

从某种程度上讲，今日头条是一家流量运作公司，对流量ROI（投资回报率）的运用纯熟度与效率非常高。如果我们剖析今日头条系产品的成长路线，会发现一条规律，在今日头条本身拥有很不错的广告变现能力的基础上，今日头条系产品在市场推广上非常舍得花钱——这里的原因就在于它们对流量ROI的掌握非常精细、纯熟。要构建这样的数据和算法系统，需要非常高的数据运用能力和非常好的数据算法意识，而这些都依赖于数据分析的基础。

市面上有不少数据分析方面的好书，比如《精益数据分析》知乎上也有不少数据分析方面的专业人士以及精彩问答，这些书籍和网上的内容能很好地帮助我们学习数据分析技能，强烈推荐大家看。交互设计不需要成为数据分析方面的专家，但什么时候分析数据、分析哪些数据、如何分析数据、如何用数据辅助决策、如何用数据驱动业务，这些问题是交互设计必须要回答的。除了看书和学习数据分析技能，还获得了一些数据分析方面的感悟。

（1）不能只看大数据，需要精细化分析。精细化地分析数据是非常重要的意识，从一个宏观数据上往下细分更多的数据维度，能让我们真正了解一个业务的真实状态，而不是表面上的情况。这需要耐心、定力和钻研精神，与浮躁、功利的风气格格不入，只有真正沉下心来做产品，才能不断去打磨、培养这个意识。

（2）需要看数据的变化、趋势。这点从字面意思上看，比较简单，容易理解。其中需要多讲一下趋势，交互设计师需要有敏锐的发现数据趋势的能力。在业务快速增长期，核心业务数据都在快速增长；但在业务平缓期，数据看上去会很平稳，这个时候尤其需要敏锐地往细粒度看，从而发现数据趋势。例如，当一个内容型产品处于平缓期时，每日的用户活跃数、内容发布量、消费量等数据可能都处于平稳的状态，这时我们需要寻找一些突破口。我们可以把内容拆细了看，看每个一级、二级类别内容的数据情况，看有哪些变化趋势。在大盘数据不变的情况下，细分的内容数据有可能有变化趋势，因为随着时间的推移，会有新的内容形态、流行趋势冒出来，而我们需要敏锐地发现它们，并且把它们规模化，这样才能找到新的内容型产品的用户增长点。

（3）需要对比数据，做到心中有谱。这里最普遍的问题是，是否知道某项数据的天花板在哪里。有时候我们觉得一个数据表现得不错，但其放在大盘里可能不突出。也就是说，我们要把数据和天花板、大盘做对比。

（4）找到关键数据。一个产品在不同阶段可能会有不同的关键数据；在不同的子业务里，也会有不同的关键数据。拥有关键数据的意识，交互设计就能够在众多繁复的数据中找到最核心、最能衡量/驱动业务增长的数据指标——因为在业务发展的过程中，总会出现不同的业务数据之间相互冲突的情况，所以很难做到面面俱到。关于关键数据，有一些一般性的经验，例如，内容型产品多为内容消费人数、数量；电商产品多为订单量、客单价；社交产品多为关系数、互动数等。但具体的情况还需要分析和验证数据。

（5）数据约等于效率的意识。数据分析帮助交互设计师做决策，甚至A/B测试可以代替交互设计师做部分决策，这些都是为了降低决策的失误率和风险，将人的脑力用在更适合、更有深度、更有价值的地方——洞察。

三、知识赋能

交互设计是很强的一门学科，设计师只是把交互设计做好是不够的（相对6年工作经验以上的交互设计而言）交互设计师要想有所提升或更高的成就，那就必须横跨领域知识：商业、产品、用研、视觉、技术、运营、市场、销售、心理学等...

关于横跨领域知识，只能给大家推荐一些公认不错的书籍。经济比较富裕的可以考虑网络上报一些入门课程。

《交互设计精髓》《设计心理学》《情感化设计》《用户体验要素：以用户为中心的产品设计》《社会心理学》《精益数据分析》《Web界面设计模式（第2版）》《信息架构：超越Web设计（第4版）》 About Face系列12 《点石成金：访客至上的Web和移动可用性设计秘笈（原书第3版）》《从0到1：开启商业与未来的秘密》《跨越鸿沟：颠覆性产品营销圣经》《参与感：小米口碑营销内部手册》

总结

交互设计是一个知识体系很广的学科，有些人学了1-3年的UI下一份工作就找交互设计岗位，有些人网上报名上了1-3月的培训班，甚至还有的看了1-2本书就开始做了。当然也有的是有交互设计导师带着做，这是最好不过啦～交互稿都能正常输出，只是质量有所差异。

每个人入行都各有差异，一些体系也有不同，但是不论如何，都建议大家多学习基础知识，成为一名专业性强的交互设计师，一起加油～