
在上一篇文章中,我们探讨了B端设计项目前期的业务与产品分析流程。本篇将深入项目具体设计过程,解析B端设计师在简单项目中的完整工作流程。
前期分析要求
在B端项目中,设计师的工作通常分为三个主要步骤:

前期准备涉及参与立项会议和接收各类信息,但核心任务是展开项目设计的前期分析。这部分内容常出现在作品集包装中,每个项目的分析模块大致包括:
- 项目分析
- 业务分析
- 产品分析
- 体验分析
- 设计分析
项目分析旨在了解企业背景、服务内容和业务目标,核心是明确项目预期成果。例如在渡轮预订系统中,目标是提升顾客预订效率与体验,同时减少人工审核工作量。不了解这些信息就直接开始设计,如同士兵不知为何而战。
业务分析则聚焦具体业务流程、规则和逻辑。在优化旧业务时,需清楚变更原因、旧模式缺陷及新业务优势。这些信息通常由产品经理提供,或通过主动提问获取。

产品分析是通过查看原型和文档理解产品经理的规划意图。复杂项目的理解成本较高,类似阅读相机说明书需花费大量精力掌握所有功能逻辑。

体验分析需发挥主观能动性,在需求确定后寻找体验提升点。核心是通过用户调研了解系统操作员诉求,推导优化方案。B端领域用户调研相对简单,可直接与操作员沟通。
设计分析是根据前期信息规划设计任务和交付成果。产品需求不会明确列出页面数量、图标或动效制作,设计师需自行分析确定工作量和协作方式。

前期分析投入随项目规模而异,但并非复杂任务。充分准备能提升后续设计效率和过稿率。
实践与交付
完成分析后,设计工作需分阶段逐步推进:

交互设计是B端核心环节,决定界面布局和操作逻辑。产品原型往往缺少完整交互信息,设计师需补充使用规则。简单项目可先完成界面再考虑交互,但复杂项目必须先通过原型确定交互,了解更多前端框架最佳实践能帮助理解前后端协作逻辑。
以复杂退款流程为例,若不先设计交互直接制作页面,可能导致大量返工。提前完成交互能显著提升效率而非增加负担。

确定功能布局后,界面设计难点在于风格探索。小型项目完成界面即可交付,大型项目需制定设计规范确保一致性和迭代效率。
B端设计规范包含三部分:布局规范、样式规范和组件库。布局规范定义界面框架、全局组件和响应式规则;样式规范规定色彩、字体等UI元素参数,探索HTML/CSS开发技巧有助于实现设计到代码的转换;组件库通过Figma的Component功能汇总可复用元素。



动效设计在B端需求较少,仅在有演示需求时制作。设计评审通过后,进入交付阶段:标注切图和设计走查。
标注切图提供开发参数和视觉元素,主流方式包括Figma团队协作或蓝湖等专用工具。设计走查是检查前端界面还原度,类似装修施工需对照图纸纠偏。

B端项目走查时间有限,专业设计师需通过经验控制设计与实现的差距。完成这些步骤后,项目即进入开发上线阶段。
|