本元素: 页面, 文件和相关文件组

网络中用户交互的最基本单元是页面，因此我们采用一个矩形符号来表示页面。值得注意的是，在此我们所提到的页面是一个表达单元，而不仅是网络交互过程中的一个 实际元素。因此流程图中的一个页面符号可能代表多个HTML文件（比如在一个采用帧的页面中集合了多个HTML文件）或多段程序代码文件（比如在服务器端调用的嵌入文件或数据库存储执行过程等）。

除页面之外，还有不具备网站导航属性的文件。通常文件都是给用户用于浏览器以外的操作（比如声音和图象文件、类似与PDF的独立格式的文档或可执行文件等）。对于文件，我们采用一个卷角的文档图标来表示。

图1a： [左侧] “页面”和“文件”
图1b: [右侧] “页面组”和“文件组”

我们采用页面组的符号来表示在宏观结构上导航属性一致的一组功能类似的页面。同样的，文件组用来表示在网站的导航结构中被单一入口指向的一系列文件（ 比如一个可供下载的游戏集合或一个PDF说明手册库等等。）我们在页面和文件上加以标注用来鉴别他们，这些标注不必和实际名称（比如HTML中的“<TITLE>”标签）或文件名相互关联，但每个名称必须是在整个信息结构中唯一的。采用唯一的数字标识和类型名称是在整个信息结构中跟踪页面和文件的一个好方法。

创建相互关系：连接和箭头

对于元素之间的关系，我们采用连接来描述。这种概念上关系将不可避免地别描述为导航关系，但是不是所有的导航关系都会出现在信息框架图表中。

在描述信息结构时，页面之间的层基组织关系通常被描绘为一个树形的结构，但这种方式决不是唯一的而恰好是推荐使用的。

图 2a: [左] 一个简单的树形结构
图 2b: [右] 与2a同样的结构，但是表述方法不同。

当使用流程图表来描述交互作用时，每个连接都需要具有方向以表述用户是如何在系统的每个任务中移动，因此将连接改成箭头将有助于说明。对于移动的过程，我们采用下游和上游方向条件来描述元素的相对位置关系。值得注意的是这些箭头不似那些用来单行道的箭头，而更象超级市场里指示食品部的那种箭头。因为指示箭头的目的不是禁止用户向别处同行，而是仅仅说明用户想要行动的方向。

可能出于某些原因，我们可能要禁止用户向上游移动（比如在进行象删除数据库记录之类不可撤销的操作的时候），采用一个在箭头的反向终点加一个横条（一条相垂直的短线）来描述。 在某些情况下，我们可能需要在上游附近加一个箭头以在更复杂些的结构中说明流的方向。（一个实用提示：不少制图程序不允许用户将箭头画成这样。为了解决这个问题在图形库中已经包含了一个名为“gluedot”的元素。这是一个隐藏的单个锚点元素，使用这个元素可以将箭头链接在一起。）

图 3a: [左上] 描述任务过程中用户向下游移动的箭头
图 3b: [左下] 横条说明向上游的移动是被禁止的
图 3c: [右] 表明方向的多个箭头

连接和箭头同样也可以加上标注，但是最好只有在用户行为需要被说明时才使用标注，否则冗长和笨拙的标注会使整个流程框架变得混乱。但必须加以很长的说明时，我们可以采用脚注或附录的方式。

在本文给出的示例中，脚注和附录的参考说明可以使用圆括号中数字与字母结合的方法来说明。数字用于说明当前注释在图表中的出现的页面，字母用于说明是该页中的第几项。比如在流程图表的第三页中的第一个的注解可以表示为：(3a)，第二个可以表示为：(3b)，依此类推。

图 4a: [左] 一个失败的标注
图 4b: [中] 一个有用的标注
图 4c: [右] 一个脚注或附录的标注

出处：jjg.net
责任编辑：moby

上一页 描述信息结构和交互设计的图示词汇表 [1] 下一页 描述信息结构和交互设计的图示词汇表 [3]