AXURE 原型設計教程2——變量控制不同場景的交互演示

量控制不同場景的交互演示

該教程適合追求axure功能使用最大化的人,並不是原型設計的目的。追求方便、快速設計交互原型的同學可以無視這篇文章。

實例演示:
演示地址(axure 6 beta生成)

原理:
1. 通過Axure的變量來記錄對應的場景
2. 用master 的 onPageLoad 事件根據變量的值來判斷dynamic panel對應的state

Ps: 該教程實際上我上一篇變量教程的升級版本,有興趣的同學可以看這裏:Axure 實現網站登錄的交互

實例教程:
實例說明:需要設計一個電子商務網站“用戶中心”首頁的原型。該頁面呈現的內容要根據不同用戶的情況來顯示。比如:用戶是vip會員,需要顯示vip的標識,用戶有一筆需要支付的訂單,需要提醒用戶有一筆“待支付”訂單等等。

1. 分析和整理會產生的的所有場景

1.1 將所有會產生不同場景的條件都羅列出來
當用戶進入用戶中心首頁時:
·如果已經通過實名認證,顯示相應的標識
·如果用戶已經上傳頭像,顯示頭像,否則,則提示用戶上傳
·如果是2011年的新用戶,在公告中顯示給新用戶營銷的信息,否則顯示普通的信息
·如果有需要提醒處理的訂單,顯示提示
·如果是vip用戶需要,顯示vip的標識

1.2 將這些場景分組,並梳理其中的邏輯關係
AXURE 原型設計教程2——變量控制不同場景的交互演示
Ps:分組可以幫助我分析各種信息展示時的關係,並能夠讓我們考慮到以後的擴展性

2. 規劃Axure的變量和變量值

變量和變量值規劃只要能包含所有會出現的場景就可以了。但規劃方式的不同將影響影響到axure動作中的邏輯判斷的複雜度。

2.1 所有Axure變量,以及變量值對應的關係
AXURE 原型設計教程2——變量控制不同場景的交互演示

2.2

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章