产品的构成要素(产品原型设计工具有哪些)

在画原型的时候，我们在画什么？ 在讨论这个问题之前，我们应该弄清楚描绘原型的目的是什么这一最本质的问题。

原型是产品设计阶段的最终成果，由产品经理设计完成的原型交付给研发团队、UI团队、UED团队进行产品研发阶段的相关工作。 因此，原型的目的是让接手下一阶段工作的合作伙伴清楚地了解产品经理的产品设计思想，按照产品经理计划的愿景设计产品，制作与智能蜡烛的构想正好相反的产品在典型的产品流程中，原型与PRD文档一起显示为交付件，但PRD文档不是本文讨论的中心，而是侧重于创建简洁、清晰、易懂的原型。

本文将简明易懂的原型分为三个部分。 原型元素、元素注释和功能嵌入点。 这三个部分适用于大多数产品原型的组成部分，但当然也有本文未涵盖的内容。 可以根据具体产品的具体场合进行个性化“追加、删除、重新审视”。

一、原型元素

原型元素是原型中最基本的元素，如原型文本、按钮和图像。 这又分为三类，取决于元素是否发生变化，是否可以进行操作。

1.1展现元素

表示元素是原型中最基本的元素，是文字、照片等不会发生变化的元素。 原型标题、展示图片等。

1.2可操作元素

可操作的要素是指用户在使用产品时可以与用户进行交互的要素。

(1)按钮

按钮是原型中常用的元素，如表单提交按钮、内容点赞按钮等。

)2)跳跃链接

跳转链接是指通过点击跳转到相应页面的要素。 跳转链接也是产品导航系统的链接，如文字、图片或APP的选项卡、功能跳转、后退和共享功能链接。

)3)多媒体要素

多媒体元素是指多媒体内容(如音频、视频、视频等)中使用的组件，需要通过产品原型展示给用户。

1.3输入元素

输入要素是用户使用产品时提供数据输入功能的要素，最常见的是用户注册时需要填写的表单数据，或者用户回复、评论内容的输入框。

二、元素注释

简单的要素罗列不能满足产品开发团队的需要，需要根据要素类型的不同和可能发生的状态，对适当的要素进行注释，尽可能囊括要素可能发生的状态和问题。

2.1元素规范

元素规范主要是指元素在原型中的表示，如大小、位置、合成和屏幕是否适合。 另外，对于输入要素，明确输入内容的规则、输入内容的验证、提示等。

对于

2.2状态转换

状态转换可操作的元素，当用户操作元素时，元素会出现几种状态。 用户点击“点赞”按钮后，“点赞”的数量会自动增加1个，“点赞”按钮会变为“点赞”。 再次点击“点赞”按钮后，“点赞”的数量自动减少1个，“点赞”按钮恢复到初始状态。

在描述元素的状态转变时，必须尽可能包括所有状态，并有助于说明状态转变的逻辑和可能出现的问题。 其目的是让研发团队尽量明确业务的基础逻辑，减少发生bug的概率。

2.3页面跳转

页面跳转是指用户点击相应的跳转链接后，将跳转到指定的页面。 这样的评论主要针对跳转链接类的要素，在评论时注明要跳转的页面。 关于页面跳转设计，可以在产品工艺设计中的页面工艺设计中详细计划。

2.4交互说明

交互式帮助表示用户的行为是否会影响产品。 例如，如果信息类产品正在阅读内容的详细信息，则从右向左滑动当前页面时会自动读取下一篇文章。 如果产品对这些交互有不同的表达方式，如点击、双击、屏幕幻灯片等，则还必须对原型进行相应的注释。

三、功能埋点

产品上线后，在对产品的功能、流程进行数据分析时，如果需要从产品自身的数据库中提取数据，则需要在产品的设计阶段填充功能。 例如，针对电子商务原型页面的功能嵌入点，向用户点击购买购物车、点击结算等相关动作要素进行嵌入点，有助于在后期为电子商务漏斗模型的数据分析提供数据支持

的嵌入点在定义数据的关键指标时需要明确。 这样，在绘制原型时，就可以突出注释每个页面需要嵌入点的功能。

四、实战案例-BPApp

本案例原型选自上一篇产品经理知识体系系列文章。 BestProduct选择了几个页面来说明上述图画的原型技术。

#专栏作家#

小记忆，人人都是产品经理专栏的作者，野蛮生长的产品经理，职业大数据的产品实践者，擅长从0-1开始构建产品经理的知识体系。 公众号：泊位机架。

这篇文章原创性地宣布了所有人都是产品经理。 未经许可禁止转载。

标题来自PEXELS，基于CC0协议