Axure函數(shù)應(yīng)用:全局變量的使用,跳轉(zhuǎn)帶上手機(jī)號(hào)
很多時(shí)候,產(chǎn)品的一大段文字描述不如一張清晰的原型圖來(lái)的有效。文章通過(guò)一些具體的業(yè)務(wù)場(chǎng)景,結(jié)合Axure實(shí)戰(zhàn)案例,給大家說(shuō)明了Axure函數(shù)的用法。
操作步驟是我在實(shí)踐中想到的,不是最優(yōu),也不是唯一,希望給大家做個(gè)參考:)
今天來(lái)看看【全局變量】在axure中的使用。
為什么要使用全局變量?主要是起信息傳遞作用,或者標(biāo)志作用,可以在多個(gè)頁(yè)面間傳遞信息,或者作為特殊場(chǎng)景的判斷依據(jù)。
01 業(yè)務(wù)場(chǎng)景
用戶(hù)在app登錄頁(yè)面輸入手機(jī)號(hào)后,平臺(tái)發(fā)現(xiàn)用戶(hù)未注冊(cè),引導(dǎo)注冊(cè)時(shí),不需要用戶(hù)再次輸入手機(jī)號(hào),在賬號(hào)框內(nèi)直接帶入剛才輸入的手機(jī)號(hào),可引導(dǎo)用戶(hù)快速注冊(cè),減少用戶(hù)考慮的時(shí)間,自然可以減少流失。
先來(lái)看看整體效果:
具體步驟為:
- 用戶(hù)輸入手機(jī)號(hào),點(diǎn)擊【登錄】按鈕;
- 系統(tǒng)檢測(cè)到用戶(hù)未注冊(cè),提示“用戶(hù)不存在,點(diǎn)擊去注冊(cè)”,用戶(hù)點(diǎn)擊【去注冊(cè)】按鈕,跳轉(zhuǎn)注冊(cè)頁(yè);
- 注冊(cè)頁(yè)的手機(jī)號(hào)輸入框內(nèi),帶入用戶(hù)在登錄界面輸入的手機(jī)號(hào)。
02 分解頁(yè)面
1. 驗(yàn)證碼登錄頁(yè)組成
- 手機(jī)號(hào)輸入框(文本框)
- 驗(yàn)證碼輸入框(文本框)
- 獲取驗(yàn)證碼按鈕(矩形)
- 登錄按鈕(矩形)
2. 跳轉(zhuǎn)對(duì)話(huà)框組成
- “去注冊(cè)”按鈕(矩形)
- “暫不注冊(cè)”按鈕(矩形)
3. 注冊(cè)頁(yè)組成
- 手機(jī)號(hào)輸入框(文本框)
- 密碼輸入框(文本框)
- 驗(yàn)證碼輸入框(文本框)
- 獲取驗(yàn)證碼按鈕(矩形)
- 登錄按鈕(矩形)
03 實(shí)踐步驟
做到帶手機(jī)號(hào)效果的思路是:
- 在登錄頁(yè)輸入手機(jī)號(hào),在跳轉(zhuǎn)“去注冊(cè)”時(shí)將輸入的值保存在全局變量中;
- 跳轉(zhuǎn)注冊(cè)頁(yè)時(shí),將保存在全局變量中的值寫(xiě)入手機(jī)號(hào)輸入框中。
沒(méi)錯(cuò)!所以重點(diǎn)在一個(gè)全局變量、一個(gè)按鈕和兩個(gè)手機(jī)號(hào)輸入框(文本框)。
1. 給兩個(gè)輸入框命名,方便查找
此步可以根據(jù)個(gè)人需要選擇,建議操作,可以提高效率
登錄頁(yè)的手機(jī)號(hào)文本框叫做“手機(jī)號(hào)輸入框”,
注冊(cè)頁(yè)叫做“手機(jī)號(hào)”,方便區(qū)分。
2. 添加全局變量,取登錄頁(yè)手機(jī)號(hào)
(1)添加全局變量,命名為“telVar”
點(diǎn)擊“去注冊(cè)”按鈕->給“鼠標(biāo)單擊時(shí)”添加用例->選擇【全局變量】-【設(shè)置全局變量】-【添加全局變量】,如圖:
點(diǎn)擊【添加全局變量】,新增一個(gè)全局變量,命名為“telVar”(取名隨意,記住就行),如圖:
(2)設(shè)置點(diǎn)擊“去注冊(cè)”按鈕時(shí),將登錄頁(yè)手機(jī)號(hào)文本內(nèi)容賦予“telVar”
點(diǎn)擊“去注冊(cè)”按鈕的用例編輯框->選擇【全局變量】-【設(shè)置全局變量】->勾選“telVar”,在“設(shè)置全局變量值為”選擇“元件文字”和“手機(jī)號(hào)輸入框”,表示選取“手機(jī)號(hào)輸入框”的內(nèi)容文字。
3. 在用戶(hù)選擇“去注冊(cè)”時(shí),跳轉(zhuǎn)注冊(cè)頁(yè)
這個(gè)步驟就不累述了,關(guān)鍵要注意,一定要先給變量賦值,再打開(kāi)窗口,否則變量賦值會(huì)失效!
4. 設(shè)置注冊(cè)頁(yè)初始化時(shí),將手機(jī)號(hào)寫(xiě)入輸入框
點(diǎn)擊注冊(cè)頁(yè)->編輯“頁(yè)面載入時(shí)”用例->選擇【設(shè)置文本】->勾選“手機(jī)號(hào)(文本框)”,如圖
在“設(shè)置文本為”選擇“值”,變量?jī)?nèi)容點(diǎn)擊【fx】按鈕,選擇【插入變量或函數(shù)】,選擇全局變量“telVar”,關(guān)閉變量選擇框,如圖
設(shè)置之后的效果如下圖,熟悉以后,也可以直接在變量框中輸入“[[telVar]]”,表示取變量telVar
設(shè)置完畢!保存!預(yù)覽看效果!
當(dāng)然也可以選擇在輸入手機(jī)號(hào)時(shí)就保存在變量里,但考慮到有其他場(chǎng)景跳轉(zhuǎn)注冊(cè)頁(yè),避免帶入多余的值,還是放在確定要帶手機(jī)號(hào)的場(chǎng)景下賦值。
有什么好想法可以一起交流呀~!
本文由 @調(diào)皮小吉 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議。
新的知識(shí)點(diǎn)增加了
之前還真沒(méi)用過(guò)全局變量,下次試試,謝
我只想說(shuō)花li胡shao的
從用戶(hù)體驗(yàn)的角度出發(fā)的話(huà),我覺(jué)得沒(méi)多大必要,完全可以做成首次登錄即注冊(cè),手機(jī)號(hào)輸入完成數(shù)據(jù)庫(kù)進(jìn)行匹配,匹配成功則無(wú)需輸入驗(yàn)證碼,輸入密碼直接登錄,若數(shù)據(jù)庫(kù)中無(wú)該手機(jī)號(hào)則彈出驗(yàn)證碼輸入框,輸入密碼就成為了設(shè)置密碼
是的,現(xiàn)在趨勢(shì)是合二為一【登陸/注冊(cè)】按鈕,提示用戶(hù)若存在則登陸,不存在直接注冊(cè)。這邊就是舉例說(shuō)明全局變量用法哈~