前言：为什么转岗交互设计师

        随着互联网行业的不断发展，UI设计师岗位的竞争也越发激烈，越来越多的UI设计师为了提高自己的核心竞争力不断去学习产品交互技能，作者曾经花了两年多的时间去系统的学习交互知识，从一个小厂的UI设计转岗到某厂的交互设计师，学习期间发现很难去找到整套完成流程的交互教程进行学习，零散的知识点浪费了很多的学习时间，所以我整理了一些UI转岗到交互岗的所需技能分享给大家（当然，交互设计涉及的知识点非常多，这里提到的主要是重要知识点），让大家快速学习、了解一些交互知识，希望能和共同学习，一起进步。

一、目标用户与需求分析

苏杰老师在《人人都是产品经理》里面说过一句话：

"不是每个人都能以产品经理为业，但在我看来，产品经理是一类人，他做事的思路与方法可以解决很多实际的生活问题。

只要你能够发现问题并描述清楚，转化为一个需求，进而转化为一个任务，争取到支持，发动起一批人，将这个任务完成，并持续不断以主人翁的心态去跟踪、维护这个产物，那么，你就是产品经理。

至少，你已经是自己的产品经理了。这才是“人人都是产品经理”的真谛。"

      如果你读懂了这句话你就明白为什么目标用户与需求分析会放在首位，交互设计师的职能并不是单纯的去设计产品功能，实际上是去解决用户的需求问题，我们通过设计产品去最快速、最有效地解决用户的实际需求，那才是我们做设计的真正目的。

    那么如何去定义目标用户以及需求分析：

     1、明确产品的目标用户

      相信很多同学在做UI作品集的时候也做过用户画像模块，请问你们的用户画像是真的通过自己进行调研出来的还是只是自己通过想象而随意编写的呢，作者当年也是跟着网上的作品集套进去，并不理解其中的由来与作用，其实用户画像主要用于我们快速的理解产品用户的期望、需要、动机等，根据用户场景特征去进行设计，有了用户画像的支撑，能避免我们在设计过程中出现一些不必要的因素，下面我列举了一些确定目标用户的方法。

处于不同发展阶段或不同大中小型企业，可以使用不同方法确定产品的目标用户：

• 第一种：处于从无到有的C端产品并且是小型公司的话，最简单直接的方法是在数据分析网站上通过竞品分析去了解用户，一般的数据分析网站有：艾瑞数据（https://index.iresearch.com.cn）、易观千帆（https://qianfan.analysys.cn/）、百度指数（http://index.baidu.com/v2/rank/index.html?#/industryrank）等. 每个数据分析网站有各自的优势，这里我用艾瑞指数来举例：假如你的产品是教育类的产品，那么登录到艾瑞数据后可以选择“学习教育”类型（你可以选择web或app产品），随后查看该类型TOP10的产品进行查看（这里也顺便教你们怎么寻找竞品了），如下图：

进入产品详情后，你可以看到该产品月度覆盖的人数、环比，使用人群性别比例、使用人群年龄占比以及区域占比等.这些参数都是能快速、便捷地让你去定义产品目标用户特征，你可以利用这些参数与后续的用户调研来绘制用户画像，以后出去面试的时候面试官问道你的用户画像怎么来的，你便有据可依。

• 第二种：处于拓展期的B端产品，考虑到现在很多中小型的企业都是做B端产品（作者就是从实习到现在都是一直做B端产品），其实这种产品的目标用户通常是已经固定的，并不需要像上面一样，因为B端产品就是为了解决特定用户的某些需求而研发的，就好像企业微信，就是为了提供企业员工进行考勤管理的，学生跟老人等用户基本不会用得到，所以你们只需要参考公司策略明确产品的目标用户人群即可。

• 第三种：已经处于成熟期的产品，这种产品已经有了固定的用户了，我们只需要根据后台数据库的用户属性跟行为数据进行分析即可，一般这样的用户信息才最具有说服力，因为这些数据信息都是通过产品的真实用户收集得到的。

2. 2.产品需求分析

   1. 需求分析，就是根据用户调研去挖掘和提炼用户需求，发现用户的痛点，把用户需求转为产品需求（解决方案）的过程。这部分的工作很多时候会由产品经理去负责，但是也有部分公司会让交互设计师单独处理，每一家公司分工不同，设计师可以根据自己的实际情况而定。

      用户需求并不是独立存在的，我们在挖掘需求的时候需要基于用户、场景以及期望去进行分析（有点像以前语文的人物、事件、地点），所以提炼用户需求的时候需要结合到用户场景案例来进行分析，例如：

   2. 还是教育类的案例，小彬（用户），毕业出来工作后想通过学习英语去提升自己的呢你，但是上班时间特别忙，晚上回到家都很晚了（场景），希望能够在上班路上利用零碎时间进行学习（期望）。

   3. 根据上面的案例我们就可以很容易看到用户的需求：“能够在上班的路上利用零碎时间进行学习”，根据这个需求我们可以很好的给用户提供解决方案，例如我们出一个短视频教程模块，让小彬在上班的路上边看教程学习边坐车，并且随时暂停，不需要长时间学习。

      看完上述案例，我相信大家对需求分析有了大概的了解，但是这里我要强调两点，这两点是很多人都会犯错，需要大家注意：

      （1）在结合用户场景去进行需求分析时，用户场景必须贴合产品真实存在的用户场景，切勿通过自己想象得到，不然到最后得到的需求很可能是伪需求，让后续的原型设计走很多的冤枉路。

      （2）有时候通过场景挖掘的用户需求进行设计时，需要有自己的思考，不要觉得用户想要什么我就只给什么，在汽车发明出来之前人们的需求是要一匹更快的马。

   4. 二、竞品分析 

   5. 通常我们在设计原型之前都会做竞品分析，相信很多同学都了解什么是竞品分析，因为就像以前做UI一样，我们也会去参考别人的界面排版、配色以及构图等，作为交互设计师很多时候也需要去进行竞品分析，一是为了让自己快速了解产品逻辑，二是让后面的设计方案有一个大概的方向，快速定义产品的信息架构，与UI设计不同，交互设计师分析产品的角度以及分析的方法可能并不仅仅停留在表现层，我们需要深入到框架层以及架构层。下面带大家看一下竞品分析流程：
      （1）确定竞品分析的维度
      简单点说就是确定竞品分析的目的，确立方向，然后朝着该方向去进行分析，这样才不会让自己漫无目的，快速获取竞品分析结果。
      很多同学做竞品分析都是因为产品需要从零到一进行设计，对于新项目一般需要确定你们的项目要做那些功能，公司的设计目标是需要达到什么样的效果，每一个产品设计的优缺点，我们在设计的时候怎么样取其精华去其糟粕。
      （2）选择目标竞品
      选择目标竞品最重要的一条是确定自己产品的类型与功能，根据自己产品的功能类型去寻找同方向且热门的竞品，我下面列举几个方法：

      • 1、艾瑞数据寻找目标竞品：这个方法上面已经跟大家提及过，我们可以打开艾瑞数据（https://index.iresearch.com.cn），然后选择自己产品的类型（例如学习教育类），网站会把该类型的产品按照用户数量从高到低展示给你，一般我们只需要看top10就足够了，竞品分析不在于数量的多少，而在于你分析得是否到位。

2. 2、APP Store（IOS）/应用宝（安卓）：一般如果找APP竞品的话，可以在APP Store中查找关键词，再结合产品的热度进行选择，例如教育行业APP中，用户量较多的学而思网校与慕课，但是这两个产品教育方向不一样，所以在选择的时候需要结合自身产品的功能进行选择。

3. 

（3）竞品分析的方法

在确定了竞品分析的维度和竞品选择后，我们需要对竞品进行分析，但是每个人对竞品分析的方法不经相同，也没有一个统一的做法，所以我下面列举一些我根据工作经验而慢慢形成的竞品分析方法，这些方法通常让我事半功倍，同时也希望能帮助到你们。

1. 1、从范围层(核心内容+功能)进行分析：

该方法主要是指利用表格去统计各竞品有哪些核心内容与功能，从而了解哪些核心内容与功能是重点，对后续的产品设计有一个更加整体的把握。下面我以现在流行的音乐APP为例子进行分析：

依照表格逐步去分析每一个产品的优缺点，从而根据自身产品的实际情况进行取其精华去其糟粕，打造一个优秀的产品。

2. 2、从框架层(产品的交互流程)进行分析：

从框架层进行分析即针对每一个竞品分析去完成一个完成功能需要哪些步骤，然后详细记录下来，最后查看哪一种交互方式更加方便，用户体验会更好，等到画原型的时候，心里会有一个大致的模型。例如：当使用音乐APP的时候，你听到一首很喜欢的歌曲，你想点击收藏，那么在网易云音乐中需要点击右上角的歌曲，进入歌曲页面后点击收藏图标进行收藏，最后再返回原来页面，进行原来的操作，这样会打断用户的思维，带来一些不好的体验，而酷狗音乐，你只需要长按歌曲，然后点击收藏图标即可，无需进行页面跳转，这样会使得整套操作更加的流程，以后在同类型的功能中，你就知道该怎么去进行设计。

3. 3、从表现层进行分析:
   
   从表形层进行分析的话会比较简单，就是找到竞品值得借鉴的部分、然后记录下来，分析原型，如何进行借鉴即可。例如，酷狗音乐中，长按中间的歌曲后，会弹出对这首歌进行操作的快速按钮，可以让你不需要跳转页面就能随时对这首歌进行收藏、暂停或者是播放下一首，这种做法创新了一种用户体验更好的交互方式。

4. 

5. 三、原型设计

6. 作为交互设计师，原型是我们工作中最重要的产物，我们上面所讨论的目标用户、需求分析以及原型分析都是为了我们能够做出一份好的产品交互原型。一份好的原型不单能让开发人员快速了解产品的交互逻辑，并且能清晰的展现产品的核心层面，用户痛点与用户目标。下面我给大家介绍一下画原型图一般用那些工具以及怎么去完成原型设计。

   • 1、原型设计一般都使用那些工具：

7. （1）Axure：Axure RP是如今最传统的原型设计工具，设计师可以根据自己的工作需要去搭建原型组件，并利用自己搭建好以及软件内的组件快速设计出产品原型，Axure本身也提供了强大的交互支持，设计出来的原型与实际产品几乎没有差别，虽然自身所具有的组件比较少，但是网上提供了很多成熟好用的第三方组件，直接下载即可，作为交互设计师基本都需要掌握该工具，但是这个工具有一个缺点，就是如果把交互稿分享到Axure云提供给同事浏览的话，因为是国外服务器，国内打开的时候会比较慢，相对而言会不大方便。

8. 

9. （2）Sketch：目前，很多的公司逐渐用sketch去取代Axure进行原型的设计，Sketch优势在于自身具备了很多的模板，而且也支持非常多的功能插件，可以省去网上寻找资源的麻烦，此外，Sketch还有一个重要的功能点，就是"组件/Symbol"（类似于Axure的母版功能），能够快速修改以及维护大量重复的组件，同时还能与principle进行配合，制作出高保真的交互流程。缺点就是目前Sketch与principle都只支持苹果用户，Windows系统还无法使用。

（3）figma：这几年figma越来越火，凭借着能够跨平台、多人同时协作等优势，渐渐侵占了Sketch在设计师中的市场，不管是UI设计还是制作交互原型都特别方便。figma出了拥有上面Sketch的功能之外，还支持跨平台运作，并且可以多人同时协作，任何人都能在设计图上进行线上修改与评论（以后不会画的，可以叫同学偷偷帮你做了），社区还提供了大量的模板与插件，开发还能根据设计稿去导出任何资源（包括CSS、IOS、Android样式等），功能十分强大，同学们可以自行探索。不过如果需要多人协作的话，需要进行付费，不过对于一般的设计师来说，免费版也已经足够了。

2. 2、原型制作过程：一般的交互原型应当包含文档封面、更新日志、文档图例、产品信息架构、产品流程图以及产品交互页面等等（设计师可以根据自身需求去进行增减），下面着重介绍怎么通过Axure进行页面原型制作。

交互设计师是一个七分想三分做的岗位，产品页面都是由组件、元素构成的，这并不复杂，复杂的是我们要捋清页面背后的用户需求、业务流程、页面交互等，所以制作原型过程更多的并不在于"画"，而应该是"思考"，认清产品的核心，这才是重点。

制作原型的第一步，我们可以通过用户需求和竞品分析的结果进行信息整理，心中大概有一个页面的初步模型，这时候我们可以使用Axure去进行简单的布局构建，就像我一样，按照构思好的模型，通过拖拽自己的元件库去设计整体页面与跳转逻辑（注意，画原型的时候颜色最好只使用黑白灰，避免影响UI同学设计），最后进行细节的处理与调整，例如每一个缺省页面、特殊页面怎么展示，产品逻辑是否闭环，可变参数的极限是多少个字，需不需要换行等等..

在制作原型之前，每一位交互设计师都应该先准备好自己元件库，一般的话网页端产品一套，移动端产品一套，网上提供了很多成熟的元件库，设计师们也可以选择适合自己的进行调整，磨刀不误砍柴工，制作原型时需要重复利用组件，所以一套合适的元件库能使你的设计事半功倍。

设计完原型后，还有最后一个步骤一定要去做的，那就是交互自查，这是一个专业的交互设计师必备技能，网上关于交互自查的方法有很多，也提供了很多交互自查表给设计师们去参照，我这里就不重复给大家介绍，但是千万不要怕麻烦，交互自查能让你减少后续与开发人员的沟通。

四、数据分析

数据分析时交互设计师必不可少的一项技能，也是验证设计成果的重要因素。上面提及确定竞品分析的维度，就是为了通过确定数据去验证成果，如果我们缺少对数据的评估，就无法说明我们的设计效果是好还是坏。

所谓“无对比，不分析”，一般数据分析都是通过数值进行对比，去查看数据相对是上升、下降、还是持平，是否跟当初设计预期的一样，一般来说，对于初期的产品会更关注产品的一些DAU、GMV、以及支付人数等，因为这些数据的增减是直接影响到整个产品的存活，如果产品的DAU不断下降的话，那你就要马上查找原因，及时调整，避免恶性循环。

此外，还有一种数据分析叫环比分析，环比，表示连续两个周期内的量级变化比，例如连续一个研发周期、一周、一个月的量级变化比，都可以称为环比。环比分析一般体现在该时间段对比上一个连续时间段的数据变化情况。

• 计算公式：环比增长率=（本期数-上期数）/上期数 x 100%

举个简单的例子：我们研发的周期是一个月迭代一次的，那么该产品功能上线后，我就会根据每个月的DAU数据进行环比分析，查看这次迭代产品DAU环比是上升还是下降，如果是上升再调查是否因为这次迭代的功能导致DAU的上升，最终得出设计的成果。

五、最后总结

这次分享的知识点可能会比较多，从目标用户的确立、需求分析、竞品分析、再到原型设计以及最后的数据分析等..不过作为交互设计师需要掌握的知识还有很多很多，如果你是B端的交互设计，还需要了解用户权限、角色以及菜单的关联关系等，但是每一家公司交互设计师的职责都不太一样，公司规模也可能差距很大，我们需要掌握那些技能也没有一个标准答案，不管是黑猫还是白猫，能抓老鼠的就是好猫，所以我觉得作为设计师最重要的技能是灵活，灵活的处理每一个项目，你可以不去做用户分析，你也可以不会竞品分析，只要最后能完成领导分配的任务，提升产品的用户体验就已经足够了，就好像咏春一样，没有谁的咏春是正宗的咏春，千万不要让固化的思维去限制了你的设计，不断学习，大胆创新，这样我们设计的道路才会越走越远。

最后感谢大家能看到这里，最后附上一份我常用的交互文档模板~~

希望大家能有所收获，谢谢~~

Powered by Froala Editor