前段时间跟初入职场的同学谈心，发现他们面临一个相同的问题，就是从学校到职场不能够很好的衔接，对于现在的学生来说，软件技能已经不是最费时，最重要的一部分了，很多软件比如Figma、sketch、XD等，只要认真研究，几个小时就能上手，所以对于他们来说比较系统的，完整的工作流程，工作方法，设计原则才是最重要的。于是我回忆了一下自己的工作经历，发现工作流程和工作方法上跟十年前比还真有了一些变化，索性总结一下。

  工作流程   

我们部门把需求分为了3个项目等级，分别为P0、P1、P2。（各公司\部门等级排序方式不同）P0是公司重大战略项目，设计需要支持业务线TOP级目标达成，所以每个环节相对来说都比较严谨，基本上是需要团队合作完成，设计需要出调研报告，设计提案等。P1、P2级的项目，看需求紧急程度，可以视情况而定，舍去一些步骤。同时也得看是什么样的需求。产品需求通常有三种，全新产品、产品改版、功能新增或优化，一般全新产品和产品改版是需要完整设计流程的。

常规的设计流程包括：前期准备、分析调研、设计决策、设计实施、设计系统、跟进走查、复盘总结。

   前期准备  

了解项目背景，与产品对齐目标

首先接到需求后，要先进行需求分析，了解背景，明确为什么要做这件事，了解我们的服务人群是谁，要解决用户什么场景下的什么问题。理解产品定位和需求目标后，才能制定出准确且具有说服力的设计方案。* 如果是设计主导，那就要跟别人讲清楚我们为什么要做这件事，当前的环境背景、市场行情、用户痛点是什么？竞争对手能力如何？自己有哪些优势和劣势？是否具有可行性？给大家推荐几个立项用的分析模型：PEST分析、SWOT分析、SET模型、行业吸引力矩阵、波特五力模型。

   分析调研   

用户分析

大厂有专门的用研团队，但也不是所有的项目都配有用研，用户研究就是用专业的方法，研究用户画像、需求和体验，并持续服务，引领产品决策和设计优化。用户研究可分为两大类：定量研究，定性研究。

设计师需要了解一些用研知识，来帮助我们更精准的发现问题，更好的优化设计方案。设计师常用的几种方法包括：问卷调查、用户访谈、现场观察 、用户体验地图。

一般会先针对产品的新、轻、重度用户进行问卷调研，然后再从收回来的样本里面抽出一部分比较有针对性的用户，进行访谈。如果是现有的功能进行体验优化，会选择现场观察，观察用户的行为习惯，做文字记录、拍照、录像后做问题整理。

用户体验地图

从用户的角度出发，用一种讲故事的方式，帮助我们了解用户在使用产品时的体验，发现问题，更好的优化产品。这个之前的文章有分享过，这里不展开。*如果是新项目，需要借助用户画像，将信息标签化，帮助我们更准确理解用户的基础属性，行为习惯，特点，喜好来更好的分析用户，洞察用户核心诉求。

数据分析

数据分析一般都是由比较专业的产品经理或数据分析师，来输出专业的数据分析报告。设计师其实就简单的了解可能影响结论的因素都有哪些，尽量规避风险，拿到准确可靠的数据就行了。一般设计师能用到的数据有2种 1. 看流量指标用的PV（访问量, 即页面浏览量或点击量）UV（独立访客，统计1天内访问某站点的用户数）数据。2. 观测关键转化指标用的CTR（点击率）、转化率等。

设计师可以根据关键转化指标来分析，影响数据表现的因素有哪些，判断是否有可优化空间。也可以通过数据做对比，AB测或改版前后对比等。数据一般采用一周或一个月或一个季度的平稳时间段来做分析，尽量避免节假日、活动日、淡旺季切换日来观测数据，因为数据波动大，会影响准确判断。除了时间段还有很多因素也会对数据造成影响，比如新方案刚上线，转化会有明显提升，可能是因为好奇心或不熟悉而导致点击量增加。这种情况需要在线上多观察一段时间，待数据稳定时再进行分析，得出结论。总之数据分析是一个很复杂的课题，最好是跟专业的数据分析师一起沟通得出结论。* 不是所有的项目都有数据，我在这方面吃过亏，所以也想提醒下大家，如果是设计主导，一定要在开始设计前就先问好是否有数据，如果没有，尽快沟通埋点。

竞品分析与现状分析

竞品分直接竞品和间接竞品，直接竞品最好选择行业内TOP级产品进行分析，间接就选垂直领域的独角兽产品。可以基于用户体验的5要素（战略层、范围层、结构层、框架层、视觉层）去分析的，设计师肯定更关注的是框架层与视觉层。

针对国内外类似竞品进行产品结构，页面布局、交互方式，设计风格，设计亮点、呈现形式等各方面分析，理解为什么他要这么做，优缺点分别是什么？拆解用户路径，截图制作成路径文档包，以及布局形式截图对比，设计风格截图对比，从形色字构质5个方面进行视觉分析输出报告。最后，分析下自己产品的设计现状和可优化的点，整理出来。

   设计决策   

定义设计目标

根据前期的调研和分析定义出设计的目标，设计目标分为几种：提升数据型、解决问题型、体验优化型、创新项目型，针对不同目标我们可以去制定不同的设计策略。

情绪版辅助下规划设计方案

情绪版是帮助设计师获得风格范围的一种方法，设计师可以通过这种方法，进行风格化的尝试，得出最终的视觉风格。

情绪版的制作流程，没有固定的方式，但大体上差不多，都是先根据产品定位，用户群体的喜好度调研，竞品分析来获取3、4个原生关键词，然后在原生关键词的基础上，衍生出更多新的词语，在根据这些衍生词来收集相关的素材，从这些素材中寻找出他们的特性，比如颜色、形状、质感等，让设计思路更明确，更具体。有了具体思路，在去收集些相关的国内外灵感来源资料，并结合设计流行趋势，整理出设计方案。

梳理流程、原型优化

拿到原型后，首先要梳理下流程，基于流程图来模拟用户在不同场景下的操作步骤，对整个流程进行评估，确定流程是否能保障用户顺利的完成任务。如果在这期间发现步骤不完整，交互不流畅，或是缺少反馈等问题，就需要我们完善下原型或是做下优化。

   设计实施   

确定了设计风格，明确了设计思路后，在充分的理解整体流程和产品原型的基础上，基于设计原则，平衡产品、开发实施和收益之上，进行体验提升，确保产出质量。

交互设计原则

一致性原则：视觉一致性、行为一致性、感知一致性，较少用户学习成本。

可见性原则：状态可感知，有反馈，内容可见变化可见。

可控性：可撤销，使用产品时足够自由。

人性化帮助原则：新手引导，帮助中心，客服电话。

防错原则：避免问题的发生，消除容易出错的条件或增加提示，操作后再次确认。

容错原则：以简单清晰的语言准确指出问题，提供引导挽救方法。

协助记忆：减少用户对操作目标的记忆负荷，让用户每一步操作都是可见的，内容可预期，能选择就不输入，能自动读取就不手动操作。

贴近场景：用用户的语言，用词，短语和用户熟悉的概念，功能操作符合用户的使用用场景，遵循现实世界的惯例来呈现信息。

灵活高效：加载速度快，指向明确，灵活的反馈

审美和简约设计：界面简洁清晰，功能简单易用，内容可读易懂

希克定律：面临的选择越多，需要付出的时间就越长，为用户提供简单的选择，或尽量不要让用户选择。

视觉设计原则

主次分明：通过对比大小、粗细、距离，颜色，样式，形状，等创建焦点，区分主次层级。

一致：在同一个应用中，保持一致的配色方案 ，ICON造型，图形元素，内容结构。

临近性： 也可以叫亲密性原则，说白了就是要分组，信息联系紧密的间距相近，不同性质间距相远。

简洁：不要放过多没意义的装饰，适当留白，避免页面空旷或拥挤。

清晰：文字排版易读，图形清晰可见，且具备识别度，能有效传达设计内容，提升浏览效率。

对齐：对齐是达到整齐、平衡效果的重要手段，一个页面不能使用过多的对齐方式，最好只有一种对齐方式，要么都左对齐，要么都是居中对齐，过多的对齐方式会造成画面极其混乱。

节奏性：同一个页面内容中，间距的样式不宜过多，间距使用倍数。

相似性： 拥有相同功能、含义、层次结构的组件，字体、颜色、图标、图形应保持样式上的统一。

连续性：通过构图来帮助用户感知事物的形状和运动方向，视觉引导用户浏览内容。比如导航栏中滑动交互模块，滑动组件和进度条展示。

质感：选择适合产品特质的质感，来提升空间感，层次感，让页面更细腻更精致。

情感：寻找设计与用户之间的“情感”共鸣，给用户带来愉悦的体验。

可用性测试

设计完成后,如果时间足够充裕，可以输出一个Demo，并且有目的性的制定一个任务表，然后选择一些比较有代表性的用户（没有接触到这个产品，且符合产品定位的用户）进行不同场景下的模拟操作，在用户使用过程中，如果用户遇到了问题，不要去讨论解决方法，也不要帮助用户解答，不可以有任何引导性的语言，如果出现操作卡顿、交互逻辑不合理、有BUG之类的情况，把问题记录下来，同时进行录像， 录音。我们的最终任务就是默默的观察用户操作行为，收集资料，评估设计是否合理。

   设计系统   

设计系统包括设计规范，图标库和组件库。它能让设计规模化，规范化、自动化。制定出一套完整的基础规范，并且持续优化更新图标库和组件库，能够更好的释放设计资源，让人力专注于解决更复杂更有价值的问题，同时可以帮助初级设计师的产出达到更高级的要求，保证设计品质、统一用户体验、提升产研效率。

线上可作为参考的设计规范：

iOS Human Interface Guildeline —— Apple（苹果）

Material Design —— Google（谷歌）

Fluent Design System —— Microsoft（微软）

Ant Design —— 蚂蚁金服

   跟进走查   

实时跟进反馈

研发过程中会遇到各式各样的问题，需要设计师来辅助解决，比如说研发过程中发现有遗漏的交互状态，特殊的实现方法，需要特殊的切图方式，技术壁垒导致无法达到预期效果等问题。哪怕是我们在设计阶段，就已经尽可能地考虑了所有的交互状态，考虑到所有的使用场景，考虑到技术们可能的实现方式，但还是避免不了问题的发生。如果在跟进时，发现因技术壁垒或什么原因导致需要调整设计方案的话，这时我们就需要建立一个实时文档，写清楚哪个模块下的哪个功能，原有的方案是什么，出现了什么问题，变更的原因是什么，现有解决方案是什么，留下修改证据，方便追溯。

设计验收

由于技术们并不会像设计师一样雕琢界面，所以会导致设计师需要多次验收才能还原设计稿的效果，但没办法，这也是设计的一部分，为了提高双方的工作效率，我建议大家建立一个实时文档，把开发实现后的效果截图和设计稿贴在表格里面做对比。然后在开发实现的截图中具体标注出需要修改地方，并写好需要调整的参数。

   复盘总结   

我觉得复盘总结有三个要点

一是通过复盘来对设计策略的价值进行总结验证。比如说设计的目标是提升流程效率，它的几个基础值是多少，通过我们分析推导构建方案后，再次观测这个数值，是否达到设计预期结果，这样能够量化的体现设计的价值。

二是对于不足之处进行反思，制定后续计划。如果与目标结果有偏差，可以用一些分析工具，比如5why分析法、根本原因分析法、名义群体法来进行脑暴，讨论出结果，总结提炼，制定后续计划。

三是沉淀下一些工作经验和方法，积累自己的知识库。

好~到这里整套的工作流程和一些基础的设计原则，以及设计方法就分享完了，对于新手来说，可能涉及到的知识点有点广也有点多，但只要经历过，一切都会迎刃而解哒。

关注微信公众号 “ 小新的芝士绘本 ” 看更多内容~

Powered by Froala Editor