随着设计团队的扩大、设计人员的流动、新鲜血液的不断加入，设计新人需要了解所在公司UED团队的设计工作流程。与之相对的，需要设计团队对新入职的设计师有个新人培训。  

  相信大家在设计工作当中都会发生很多又好笑又好气的插曲～  

  我们需要思考：如何减少工作当中的摩擦，提升沟通有效性以及提高工作效率！  

  设计能力模型  

  新入职的伙伴大约分为两类：1.刚入职场不久的小白新人；2.职场久经百战的老人；  

  无论新老社畜都需要对自己的能力有个清晰的评估：小白新人了解设计师的能力模型能帮助自己快速定位，并对专业能力查漏补缺。职场老人了解设计师能力模型可以帮助突破当前瓶颈，并且提升综合实力。  

  【显性能力】和【隐形能力】全程贯穿整个设计工作中每个环节，显性能力是设计工作者的基本能力素养，增强隐形能力是设计进阶的重要突破口。  

  从设计小白到设计大佬，需要多在隐性能力上下功夫，同时隐性能力是突破职业瓶颈的关键。  

  对设计师的能力模型进行拆解由4个部分组成，每个模块对应不同的设计能力，（初级设计师需要重点关注前三个模块：通用能力、专业知识、专业技能）  

  下面对每个模块的能力进行详细的拆解：  

  到这里大家应该对设计师的能力模型有一个具象的了解。  

  我们的设计能力作用于项目需求之上，转化为落地可执行的设计方案。而这个将设计能力转化为设计方案的过程我把它比作“设计工作流程”。  

  项目工作流程  

  了解了设计师应具备的能力模型后，让我们切入项目工作当中，看一下项目工作的流程。  

  项目工作流程中的关键词：  

  【项目阶段】：了解项目当前所在的阶段；  

  【参与角色】：明确工作的协作对象；  

  【工作内容】：了解每个阶段具体的工作内容；  

  【产出物】：最后需要知道每个阶段输出的内容/产出物；  

  项目进行一共有四个阶段：需求阶段、设计阶段、开发&测试阶段、验证总结阶段。每个不同的阶段参与的人员不同、工作流程不同、产出物也不同；  

  S/A级的需求是花费精力最多的，工作流程也是相对复杂的，设计师需要紧密参与的环节也多。同时S/A级项目需求也是最锻炼人的；  

  C级需求是小白新人工作中接到最多的需求，工作内容相对简单，工作流程也不会很复杂。  

  工作实践案例  

  工作案例一  

  先从最简单的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设计师也参与其中。  

  【视觉设计】：历经前面的多个环节准备工作，是不是感叹终于正式进入视觉设计环节了。  

  Waitaminute......  

  S级的项目视觉设计也不是简单的直接开始画图：  

  ·需要对项目进行一个改版方案预设，确定视觉设计目标，通过竞品分析、结合调研数据结果，从不同维度确定改版方向；  

  ·针对重点页面进行绘制PlanA/PlanB。（完成改版方案预设后组织项目团队再一起开个会，会议上确定改版方案）  

  【视觉设计-改版方向】：进行产品的体验设计，突出产品特色。  

  优化页面布局：  

  规划产品特色：  

  【视觉设计-竟品分析】：以案例中以有模拟炒股功能的同类型产品为垂直维度，以股票、金融类型的产品为横向维度进行划分，筛选出8个App产品进行视觉竟品分析。  

  这里的竟品分析和启动需求时的竟品分析维度不一样，启动需求时期的竟品分析更着重对产品的功能分析，视觉设计环节的竟品分析更偏对竟品的品牌视觉、UI设计规范、交互、用户体验、营销视觉等几块去分析。  

  【视觉设计-设计目标】：明确本次项目改版的设计目标，围绕目标进行视觉设计。  

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

  【视觉设计】：输出视觉改版设计稿  

  【视觉评审】：完成本次项目改版的视觉设计后，组织团队进行视觉评审。  

  【标注&切图】：在sketch中安装同花顺HUXMaster插件，可以上传标注。选择产出的界面画板，填写对应需求Jira任务号点击上传会生成对应的链接，产品、开发、测试、UI都可以在Jira任务中直接跳转查看界面标注及代码。  

  【设计走查】：产品类项目设计走查注意不同机型但适配问题，以及安卓iOS机型都需要仔细验收，对于夜间模式也同样要验收；  

  每一轮走查完成需要在任务上备注验收问题，再二轮验收后需要对一轮验收的问题备注对否通过，以及是否有新验收问题。  

  再次强调：设计走查需要在前端开发完成自测、以及产品经理功能验收后再进行视觉验收；  

  【设计验证】：在产品上线后，及时关注数据反馈，对项目进行复盘。可以关注：UV用户数、新增用户数、活跃度、使用时长、功能点击率、留存率、流失率等数据。  

  【设计总结】：《模拟炒股APP首页改版设计复盘》  

  团队做项目复盘同时，设计侧也要做设计复盘。设计总结是对目标的回顾，结果的评估，原因的分析以及经验的总结。  

  1.结合设计验证侧的数据结果反馈反相推导设计策略；  

  2.可以沉淀经验，把那些对后续有帮助的、可以复用的经验加以总结。  

内容来源于：广州UI设计培训

Powered by Froala Editor