新人想写出规范原型注释,做出标准Axure原型,试试这两种方法

2019年03月14日 人人都是产品经理


刚做产品的你,每天大部分时间都在和原型打交道?


不知道规范的原型注释怎样写,才能有专业度?别着急,本文介绍两种规范Axure原型注释的写法,希望对你有帮助。


下文还有快速做出规范标准原型的方法,如果你需要,也可以试试喔~


 写规范原型注释的两种方法 


第一种方法,是直接使用Axure9.0的说明功能,如下图中的1和2。


你可以用这个功能,将页面中所有需要注释的元件或者图片,在右侧加上一些说明。Axure9.0会自动一一对应的



在预览的时候,点击右上角,就能看到备注添加的说明内容了



第二种方法则是:直接在界面上做注释说明


同样以上面的导航栏为例,我们来看看这个导航栏的原型注释怎样写才规范。


互动你写原型注释的时候,第一步先做什么呢?


很多新人容易犯的问题是第一步直接上手写,想到哪写到哪。其实我们一开始最好先列出要写的方面,要考虑的问题。


比如,导航栏的原型注释,我们需要先思考:

1、这个导航栏从何而来

2、导航栏内容排序如何而来

3、考虑交互样式,手机分辨率等情况

4、点击导航栏标签后的效果是什么

5、切换标签后的呈现效果

6、滑动时,导航栏位置是否变动


第二步:将第一步罗列的问题,写好相应的注释说明


导航栏的原型注释:

1、导航栏内容由运营后台进行配置,前端每次加载时向服务器请求,读取数据

2、导航栏内容排序,由运营后台设置

3、如果导航栏内容超出一屏宽度,可以左右滑动进行切换展示,不可超过边界

4、点击导航栏标签,导航栏标签会有选中效果,下方内容会根据导航栏标签的选择,切换内容,专场动画是左右滑动推动页面

5、切换标签时,需要缓存当前信息流阅读位置

6、导航栏固定位置,上下滑动屏幕时,不会改变位置


第三步:将第二步中的注释说明,进行归类


最简单的分两类:页面说明(页面逻辑)和交互说明


如下图进行分类,虽然很难100%分清楚,但至少能让开发同事快速看到哪些是前端的交互说明,哪些是后台的逻辑说明



作为专业的产品经理,在做原型写注释,都尽量从开发同事的角度,来思考问题,尽量交付出去一个好的原型!各位产品新人加油~


 如果你想做出规范原型 


以上是写规范原型注释的两种方法~内容来自“腾讯课堂&起点学院”联合打造的6周Axure9.0实战班


产品原型、原型上的注释说明等,是产品经理日常交付物之一。质量高低,直接影响自己的专业形象。


新人在做产品原型时,经常会碰到:


1、没有专业度:效率低、不规范、注释写不好


2、web平台画不好:不会画,或者总画不好


3、影响拿产品offer:想面试产品经理,原型差


4、无法做出高保真:更高阶的Axure功能(函数、中继器等)掌握不足


5、没有产品和原型思维:整天都在画原型,变成画图经理


基于此,“起点学院&腾讯课堂”联合打造6周Axure9.0实战班

从Axure9.0功能、Axure技巧、原型思维3大方面帮助新人全面提升原型能力。通过5次实操,做出高质量的产品Demo、Web后台、高保真原型。


在正式介绍全新升级的Axure9.0实战班前,先分享下4000多位同学报名系统学习Axure的原因

Axure9.0实战班能带给你


系统讲解Axure,配套5次作业实操,老师1对1批改和班级群内答疑,这样的学习形式,让你快速玩转Axure。

另外,本期课程将系统学习最新Axure9.0,学完成为公司同事们的请教对象~


  新一期即将开课,拼团立减50元  

扫上方二维码立即咨询↑↑↑

3月22日(周五)开课

报名送Axure9.0安装包

现在报名,可学到所有视频内容

若无法扫码,加班主任微信:qidiancc520


  新一期即将开课,拼团立减50元  

扫上方二维码立即咨询↑↑↑

3月22日(周五)开课

报名送Axure9.0安装包

现在报名,可学到所有视频内容

若无法扫码,加班主任微信:qidiancc520


  新一期即将开课,拼团立减50元  

扫上方二维码立即咨询↑↑↑

3月22日(周五)开课

报名送Axure9.0安装包

现在报名,可学到所有视频内容

若无法扫码,加班主任微信:qidiancc520



  新一期即将开课,拼团立减50元  

扫上方二维码立即咨询↑↑↑

3月22日(周五)开课

报名送Axure9.0安装包

现在报名,可学到所有视频内容

若无法扫码,加班主任微信:qidiancc520

收藏 已赞