|
本元素: 頁面, 文件和相關文件組
網絡中用戶交互的最基本單元是頁面，因此我們采用一個矩形符號來表示頁面。值得注意的是，在此我們所提到的頁面是一個表達單元，而不僅是網絡交互過程中的一個 實際元素。因此流程圖中的一個頁面符號可能代表多個HTML文件（比如在一個采用幀的頁面中集合了多個HTML文件）或多段程序代碼文件（比如在服務器端調用的嵌入文件或數據庫存儲執(zhí)行過程等）。
除頁面之外，還有不具備網站導航屬性的文件。通常文件都是給用戶用于瀏覽器以外的操作（比如聲音和圖象文件、類似與PDF的獨立格式的文檔或可執(zhí)行文件等）。對于文件，我們采用一個卷角的文檔圖標來表示。
圖1a： [左側] “頁面”和“文件”
圖1b: [右側] “頁面組”和“文件組”
我們采用頁面組的符號來表示在宏觀結構上導航屬性一致的一組功能類似的頁面。同樣的，文件組用來表示在網站的導航結構中被單一入口指向的一系列文件（ 比如一個可供下載的游戲集合或一個PDF說明手冊庫等等。）我們在頁面和文件上加以標注用來鑒別他們，這些標注不必和實際名稱（比如HTML中的“<TITLE>”標簽）或文件名相互關聯，但每個名稱必須是在整個信息結構中唯一的。采用唯一的數字標識和類型名稱是在整個信息結構中跟蹤頁面和文件的一個好方法。
創(chuàng)建相互關系：連接和箭頭
對于元素之間的關系，我們采用連接來描述。這種概念上關系將不可避免地別描述為導航關系，但是不是所有的導航關系都會出現在信息框架圖表中。
在描述信息結構時，頁面之間的層基組織關系通常被描繪為一個樹形的結構，但這種方式決不是唯一的而恰好是推薦使用的。
圖 2a: [左] 一個簡單的樹形結構
圖 2b: [右] 與2a同樣的結構，但是表述方法不同。
當使用流程圖表來描述交互作用時，每個連接都需要具有方向以表述用戶是如何在系統(tǒng)的每個任務中移動，因此將連接改成箭頭將有助于說明。對于移動的過程，我們采用下游和上游方向條件來描述元素的相對位置關系。值得注意的是這些箭頭不似那些用來單行道的箭頭，而更象超級市場里指示食品部的那種箭頭。因為指示箭頭的目的不是禁止用戶向別處同行，而是僅僅說明用戶想要行動的方向。
可能出于某些原因，我們可能要禁止用戶向上游移動（比如在進行象刪除數據庫記錄之類不可撤銷的操作的時候），采用一個在箭頭的反向終點加一個橫條（一條相垂直的短線）來描述。 在某些情況下，我們可能需要在上游附近加一個箭頭以在更復雜些的結構中說明流的方向。（一個實用提示：不少制圖程序不允許用戶將箭頭畫成這樣。為了解決這個問題在圖形庫中已經包含了一個名為“gluedot”的元素。這是一個隱藏的單個錨點元素，使用這個元素可以將箭頭鏈接在一起。）
圖 3a: [左上] 描述任務過程中用戶向下游移動的箭頭
圖 3b: [左下] 橫條說明向上游的移動是被禁止的
圖 3c: [右] 表明方向的多個箭頭
連接和箭頭同樣也可以加上標注，但是最好只有在用戶行為需要被說明時才使用標注，否則冗長和笨拙的標注會使整個流程框架變得混亂。但必須加以很長的說明時，我們可以采用腳注或附錄的方式。
在本文給出的示例中，腳注和附錄的參考說明可以使用圓括號中數字與字母結合的方法來說明。數字用于說明當前注釋在圖表中的出現的頁面，字母用于說明是該頁中的第幾項。比如在流程圖表的第三頁中的第一個的注解可以表示為：(3a)，第二個可以表示為：(3b)，依此類推。
圖 4a: [左] 一個失敗的標注
圖 4b: [中] 一個有用的標注
圖 4c: [右] 一個腳注或附錄的標注
出處：jjg.net
責任編輯：moby
上一頁 描述信息結構和交互設計的圖示詞匯表 [1] 下一頁 描述信息結構和交互設計的圖示詞匯表 [3]
|
第 1 頁 
第 2 頁 描述信息結構和交互設計的圖示詞匯表 [2]
