从新人到大牛！可能是最全面的交互设计知识体系

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

本文将我经过5年多的不断迭代，形成的这套交互设计知识体系，分享给大家。

一、设计理论基础

1. 交互设计概念

对于新人来说，要了解几个基本的概念，并且要有自己的理解。比如，什么是交互设计？什么是用户体验设计？交互设计的价值是什么？

2. 设计流程

如果不清楚整个产品设计的流程，不清楚每个阶段主要产出什么，不清楚交互设计师主要负责哪几个阶段以及自己需要输出什么内容，恐怕很难上手工作。

二、设计前期

我的 leader 经常说一个观点：越是高阶的交互设计师，越要有产品 sense，越要从产品全局、产品源头去考虑用户的诉求。

所以这个阶段虽然是产品经理、产品设计师更偏重的知识点，但作为交互设计师也应该逐步积累这方面的技能。

1. 挖掘需求idea

实际工作中需求的来源很多，可能是老板，可能是运营，可能来自用户的反馈。但作为产品经理，非常重要的能力之一就是善于挖掘用户的需求，善于将产品逐步迭代优化变得更好。

那如何挖掘需求呢？

常见的方式有几种，一是从人性需求、马斯洛需求出发去思考，二是从用户反馈中挖掘背后的本质诉求，三是数据分析，四是从竞品分析中获取机会点，五是流程简化等等。

基于这一系列的方法，我们还可以积累不同方法挖掘需求的案例，帮自己打通思维方式。

所以这个环节我们要积累几个知识点：

• 人性需求有哪些？马斯洛需求有哪些？每一类需求，至少思考一个案例。
• 如何做产品分析、竞品分析？报告怎么写？
• 需求挖掘方式有哪些？积累不同方式挖掘需求的案例。

2. 评估需求价值

一个新产品或是迭代中的产品，都需要评估需求的价值，评估它值不值得做。如果没有价值，我们也就不必要投入精力了。

常见的评估标准有几个：

• 一是用户量，是不是大众的主流需求，有多少人愿意用这个功能。
• 二是需求的紧迫程度，如果不加这个功能用户是否会离开，有了这个功能是否能给用户带来新的、核心的价值。
• 三是使用频率，用户是否经常要用这个功能。

看似简单，但实际工作中可能还要多方博弈去评估产出比。

3. 需求分析

这个环节，需要分析以下几点：

• 目标用户有几类，他们的动机和行为分别是什么。
• 每一类的目标用户的使用场景是什么，时间、地点、目标、行为。
• 在使用场景下，遇到哪些痛点。
• 为了解决这些痛点，产品将提供怎样的解决方案。
• 基于这套解决方案，有哪些产品目标，设计目标又是怎样的。

以上几点，有的需要产品经理给出，有的需要产品交互共同探讨达成共识，有的可能还需要通过用研的方法来协助产出。

扩展知识点：

• 用户研究方法
• 人物角色 persona
• 场景设计法，对于 O2O 类的产品，常常采用这类方法挖掘不同场景的痛点和机会点，从中分析设计策略。

三、设计方案阶段

1. 设计方案的思路

从功能模块梳理、任务分析，到页面流程和信息框架的确定，再到每个页面的布局设计、交互说明文档的撰写，最后进行走查 review。

每个环节做什么、如何做，最后输出的文档是怎样的？这是交互设计师的基本功，需要尽早积累。

2. 设计规范和原则

iPhone、iPad、Android，不同平台有不同平台的设计规范，我们做相应平台的设计时，尽可能的依循规范来设计，一定程度上能让用户拥有一致的体验。

对于设计原则，我们常常听到易用性十大原则、Ben Shneiderman 的交互设计8项黄金法则，这些原则的好处是，能帮助我们评估设计方案的好坏，也避免我们随意设计，通过有理有据的设计，既能让用户的每一步操作都在预料之中，也能在推动方案时帮助我们说服上下游。当然，也要结合实际场景来，避免教条主义。

这个环节，我们要积累这样几类知识点：

• 各平台的设计规范。
• 基础的设计原则，比如易用性十大原则。
• 在组织信息和内容时，有哪些设计原则。
• 在设计反馈提示时，有哪些设计原则。
• 在设计任务流程时，有哪些设计原则。
• 如何做简单的、高效的、贴心的、情感化的设计？积累方法和案例。

3. 设计工具的使用

这也是基本功之一，Axure、sketch 是交互设计师最常用的工具。如果要做动效，可以研究 Principle、Origami 甚至是 Keynote 等动效工具。也不一定要贪多，挑选到自己顺手的、合适的工具就行。

4. 创新设计方法

创新思维的方法有水平思维法、奔驰法、发散思维法、头脑风暴法、Brainwriting等方法。创新，是交互设计师绕不开的话题，也是每个设计师应该追求的方向。

5. 跨团队沟通协作

交互设计师需要与产品经理、视觉设计师、开发、测试沟通，如果不具备良好的沟通协作能力，可能会阻碍我们了解产品需求、推动设计方案的落地。

在沟通方面，每个人遇到的痛点有相同之处，也有不同之处，可以多跟人探讨如何做的更好。

四、设计后期

1. 设计效果跟踪和数据分析

一个设计方案，如何评估它的效果呢？在设计后开发前，可以通过可用性测试来评估；开发上线后，可以通过数据分析来评估。如果要通过数据评估，需要在开发前提供埋点需求，否则上线后可能没有你想看的数据。

延伸开来，还可以通过数据分析，挖掘下次优化迭代的方向。

2. 设计项目总结

对于负责的项目，如果经过了大的改版或阶段性的设计之后，可以从项目背景、收集需求阶段、需求分析阶段、输出方案阶段、交互细节亮点等方面输出一篇总结文章。

我们也可以搜集别人的项目总结文章，既可以学习如何写设计项目总结，也可以学到产品、设计迭代中的思考、结论，或许对自己做的同类产品也有指导和参考意义。

五、日常积累的设计案例

前面介绍的都是设计方法，但有了方法并不能够让我们输出优秀的设计方案。

我们还需要通过日常积累非常多的设计案例，再结合我们对设计的思考和评估，才知道哪些方案更优秀，哪些方案适合怎样的设计场景。

具体可以从以下几个方面来积累：

1. 特定功能或界面的设计总结

俗称的设计模式的积累，比如导航、注册登录、筛选功能、新手引导、前置引导页、搜索、数据可视化等等功能或界面的设计。

经验丰富的设计师，参与设计的产品越多，对很多功能或界面的设计都有了经验和积累，对不同的设计模式的好坏也有了一定的判断依据，这些都可以作为案例积累起来。

2. 特定动效的设计总结

可以理解为动效的设计模式，比如下拉加载动效、卡片动效、页面转场动效等等。

3. 细分行业设计研究

假如你做电商的设计师，你可能只负责某个小业务线的设计，但是可以对电商产品的不同业务线，做个系统的竞品分析研究，从全局到功能到特定栏目等进行分析。

这样能让自己熟悉全站的业务，将来负责新的业务线时也能更快上手。

如果你有感兴趣的细分行业，也可以通过这样的方式进行研究。

4. 新的交互方式和设计趋势

每年都有设计师总结设计趋势，这类文章可以研究下，提取有价值的点，扩充自己的知识库，找机会用于自己的产品设计中。

对于与 VR、AR 相关的新的交互方式，可以先关注着，如果有兴趣也可以系统研究，说不准未来你也能参与到这类项目中呢。

六、设计师的发展

1. 专业能力提升方法

新人设计师比较关注这类专业提升方法，可以参考一些前辈的经验方法进行实践，再结合自己的实际情况摸索适合自己的方法。

2. 职场发展

关于职业选择等方面的建议，看到有靠谱的文章可以先收藏着，迷茫的时候或许可以看看。

3. 求职招聘

新人设计师，关注求职过程中常常问什么问题、建立怎么写、作品集怎么准备、各公司的薪资待遇如何等等。

如果是资深设计师或设计 leader，会关注如何面试、招聘到优秀的合适的设计师。

七、设计网站/书籍/设计师/等资源

网站是我们获取灵感的渠道，书籍能让我们系统的学习专业知识，设计师能让我们知道可以向谁请教和学习。

这也是新人设计师在入行之初比较关注的。

以上就是现阶段我建立的交互设计知识体系。内容虽多，但可以按照自己所处的阶段，一点点升级打怪学习研究和实践。

对于这套知识体系，我是通过印象笔记管理的，附上一张笔记本组和笔记本的截图，供参考。

欢迎关注作者微信公众号：「青溪设计札记」

「交互设计师如何提高技能」

• 《想成为交互设计师？来看前辈的入行心得！》
• 《网易资深高手：交互设计师必备的9种能力》
• 《交互设计师如何突破职业瓶颈？网易高手给你3个选择！》
• 《高级交互设计师：怎样成为真正意义上的UX设计师？》

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备： https://www.muzisucai.com/