|
關于網站的建設(第四天)
2000-05-01amin
第一頁：探索裝飾風格
下一步，“裝飾風格探索”幫你精煉網站結構的景象，但是記住這步只是一個練習。它會給你很多好主意，但是可能不夠實用。別泄氣，它會很好玩的。
在試圖確定網站結構時試試不同的裝飾風格。好的裝飾風格會在幫助用戶使用和導航網站上走得很遠。但是，不存在完美無缺的裝飾風格，所以不必頑固地堅持一種風格。可以把几種裝飾風格中最好的部分糅合到一起（也有可能發現根本沒有有用的裝飾風格）。
設計網站有三種有用的裝飾風格：
組織性裝飾風格
組織性裝飾風格依賴于已經存在的小組、系統或組織的結構。
例如，如果你要建一個賣百貨的網站，你的裝飾風格應該象一個超市 - 產品按類型（罐裝蔬菜、乳制品、谷類食品、快餐、家居用品等）邏輯地分類。要注意：拷貝你的客戶公司的組織結構通常不是一個好主意
- 買東西的顧客是不會關心超市的公司結構的。
功能性裝飾風格
功能性裝飾風格涉及到的任務與你在其它環境實現的任務相似。例如，Photoshop，一種圖形軟件，依賴于很多功能性裝飾風格：你可以象征性地在計算機上剪切、拷貝和粘貼圖形
- 就象你在現實世界中用剪刀和膠水一樣。
可視性裝飾風格
可視性裝飾風格基于多數人在我們的文化中熟悉的常用圖形元素。如果你在設計一個音樂網站，在這個網站中用戶可以聽音樂 -
你可能想用隨處可見的CD機上“開始”、“停止”和“暫停”標志作為你的界面中的圖標。
開始探索裝飾風格時，以集中所涉及到的人和他們的想法開始。回顧和評價每一種裝飾風格。不要貶低你不喜歡的建議
- 至少不要馬上。裝飾風格的效果不會立刻顯現。制訂網站的主要部分 - 通過把內容清單的不同部分與每種裝飾風格對應起來。
在嘗試了一段生動有趣的經歷后，你一定要為網站選擇一種裝飾風格或基本原理。記住，沒有完美無缺的裝飾風格。網站的整體可能不能用裝飾風格來解釋，但導航系統（或網站的子集）或許能用裝飾風格來解釋。
第二頁：打好基礎
既然你已經有了網站的結構，現在就可以打基礎了。可以以建立一個基于文本的網站的層次結構圖（稱為“網站結構列表”）開始。
最先根據網站結構列表的“根”確定網站的主要部分。對這些部分應用基本原理或裝飾風格。下一步，把每部分的組織與內容清單的條目對應起來。對網站深入時，應把低層次的部分縮進。重復此過程，然后把注意力集中到網站的細節。完成的清單如下：
Section 1
Section 1.1
Section 1.2
Section 2
Section 2.1
Section 2.2
Section 2.2.1
Section 2.2.2
Section 2.2.3
Section 2.3
Section 2.4
Section 3
下一步可視化清單。很多人通過網站的結構清單想象實際的網站有些困難。有了結構藍圖就容易多了。下面是一個例子：
結構化藍圖是網站結構的可視化表示。它們是顯示網站中的元素如何分組和聯系的圖表。
需要做一些圖例：如何在藍圖上表示在線連接、離線連接、頁的成分、頁、頁的分組。你可能要區分執行不同功能或事物處理的部分、動態產生的部分、只由文本組成的頁面。如果網站很大，可能要做几張藍圖，從簡單的網站開始，利用藍圖把網站建
得越來越好。
第三頁：定義導航
用戶如何訪問網站？他們怎樣從一個地方到另一個地方？怎樣防止他們走丟？ - 定義網站的導航系統解決了這些問題。
看看網站的結構清單。其主要部分是什么？它們是全局導航系統的最好的侯選者 - 出現在網站的每頁上，使用戶很方便地在不同部分之間跳轉。如果可能，把全局導航的元素限制在五個至七個之間。另一個方法是把網站的商標（公司標志）加入全局導航系統作為返回網站首頁的連接。
局部導航可以有不同的形式。可以是主題的列表，如Yahoo和GeoCities﹔可以是選項菜單的形式，如GeoCities中的membersarea﹔或者可以是一些相關條目的列表，如你在本頁最后所見的每頁標題。
有必要為全局導航系統和局部導航系統做文檔。這和為每個系統編輯元素列表一樣容易。
第四頁：設計文檔
現在開始設計文檔。在設計文檔中建新的一章“網站結構”。寫一個關于網站結構背后的基本原理的概述或隱喻性的解釋。增加網站結構列表。如果網站列表太長，寫一個簡寫的形式，把其余部分放到附錄中。編輯結構藍圖并把它們加入設計文檔。為全局和局部導航系統做文檔。把結果公布給每個人。
例如：
4. 網站結構
4.1 網站結構列表（或概述）
4.2 結構藍圖
4.3 全局和局部導航系統
附錄C: 網站結構列表（可選）
|
