交互基礎(chǔ):二、用例(Cases)

  • 2022-04-02 14:07:28
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://www.iy5y368.cn

二、用例(Cases)

通過之前昆明網(wǎng)站建設(shè)小編關(guān)于對(duì)圖238和圖239的模型的講解,你應(yīng)該已經(jīng)對(duì)用例有所了解了。用例是用戶與網(wǎng)站或APP之間交互流程的抽象表達(dá)。每個(gè)用例中可以封裝一個(gè)獨(dú)立的路徑,也可以是跟根據(jù)不同條件而執(zhí)行的多個(gè)路徑。通常情況下,我們讓原型按主路徑執(zhí)行動(dòng)作,但是為了響應(yīng)用戶的不同操作或其他一些條件,我們還需要制作可選路徑來執(zhí)行其他動(dòng)作。舉例來說,當(dāng)用戶單擊超鏈接時(shí),可能有一個(gè)打開新頁面的用例(一個(gè)獨(dú)立路徑)?;蛘邌螕舻卿洶粹o時(shí),可能有兩個(gè)用例:如果登錄成功就打開一個(gè)新頁面;如果登錄失敗就顯示提示錯(cuò)誤信息(兩個(gè)路徑)。由此可見,使用Axure中的用例,可以用來給同一個(gè)任務(wù)創(chuàng)建不同的路徑。如果上面的描述依然無法讓你對(duì)用例有一個(gè)清晰的認(rèn)識(shí),下面這張圖一定能幫你加深印象,見圖240。

1.jpg

(圖240)

昆明網(wǎng)站制作小編總結(jié)了用例通常用于以下的兩種方式。

每個(gè)交互事件中只包含一個(gè)用例,用例中可以有一個(gè)或多個(gè)動(dòng)作,不包含條件邏輯,如圖240-A。

每個(gè)交互事件中包含多個(gè)用例,每個(gè)用例中又包含一個(gè)或多個(gè)動(dòng)作。包含條件邏輯或者手動(dòng)選擇需要執(zhí)行的交互,見圖240-B。

概括來講,Axure中的【用例】可以理解為【動(dòng)作】的容器,可以幫助我們構(gòu)建模擬原型中的替代途徑。我們制作的原型保真度越高,用到的多用例交互也就越多。

1.添加用例(Adding Cases)

在設(shè)計(jì)區(qū)域中選中部件,在部件【屬性】面板中可以看到該部件可用的事件。要添加用例,可以雙擊要使用的事件或者單擊該事件右側(cè)的小加號(hào)(添加用例),見圖241。在彈出的【用例編輯器】對(duì)話框中,你可以選擇并設(shè)置你想要執(zhí)行的動(dòng)作。

1.jpg

(圖241)

2.用例編輯器(Case Editor)

見圖242,打開【用例編輯器】后,完成以下操作。

第一步:用例說明。你可以編輯用例說明,這里的說明會(huì)顯示在用例名稱中。

第二步:新增動(dòng)作。單擊鼠標(biāo)新增動(dòng)作,這里可以新增多個(gè)動(dòng)作。

第三步:組織動(dòng)作。這里會(huì)顯示你所添加的動(dòng)作,每個(gè)動(dòng)作都可以添加多次。動(dòng)作是按自上至下順序執(zhí)行的。比如,你添加的【設(shè)置變量值】動(dòng)作在【打開新頁面】動(dòng)作之后,那么瀏覽器會(huì)先執(zhí)行打開頁面,然后再執(zhí)行設(shè)置變量值的動(dòng)作。這里的動(dòng)作順序是可以調(diào)整的,使用鼠標(biāo)拖動(dòng)或者右鍵單擊,在彈出的關(guān)聯(lián)菜單中可以調(diào)整動(dòng)作上移/下移。

第四步:配置動(dòng)作。選擇動(dòng)作后,可以對(duì)動(dòng)作進(jìn)行詳細(xì)的設(shè)置。完成之后,點(diǎn)擊【確定】按鈕,用例和動(dòng)作就會(huì)出現(xiàn)在部件交互和注釋面板中了。

1.jpg

(圖242)


當(dāng)前文章標(biāo)題:交互基礎(chǔ):二、用例(Cases)

當(dāng)前URL:http://www.iy5y368.cn/news/wzzz/3404.html

上一篇:交互基礎(chǔ):一、事件(Events)

下一篇:交互基礎(chǔ):三、動(dòng)作(Actions)

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))