设计 ║ 原型和UI设计的工序安排和联动性

产品原型与UI设计的关系及工作流程概述

产品原型和UI设计是不同执行角色的任务，它们之间存在依存关系，并在项目进程中交叉，变更时会导致联动变更。在面对时间、质量、资源的“三角”挑战时，明确产品原型和UI设计的边界，并协调二者的关系显得尤为重要。

01 产品原型和UI设计的边界

设计职位如UI、UE、UX、IA、ID在不同公司或国际间的定义有所不同，但产品原型设计和UI设计稿是必不可少的输出物。上述设计中，UE和IA通常被视为全局指导思想，而交互设计通常包含在产品原型和UI设计中。产品经理的工作则主要涉及用户需求整理、规划等，对于Web端产品涉及交互较少，而移动端产品则相反。产品经理若精通原型设计，将有利于提升工作效率。

02 产品原型和UI设计的工序

产品经理需制作原型图，UI设计师则需绘制UI图。工作流程通常有两种：原型先行后UI设计和研发，适用于需求明确的项目；或原型并行于研发，之后进行UI设计，适用于需求部分明确且研发风险较大的项目。关键在于将风险较大的工作前置。

03 产品原型和UI设计的常见问题

产品经理若不绘制保真原型图会导致各方理解偏差，但原型过于细致又会浪费时间。产品原型的变动不一定导致UI的变动，这取决于沟通效率、原型改动范围和部门工作流程。UI设计师应避免完全照搬原型图，而应从视觉角度提升设计。组件化思维在UI设计中很重要，有助于简化开发工作。需求的明确性是避免矛盾和频繁变更的关键，而需求变更的责任归属于产品经理。

写在最后

文章推荐了《后端产品经理宝典》一书，从产品经理的角度为读者提供了生态化思维的总结，并推荐了相关干货文章。