【原型设计】如何让原型更清晰？-原型注释小结

产品原型是PM工作的有形产出之一，代表了PM对所负责产品的思考结果，同时，要交付给设计、技术人员等进行UI设计、开发等工作， 原型的重要性不言而喻。

但单纯将不加任何注释的原型交出去，很难保证使用原型的相关人员能够完全理解原型所体现的产品逻辑及功能，带来的结果就是需要不断反复沟通，沟通成本高，最终相关人员的产出物也许还不是PM想要的。

因此，本文主要写一下如何给原型添加注释，使原型更清晰易懂，从而减少沟通成本。PS:个人见解，欢迎指正~

1. 选择注释点

首先，标注原型中需要添加注释的点，通常输入框、按钮、跳转链接、及其他需要特殊说明的元素需要添加注释说明。如下图所示，选择“提交”按钮作为注释点，用红色水滴形状图标进行标注。

选择注释点

2.添加注释内容

注释内容要尽可能详细、条理清晰，使技术、UI人员等更高效使用原型。通常注释内容包括元素规范（如：某弹窗出现的位置）、规则（如：输入框输入内容的格式验证）及可能的状态（如：点击提交按钮，可能出现哪几种情况）等。如下图为找回密码页面“提交”按钮的注释。

注释内容

3. 其他说明

（1）页面跳转说明

如果原型为静态原型页面，则在写注释时要注明如“点击某个按钮/链接，跳转至某页面”的说明。如果原型带有页面间跳转动作，个人感觉可以不为页面跳转添加注释，除非有特殊情况。说明：Axure查看原型时，点击工具栏右上角“圆形小箭头”标志，可以看到页面中可点击元素会处于高亮状态，很方便，因此查看原型的人通过点击即可直观看到页面间是如何跳转的。

Axure查看可点击元素

（2）页面交互说明

如果原型有特殊页面交互，也需要注释说明。如：长按可以复制文字、左滑翻页等等。

最后，若担心页面注释密密麻麻影响原型展示，可将所有注释分为一个组，并添加“隐藏注释”按钮，为按钮添加相关动作，实现点击按钮即隐藏注释组的效果。

小结：原型注释的核心在于说明产品的功能与逻辑，使原型使用人员能够更快、更完整地理解产品信息，从而降低沟通成本，提高产品开发效率。