关于产品经理对Axure的应用(5)

产品经理 小楼一夜听春语 5582℃ 0评论

这一篇文章,我继续给大家分享一些Axure的应用场景和使用方法。

1.标记与便签

当我们的线框图没有添加交互效果,又需要让沟通对象能够理解图中的每一个功能,这个时候,我们往往需要添加标注进行说明。下面就是一种添加标注,进行功能说明的方法。

我们可以通过页面快照元件,获取到页面的缩略图,并且在页面快照上添加不同编号的标记。然后,对应着标记,在缩略图的旁放入便签,进行文字说明。而且,标记和便签的颜色也可以相对应,方便用户查看。

另外,我们还可以通过旋转标记元件,让它表示页面间的跳转。例如:左侧的红色水滴形状标记元件,旋转了90度,元件中的文字“2”对应着右侧编号为“2”的缩略图。这样我们就能够知道,当我们点击标记所指向的一个列表项时,能够打开另外一个界面,继续进行浏览。

2、连线与便签

与上面的使用方法类似,我们还可以结合连线与便签元件,实现功能的说明。

这种方式能够比较直接 的对功能进行标注说明,不过因为连线不宜过多,所以,比较适合单个界面的功能说明。

3.页面区域快照

页面快照元件,可以通过属性的设置,将页面某一区域的内容呈现为缩略图,并且能够调整显示的比例。实现对界面中某一功能模块单独放大展示,并进行说明。

上图中,放大的区域也是一个页面快照元件,不过,在属性中,没有勾选【适应比例】。并且,将原有尺寸进行了120%的放大处理。

这里需要注意,显示页面区域快照,需要通过{偏移量}的调整,让页面快照元件从某一个位置开始加载页面缩略图的内容。例如上图中,第一个文章列表项,x轴坐标为0,y轴坐标为133,在属性的设置中,x轴无需偏移,但是y轴就需要向上移动133个像素的距离。所以,偏移量的设置中y轴的数值为“-133”(负数为向上)。

4.页面快照与元件说明

Axure软件自带了元件说明的功能。我们也可以将一个界面或功能模块的说明写在页面说明或者元件说明中。

这里以元件说明为例。

比如,我们对更换手机号码功能的使用场景进行说明,也就是用例说明。

首先,我们需要在说明功能中【自定义字段】。

【自定义字段】的设置,在说明模块的左上角(见下图)。设置好自定义字段之后,我们就可以点中页面快照元件,进行说明的添加。

通过这种方式添加的说明,在预览的时候能够在界面中通过点击说明的图标,将说明内容显示出来。

另外,通过这种方式添加的说明,我们还可以使用Axure自带的【生成Word说明书】的功能,将其生成到Word文档中。

如果,我们在Axure中,对每一个功能的使用情形都做了规范的说明(即用例说明),那么这些内容就可以通过【生成Word说明书】的功能生成文档后,作为产品需求文档的组成部分。

以上,就是关于产品经理对Axure应用的最后一部分内容。在这些内容中,我主要演示了绘制产品线框图的方法以及应用场景。在实际工作中,我们还可以在线框图的基础之上,对整个原型或者部分主要功能进行交互或者视觉效果的添加。这样产出的高保真原型,可以让用户或者沟通对象进行真实的视觉和操作体验,验证功能的可用性、易用性以及界面的友好性等。

最后,我把这一系列文章最终的线框图和思维导图,也分享给大家。

下载地址:

线框图:http://downloads.iaxure.com/PM_APP_Pages.rp

思维导图:http://downloads.iaxure.com/PM_APP_V1.2.xmind

注意:如果不能直接点击下载,请讲以上网址复制到浏览器地址栏中进行下载。

希望我的分享能够给大家带来切实的帮助。

 

 


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » 关于产品经理对Axure的应用(5)

喜欢 (44)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(8)个小伙伴在吐槽
  1. 最近几篇关于产品经理的真的非常棒,感谢小楼老师! 🙂
    月牙儿2017-04-12 11:16 回复
    • 小楼一夜听春语
      光说谢谢呀!
      小楼一夜听春语2017-04-12 14:41 回复
  2. 不管怎样 还是 继续膜拜小楼老湿 只是自己目前水平还不够 还的继续努力
    OO+XX=ox2017-04-12 14:41 回复
  3. 感谢老湿分享 一天学习一点小姿势 小楼老湿不要停
    XXOO2017-04-19 18:41 回复
  4. 看不懂
    妹妹2017-05-09 16:57 回复
  5. 第三点的页面区域快照没看懂
    妹妹2017-05-09 17:01 回复
  6. 老师做的棒棒的,思路上给了我们一下好的整理,特别好的还给了我们一套完整的模型 😀
    DQQ2017-06-12 14:07 回复
  7. 登录不了。?
    QQ18766612017-06-24 19:45 回复