二、用例(Cases)
通過之前昆明網站建設小編關于對圖238和圖239的模型的講解,你應該已經對用例有所了解了。用例是用戶與網站或APP之間交互流程的抽象表達。每個用例中可以封裝一個獨立的路徑,也可以是跟根據不同條件而執(zhí)行的多個路徑。通常情況下,我們讓原型按主路徑執(zhí)行動作,但是為了響應用戶的不同操作或其他一些條件,我們還需要制作可選路徑來執(zhí)行其他動作。舉例來說,當用戶單擊超鏈接時,可能有一個打開新頁面的用例(一個獨立路徑)。或者單擊登錄按鈕時,可能有兩個用例:如果登錄成功就打開一個新頁面;如果登錄失敗就顯示提示錯誤信息(兩個路徑)。由此可見,使用Axure中的用例,可以用來給同一個任務創(chuàng)建不同的路徑。如果上面的描述依然無法讓你對用例有一個清晰的認識,下面這張圖一定能幫你加深印象,見圖240。
(圖240)
昆明網站制作小編總結了用例通常用于以下的兩種方式。
每個交互事件中只包含一個用例,用例中可以有一個或多個動作,不包含條件邏輯,如圖240-A。
每個交互事件中包含多個用例,每個用例中又包含一個或多個動作。包含條件邏輯或者手動選擇需要執(zhí)行的交互,見圖240-B。
概括來講,Axure中的【用例】可以理解為【動作】的容器,可以幫助我們構建模擬原型中的替代途徑。我們制作的原型保真度越高,用到的多用例交互也就越多。
1.添加用例(Adding Cases)
在設計區(qū)域中選中部件,在部件【屬性】面板中可以看到該部件可用的事件。要添加用例,可以雙擊要使用的事件或者單擊該事件右側的小加號(添加用例),見圖241。在彈出的【用例編輯器】對話框中,你可以選擇并設置你想要執(zhí)行的動作。
(圖241)
2.用例編輯器(Case Editor)
見圖242,打開【用例編輯器】后,完成以下操作。
第一步:用例說明。你可以編輯用例說明,這里的說明會顯示在用例名稱中。
第二步:新增動作。單擊鼠標新增動作,這里可以新增多個動作。
第三步:組織動作。這里會顯示你所添加的動作,每個動作都可以添加多次。動作是按自上至下順序執(zhí)行的。比如,你添加的【設置變量值】動作在【打開新頁面】動作之后,那么瀏覽器會先執(zhí)行打開頁面,然后再執(zhí)行設置變量值的動作。這里的動作順序是可以調整的,使用鼠標拖動或者右鍵單擊,在彈出的關聯(lián)菜單中可以調整動作上移/下移。
第四步:配置動作。選擇動作后,可以對動作進行詳細的設置。完成之后,點擊【確定】按鈕,用例和動作就會出現在部件交互和注釋面板中了。
(圖242)
當前文章標題:交互基礎:二、用例(Cases)
當前URL:http://mnamateurbaseball.com/news/wzzz/3404.html