0.0°

UED新人培训-设计工作流程

经验类型经验/观点
经验属性原创文章
经验版权署名-非商业性使用-禁止演绎

抹茶配香草

关注

18408 8 330 2022-06-30

新人入职别慌，一起来看看设计工作流程，帮助快速融入UED大家庭～

随着设计团队的扩大、设计人员的流动、新鲜血液的不断加入，设计新人需要了解所在公司UED团队的设计工作流程。与之相对的，需要设计团队对新入职的设计师有个新人培训。
下面分享我在同花顺给UED团队做新人培训的课程内容，希望对新入职的伙伴有帮助～

相信大家在设计工作当中都会发生很多又好笑又好气的插曲～
我们需要思考：如何减少工作当中的摩擦，提升沟通有效性以及提高工作效率！
设计能力模型
废话不多说，进入正题：我们先来了解一下设计师能力模型
新入职的伙伴大约分为两类：1.刚入职场不久的小白新人；2.职场久经百战的老人；
无论新老社畜都需要对自己的能力有个清晰的评估：小白新人了解设计师的能力模型能帮助自己快速定位，并对专业能力查漏补缺。职场老人了解设计师能力模型可以帮助突破当前瓶颈，并且提升综合实力。
【显性能力】和【隐形能力】全程贯穿整个设计工作中每个环节，显性能力是设计工作者的基本能力素养，增强隐形能力是设计进阶的重要突破口。
从设计小白到设计大佬，需要多在隐性能力上下功夫，同时隐性能力是突破职业瓶颈的关键。
对设计师的能力模型进行拆解由4个部分组成，每个模块对应不同的设计能力，（初级设计师需要重点关注前三个模块：通用能力、专业知识、专业技能）
下面对每个模块的能力进行详细的拆解：
到这里大家应该对设计师的能力模型有一个具象的了解。
下方是一张简单的工作关系图：
我们的设计能力作用于项目需求之上，转化为落地可执行的设计方案。而这个将设计能力转化为设计方案的过程我把它比作“设计工作流程”。
项目工作流程
了解了设计师应具备的能力模型后，让我们切入项目工作当中，看一下项目工作的流程。
看一下项目工作流程中的关键词：
【项目阶段】：了解项目当前所在的阶段；
【参与角色】：明确工作的协作对象；
【工作内容】：了解每个阶段具体的工作内容；
【产出物】：最后需要知道每个阶段输出的内容/产出物；
项目进行一共有四个阶段：需求阶段、设计阶段、开发&测试阶段、验证总结阶段。
每个不同的阶段参与的人员不同、工作流程不同、产出物也不同；
再看一下项目等级的划分：
将项目依据重要性、复杂度、影响范围将项目分成S/A/C三个等级。
不同等级的项目对应的工作流程也有细微的差别，需要我们在接需求时对项目有一个等级划分。
S/A级的需求是花费精力最多的，工作流程也是相对复杂的，设计师需要紧密参与的环节也多。同时S/A级项目需求也是最锻炼人的；
C级需求是小白新人工作中接到最多的需求，工作内容相对简单，工作流程也不会很复杂。
工作实践案例
结合几个我的工作案例来和大家一起串联设计工作流程。
运营需求和产品需求对应的实际工作流程也会有细微的差异，接下来会在这几个实际工作案例中会给详细介绍：
S级需求我举例一个体量大的产品需求案例，C级和A级需求，我分别用了一个运营需求案例来展示具体的工作流程。
工作案例一、
先从最简单的C级项目需求开始给大家过一下工作流程：
股票开户日常运营广告投放需求：【接收需求】-【沟通需求】-【绘制草稿】-【视觉设计】-【设计出图&物料投放】
【接收需求】：
我们日常接需求是在jira上进，需求方在jira上建需求任务，leder进行需求分配。
jira任务上会备注对需求的简单描述，并且附上需求原型，设计师需要在点击开始任务之前和需求方进行需求沟通。
【沟通需求】：
上面是我接收到的需求稿原型，沟通需求背景并对需求内容给出优化建议，提取设计关键词。
【绘制草稿】：
自己脑爆后，给出3个设计方案的草稿，并与运营人员沟通确定设计方案。（最终选择了PlanC）
【视觉设计】：
确定设计方案后，进行视觉设计。这个需求比较简单，我用c4d建模快速出图。

【设计出图&投放】：
通常早上接到需求开始沟通，脑爆出设计方案。下午开始着手视觉设计，并确定最终定视觉稿&出图，整个过程耗时不超过1天。（简单的需求，不建议耗费过多时间和精力在这之上）
工作案例二、
A级需求，我同样用了一个运营活动需求的工作案例来展示工作流程步骤。
股票开户盲盒营销活动需求：【接收需求】-【沟通需求】-【绘制草稿】-【优化方案】-【方案评审】-【视觉设计】-【设计出图】-【设计走查】-【设计验证】（这里就不重复展示接收需求这步，同C类需求）
【沟通需求】：（下方左侧是本次销活动需求的首页原型图）
拿到需求，我们首先需要了解需求背景、目标人群、需求目标、投放渠道、上线时间等等…
对需求的整体框架逻辑进行梳理，理解业务并针，对营销方案提出合理的修改建议。提取本次营销活动需求的设计关键词。

【绘制草图】：
与需求方沟通结束需求后，开始绘制活动设计方案草图。
左侧PlanA是依据需求原型进行构思的草图，PlanB是依据现有的活动逻辑优化的新方案：
1.依据盲盒活动的属性，画面设计上采用贩卖机的样式；2.页面交互模拟线下贩卖机选择盲盒方式增加活动趣味性；
【优化方案】：
在与需求方多次的方案沟通中，确定最终的优化方案。
【方案评审】：
方案优化完之后，组织运营、产品、开发、测试一起方案审核，会议室评估需求及技术实现方案讨论；
【视觉设计】：
开始着手视觉设计：设计手法上采用C4D建模渲染，增强活动的视觉冲击力。
视觉设计阶段，请保持和运营/产品的及时沟通，不要一股脑设计定稿了再给运营看，容易出现返稿的现象。
【设计出图-活动页】：
确定最终视觉后，设计产出落地页、弹窗（不同状态获奖弹窗及产品介绍弹窗）、标注&切图（本次活动涉及到游戏动画特效gif，切图交付需要和开发交接仔细）
【设计出图-广告图】：
产出活动延展的广告开屏+banner
在活动投放后，需要实时查看广告物料投放数据，若转化数据不理想需要及时和运营商量优化广告（优化文案 or 优化设计）
【设计走查】：
主要是针对前端实现效果和设计稿的差异问题，在开发完成后进行（UI/视觉、功能交互）验收，确保设计的还原度。
*注意再设计走查过程中，需要及时记录走查问题。详细走查流程步骤查看上方图片。
*建议活动需求到了设计走查这一步之后，不要对需求方案和设计方案进行大的改动，这将影响到整个开发进程，甚至影响活动的上线。
【设计验证-广告位侧】：
设计验证也是对广告投放数据的分析：
广告投放时间为3天，其中2月27和2月28日两天是周末，那么对应的数据也会较工作日差一些；
本次开屏和banner的点击率不是很高，受当时的行情影响（但较同期来说处于中等状态）；
同时开屏和banner的投放也受部门广告投放筹码影响（筹码越多，广告的曝光量越大，带来的数据转化率也会有变化，所以做数据分级的时候不能单看点击率，结合最终的转化率和人均消耗筹码来看）；
【设计验证-落地页侧】：
对活动页的转化率分析，这里主要是对活动首页的数据分析：提取活动页面埋点数据，制作转化漏斗。
数据分析要结合实际投放场景、投放时间、投放的渠道、甚至是投放期间的行情等多维度分析。
梳理总结分析：分析踩到的坑，吸取经验并优化活动方案，为下一次活动优化做数据支撑。
工作案例三、
S级项目是整个需求中环节最多，流程相对最复杂的设计工作，整个需求从需求启动到开发测试完成上线至少需要历经2-3个月时间，甚至更久～
模拟炒股APP首页改版需求：
【启动需求】-【需求评审】-【交互设计】-【交互评审】-【视觉设计】-【视觉评审】-【标注&切图】-【项目跟进】-【设计走查】-【设计验证】-【设计总结】

模拟炒股APP改版项目是在2021年1月份启动，3月初因为排期原因，项目分期两期进行，直到5月中旬刚完成改版一期需求-首页的改版上线。整个APP改版完成历尽半年时间。

【启动需求】：
启动需求需要通过“业务分析”“数据分析”“市场分析”“竟品分析”“用户调研”这五个维度去准备；
（设计师想要突破当前-机械性接需求的工具人局面，在遇到A/S级项目时，建议在需求启动前期就积极参与，设计前置&深入业务）。
【启动需求-业务分析】：
业务分析可以从：分析当前项目存在的问题、量化APP改版的目标-数据指标（新老用户留存率/日活/新增用户数）、制定App发展方向；
【启动需求-用户调研】：
用户调研的目的是：在App改版前明确用户的基本情况及需求偏好，希望通过用户调研来了解用户的需求及痛点。
1.了解APP的用户特征：
2.了解用户关注的内容类型：
3.了解用户功能需求偏好：
【启动需求-数据分析】：
通过对APP埋点数据抓取进行分析（广告位/功能入口的点击转化率）
数据转化不理想的原因可以结合视觉UI、交互、用户体验等多维度去分析，并得出最终的分析结果：
数据分析结论：缺乏品牌调性、缺少模拟炒股特色功能、模块转化率低下、页面交互体验不佳；

【需求评审】：
完成需求启动的准备，PR有初步的需求原型会开需求评审会，需求评审这个环节设计师也需要参与其中。
在会议上设计师需要同步了解项目需求背景、产品现状以及需求目标，一起评审需求功能等。
这个需求评审会议可能不止一次，会有多轮的情况，每次会议都要同步明确需求改动处。
【交互设计】：需求会议后进行交互设计。

【交互评审】：交互评审环节需要UI设计师也参与其中。
【视觉设计】：
历经前面的多个环节准备工作，是不是感叹终于正式进入视觉设计环节了。
Wait a minute......
S级的项目视觉设计也不是简单的直接开始画图：
·需要对项目进行一个改版方案预设，确定视觉设计目标，通过竞品分析、结合调研数据结果，从不同维度确定改版方向；
·针对重点页面进行绘制PlanA/PlanB。（完成改版方案预设后组织项目团队再一起开个会，会议上确定改版方案）
【视觉设计-改版方向】：进行产品的体验设计，突出产品特色。
优化页面布局：
规划产品特色：
【视觉设计-竟品分析】：
以案例中以有模拟炒股功能的同类型产品为垂直维度，以股票、金融类型的产品为横向维度进行划分，筛选出8个App产品进行视觉竟品分析。
这里的竟品分析和启动需求时的竟品分析维度不一样，启动需求时期的竟品分析更着重对产品的功能分析，视觉设计环节的竟品分析更偏对竟品的品牌视觉、UI设计规范、交互、用户体验、营销视觉等几块去分析。
【视觉设计-设计目标】：
明确本次项目改版的设计目标，围绕目标进行视觉设计。

【视觉设计-风格定义】：
提取产品改版设计关键词，定制视觉改版品牌色。

【视觉设计】：输出视觉改版设计稿
【视觉评审】：
完成本次项目改版的视觉设计后，组织团队进行视觉评审。
【标注&切图】：
在sketch中安装同花顺HUX Master插件，可以上传标注。选择产出的界面画板，填写对应需求Jira任务号点击上传会生成对应的链接，产品、开发、测试、UI都可以在Jira任务中直接跳转查看界面标注及代码。
【设计走查】：
产品类项目设计走查注意不同机型但适配问题，以及安卓iOS机型都需要仔细验收，对于夜间模式也同样要验收；
每一轮走查完成需要在任务上备注验收问题，再二轮验收后需要对一轮验收的问题备注对否通过，以及是否有新验收问题。
（*再次强调：设计走查需要在前端开发完成自测、以及产品经理功能验收后再进行视觉验收；）
【设计验证】：
在产品上线后，及时关注数据反馈，对项目进行复盘。可以关注：UV用户数、新增用户数、活跃度、使用时长、功能点击率、留存率、流失率等数据。