該教程適合追求axure功能使用最大化的人,並不是原型設計的目的。追求方便、快速設計交互原型的同學可以無視這篇文章。
實例演示:
演示地址(axure 6 beta生成)
原理:
1. 通過Axure的變量來記錄對應的場景
2. 用master 的 onPageLoad 事件根據變量的值來判斷dynamic panel對應的state
Ps: 該教程實際上我上一篇變量教程的升級版本,有興趣的同學可以看這裏:Axure 實現網站登錄的交互
實例教程:
實例說明:需要設計一個電子商務網站“用戶中心”首頁的原型。該頁面呈現的內容要根據不同用戶的情況來顯示。比如:用戶是vip會員,需要顯示vip的標識,用戶有一筆需要支付的訂單,需要提醒用戶有一筆“待支付”訂單等等。
1. 分析和整理會產生的的所有場景
1.1 將所有會產生不同場景的條件都羅列出來
當用戶進入用戶中心首頁時:
·如果已經通過實名認證,顯示相應的標識
·如果用戶已經上傳頭像,顯示頭像,否則,則提示用戶上傳
·如果是2011年的新用戶,在公告中顯示給新用戶營銷的信息,否則顯示普通的信息
·如果有需要提醒處理的訂單,顯示提示
·如果是vip用戶需要,顯示vip的標識
1.2 將這些場景分組,並梳理其中的邏輯關係
Ps:分組可以幫助我分析各種信息展示時的關係,並能夠讓我們考慮到以後的擴展性
2. 規劃Axure的變量和變量值
變量和變量值規劃只要能包含所有會出現的場景就可以了。但規劃方式的不同將影響影響到axure動作中的邏輯判斷的複雜度。
2.1 所有Axure變量,以及變量值對應的關係
2.2