如何准确直观的描述交互过程？我们可以利用“效果图”+“操作流程图”+ “过程控制说明”三种图例组合同时加以常规的文字描述就能直观又全面的描述交互过程

以某个具体任务为例，三种图例分别起到下述的作用

效果图：直观的展现任务对应的界面效果

操作流程图：描述任务中各种状态的相互关系及流转方式

过程控制说明：描述任务完成的过程需要的用户操作，以及用户操作引发的系统及处理

效果图绘制技巧：应该说效果图的绘制没有太多的技巧可言，只要能够表述效果就可以了。当然选择合适的工作会对绘制起到很大的帮助。客户端程序我直接使用开发语言，比如.NET，网页端，习惯用axure
操作流程图绘制技巧：

1、描述整个操作过程的主题，可以是涉及的窗体、操作、状态、结果

2、利用线条描述特殊的操作流程

3、标绘流程中，特殊的或者需要说明的部分

4、附注说明部分
过程控制说明绘制技巧：

1、剥离过程中必须的用户操作

2、描述每个操作引发的系统需要处理工作。

过程控制描述，实际上是为了给研发人员更多的信息提示，告知什么操作必须由用户触发，而什么结果需要是系统直接提供，以及比较快速的检测某个动作引发的效果、处理是否遗漏。

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

参考范例：

这个例子是地理信息系统里的一个比较复杂的功能，仅说明做法。
“同类属性选择”功能说明：在地图上显示与当前选择要素属性相同的其他要素。
效果图

操作流程图

1：任务开始有两条通路

1. 打开同属窗体->选择参考要素
2. 图上选择参考要素->打开同属窗体

2、3：允许任务操作过程中，修改“参考要素”

1. 同上未选中同类要素时，直接图上修改参考要素
2. 图上已选中同类要素时：
   1. 图上提供右键，选择参考要素
   2. 图上提供右键，取消选中->选择参考要素

4、可对参考属性进行修改，每次修改立即图上显示结果
过程控制说明

打印  |  相关话题：交付物   |  类别：设计思想  |  源地址