版權(quán)聲明：轉(zhuǎn)載時(shí)請(qǐng)以超鏈接形式標(biāo)明文章原始出處和作者信息及本聲明
http://buyantang.blogbus.com/logs/30347193.html

如何準(zhǔn)確直觀的描述交互過(guò)程？我們可以利用“效果圖”+“操作流程圖”+ “過(guò)程控制說(shuō)明”三種圖例組合同時(shí)加以常規(guī)的文字描述就能直觀又全面的描述交互過(guò)程

以某個(gè)具體任務(wù)為例，三種圖例分別起到下述的作用

效果圖：直觀的展現(xiàn)任務(wù)對(duì)應(yīng)的界面效果

操作流程圖：描述任務(wù)中各種狀態(tài)的相互關(guān)系及流轉(zhuǎn)方式

過(guò)程控制說(shuō)明：描述任務(wù)完成的過(guò)程需要的用戶操作，以及用戶操作引發(fā)的系統(tǒng)及處理

效果圖繪制技巧：應(yīng)該說(shuō)效果圖的繪制沒(méi)有太多的技巧可言，只要能夠表述效果就可以了。當(dāng)然選擇合適的工作會(huì)對(duì)繪制起到很大的幫助?？蛻舳顺绦蛭抑苯邮褂瞄_(kāi)發(fā)語(yǔ)言，比如.NET，網(wǎng)頁(yè)端，習(xí)慣用axure

操作流程圖繪制技巧：

1、描述整個(gè)操作過(guò)程的主題，可以是涉及的窗體、操作、狀態(tài)、結(jié)果
2、利用線條描述特殊的操作流程
3、標(biāo)繪流程中，特殊的或者需要說(shuō)明的部分
4、附注說(shuō)明部分

過(guò)程控制說(shuō)明繪制技巧：
1、剝離過(guò)程中必須的用戶操作
2、描述每個(gè)操作引發(fā)的系統(tǒng)需要處理工作。

過(guò)程控制描述，實(shí)際上是為了給研發(fā)人員更多的信息提示，告知什么操作必須由用戶觸發(fā)，而什么結(jié)果需要是系統(tǒng)直接提供，以及比較快速的檢測(cè)某個(gè)動(dòng)作引發(fā)的效果、處理是否遺漏。

------------------------------------------------------------------------

參考范例：

這個(gè)例子是地理信息系統(tǒng)里的一個(gè)比較復(fù)雜的功能，僅說(shuō)明做法。

“同類屬性選擇”功能說(shuō)明：在地圖上顯示與當(dāng)前選擇要素屬性相同的其他要素。

效果圖

操作流程圖

1：任務(wù)開(kāi)始有兩條通路

打開(kāi)同屬窗體->選擇參考要素
圖上選擇參考要素->打開(kāi)同屬窗體
2、3：允許任務(wù)操作過(guò)程中，修改“參考要素”

同上未選中同類要素時(shí)，直接圖上修改參考要素
圖上已選中同類要素時(shí)：
圖上提供右鍵，選擇參考要素
圖上提供右鍵，取消選中->選擇參考要素
4、可對(duì)參考屬性進(jìn)行修改，每次修改立即圖上顯示結(jié)果

過(guò)程控制說(shuō)明