邏輯判斷示範
以旅遊網站的企劃 (http://userxper.com/blog/archives/36 ) 為例，說明「會員登入頁面」如何應用Condition Builder建立邏輯判斷。
這個會員登入要做到的功能是：如果登入成功（即帳號、密碼輸入正確），則導回首頁，並顯示招呼訊息。如果登入失敗（即帳號、密碼輸入不正確），則出現錯誤訊息。
來到旅遊網站Prototype的「範例2-進階版首頁」，點一下』登入』按鈕，就進入會員登入的頁面。設計以下兩種登入的操作狀況：
狀況1 輸入錯誤的密碼：出現登入錯誤的訊息。
狀況2 輸入正確的密碼：登入成功之後，立即導回首頁，並顯示招呼訊息，同時將登入的文字連結變成登出。
您可以用Axure RP繪製流程圖 (如下圖)，來解釋這個功能設計的邏輯判斷。
接下來，開始設計頁面的操作互動：
1) Widget命名：針對操作相關的欄位、按鈕、動態面板，在Interactions窗格的Label一一填入名稱，以利後續的設定識別。
2) 新增Case：針對”登入”這個Button Widget，在Interactions窗格中新增OnClick (點擊時觸發) 的Case，並在「Interaction Case Properties」視窗中點一下「Add Condition…」連結。
3) 設定Condition：在開啟的「Condition Builder」視窗中，您可以使用下拉選單建立如下的邏輯判斷：
當您在設定時，下方的Descritpion區塊會自動產生邏輯判斷的描述：
If text on widget Username Field equals 『UserXper』
and text on widget Password Field equals “12345”
（如果「Username Field」輸入的是 “UserXper”，而且「Password Field」輸入的是 “12345”）。
4) 選擇Action：按下「Condition Builder」視窗的【OK】鈕，回到「Interaction Case Properties」，再選擇當符合這個邏輯判斷時，所要執行的動作。比如：導回網站首頁、顯示招呼語，登入的文字連結變為登出。
當您設定了Case的邏輯判斷，您會發現Interactions窗格中的Case名稱後面會自動加入一個以 『If』 開頭的邏輯判斷描述。同時，這個Case的圖示會變成綠色，強調這個Case使用了邏輯判斷。
最後，實際完成的Prototype互動設計如下圖動畫：
如果您想要進一步瞭解這個示範內容的詳細設定，請下載：Axure RP Prototype範例-旅遊網站RP檔 1M bytes (下載後請解壓縮)。
(版權聲明：歡迎引用及複製Axure RP 中文教學內容，必須註明出處為悠識數位顧問有限公司及原始文章網址 UserXper.com)
很好！