Axure RP基础篇:变量OnLoadVariable的简单应用
2013-05-27 09:0098
主要讲的是如何将页面A的数据,传递到页面B,这种交互场景用户经常用到的有:搜索,登录。写这个教程目 的是交互设计师在设计原型时能提高真实度,便于评审时项目组的理解,同时也方便在做用户调研、使用demo时更接进真实场景。简单点就是有助于减少沟通、 解释成本。先看个场景:在百度中输入”Axure”。
出现结果页面如下:
“Axure”被带到了结果页面上方搜索框中,便于用户确认或再次调整搜索词。而在登录的场景中就是输入用户名和密码成功后,用户名会出现在 登录后的页面中。开始设计前说个概念:请把“Axure”当做一个变量,变量取名A。回到Axure来看看如何设计。首先新建两个页面,页面1和页面2, 在页面1中我们把文本框和按钮两个主要组件拿出来。
文本框主要用来收集变量A,而搜索按钮主要用来执行何时传递的命令。文本框标签取名为input,搜索按钮标签取名为btn。
接下来设置搜索按钮的动作:1.选择按钮,打开用例编辑器(有两个动作要设置),单击时在当前窗口打开页面2;2.还要选择【设置变量和部件值】;3. 打开设置值编辑器,选中值于变量OnLoadVariable;4.文字在input部件上。备注:步骤3、4你可能理解为把文本框中输入的内容附到 OnLoadVariable中,回到上面的例子也就是把A“Axure”,附到了OnLoadVariable中。OnLoadVariable干什么 用呢,接着看。
设置完成后的交互面板如图:
接下来打开页面2,还是放入文本框和搜索框,这里只要把文本框的标签名设置为input2(当然你也可以不设置为input2)。
选择工具底部的页面交互,打开面板选择【设置变量和部件值】,还记得刚才的OnLoadVariable吗,这里面有页面1文本框中输入的值,现在把他附到页面2的input文本框中。
OK,生成页面看看吧。
转自: http://www.cnblogs.com/hyzhou/archive/2012/08/25/2655689.html
或者猛戳这里
最新文章
-
微信创始人张小龙首次公开演讲(官方无删减版)
微信创始人张小龙首次公开演讲(官方无删减版) -
如何通过APP看到产品战略层面
产品经理拿到一款产品的时候,不能只能看到表面信息,而是要能看到产品背后的信息。 -
基于用户的“真需求”创新产品
产品创新是保证企业在竞争激烈的市场上长久生存的关键,今天,我们就围绕产品创新和用户研究分享一些看法。 -
有一种交互设计研究验证叫“设计走查”
如何在最短的时间内对自己的产品做出检验,确保其在定位、设计、营销计划等多个环节,在可视范围内是正确的,需要一套比较科学、完善的方法去做出检测。 -
你为什么离不开微信?
张小龙说用完即走,你却爱不释手; 到底是什么让你离不开微信? -
移动互联时代APP的发展方向
现在我们已经走上了移动互联网时代,无论是企业还是公司,都会经过网络竞争中争取有利的优势,较为传统的产品竞争逐渐向互联网竞争转型,出现了很多数据云大数据等等 -
AI 时代产品经理的机遇和挑战
AI 时代产品经理的机遇和挑战 -
前1%与前10%的产品经理差距在哪?
前1%与前10%的产品经理差距在哪? -
你有哪些策略应对不断的需求变更?
你有哪些策略应对不断的需求变更? -
如何运营天猫【十亿俱乐部】商家页面?
如何运营天猫【十亿俱乐部】商家页面?