Axure函数应用:全局变量的使用,跳转带上手机号

操作步骤是我在实践中想到的,不是最优,也不是唯一,希望给大家做个参考:)

今天来看看【全局变量】在axure中的使用。

为什么要使用全局变量?主要是起信息传递作用,或者标志作用,可以在多个页面间传递信息,或者作为特殊场景的判断依据。

01 业务场景

用户在app登录页面输入手机号后,平台发现用户未注册,引导注册时,不需要用户再次输入手机号,在账号框内直接带入刚才输入的手机号,可引导用户快速注册,减少用户考虑的时间,自然可以减少流失。

先来看看整体效果:

产品经理,产品经理网站

具体步骤为:

  1. 用户输入手机号,点击【登录】按钮;
  2. 系统检测到用户未注册,提示“用户不存在,点击去注册”,用户点击【去注册】按钮,跳转注册页;
  3. 注册页的手机号输入框内,带入用户在登录界面输入的手机号。

02 分解页面

1. 验证码登录页组成

  1. 手机号输入框(文本框)
  2. 验证码输入框(文本框)
  3. 获取验证码按钮(矩形)
  4. 登录按钮(矩形)

产品经理,产品经理网站

2. 跳转对话框组成

  1. “去注册”按钮(矩形)
  2. “暂不注册”按钮(矩形)

产品经理,产品经理网站

3. 注册页组成

  1. 手机号输入框(文本框)
  2. 密码输入框(文本框)
  3. 验证码输入框(文本框)
  4. 获取验证码按钮(矩形)
  5. 登录按钮(矩形)

03 实践步骤

做到带手机号效果的思路是:

  1. 在登录页输入手机号,在跳转“去注册”时将输入的值保存在全局变量中;
  2. 跳转注册页时,将保存在全局变量中的值写入手机号输入框中。

没错!所以重点在一个全局变量、一个按钮和两个手机号输入框(文本框)。

1. 给两个输入框命名,方便查找

此步可以根据个人需要选择,建议操作,可以提高效率

登录页的手机号文本框叫做“手机号输入框”,产品经理,产品经理网站

注册页叫做“手机号”,方便区分。

产品经理,产品经理网站

2. 添加全局变量,取登录页手机号

(1)添加全局变量,命名为“telVar”

点击“去注册”按钮->给“鼠标单击时”添加用例->选择【全局变量】-【设置全局变量】-【添加全局变量】,如图:

产品经理,产品经理网站

点击【添加全局变量】,新增一个全局变量,命名为“telVar”(取名随意,记住就行),如图:产品经理,产品经理网站

(2)设置点击“去注册”按钮时,将登录页手机号文本内容赋予“telVar”

点击“去注册”按钮的用例编辑框->选择【全局变量】-【设置全局变量】->勾选“telVar”,在“设置全局变量值为”选择“元件文字”和“手机号输入框”,表示选取“手机号输入框”的内容文字。

产品经理,产品经理网站

3. 在用户选择“去注册”时,跳转注册页

这个步骤就不累述了,关键要注意,一定要先给变量赋值,再打开窗口,否则变量赋值会失效!

产品经理,产品经理网站

4. 设置注册页初始化时,将手机号写入输入框

点击注册页->编辑“页面载入时”用例->选择【设置文本】->勾选“手机号(文本框)”,如图

产品经理,产品经理网站

在“设置文本为”选择“值”,变量内容点击【fx】按钮,选择【插入变量或函数】,选择全局变量“telVar”,关闭变量选择框,如图

产品经理,产品经理网站

设置之后的效果如下图,熟悉以后,也可以直接在变量框中输入“[[telVar]]”,表示取变量telVar

产品经理,产品经理网站

设置完毕!保存!预览看效果!

产品经理,产品经理网站

当然也可以选择在输入手机号时就保存在变量里,但考虑到有其他场景跳转注册页,避免带入多余的值,还是放在确定要带手机号的场景下赋值。

有什么好想法可以一起交流呀~!

 

本文作者 @调皮小吉 。

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部