網站設計和圖形使用者介面(GUI)設計的不同 (轉)[@more@]

網站設計和圖形介面(GUI)設計的不同:namespace prefix = o ns = "urn:schemas--com::office" />

 

網站設計和傳統的使用者介面設計是有區別的。大體上說，設計師必須放棄對介面的完全控制，讓使用者和他們的客戶端軟/來決定一部分。

當然，網站設計和傳統的使用者介面設計(UI Design)還是有很多相似之處的：最基本一點，他們都是互動式，都屬於軟體設計範疇而不是物理設計範疇。

裝置的多樣性

在傳統GUI設計裡，你能夠控制每一個畫素：你製作一個對話方塊的時候，你可以確定它在使用者螢幕上的真實尺寸。你知道你在為什麼系統設計，你知道那裡了什麼字型。你知道典型的顯示器尺寸有多大，的作者告訴你給視窗做裝飾的規則。

 

在網站方面，所有的上述設想都土崩瓦解。使用者可能透過一臺傳統的訪問網站，也可能在用一個TV，可用筆點選的手持式裝置，或者是Nokia行動電話，甚至他們的汽車就是一個Inte裝置。在傳統設計裡，筆記本和高階工作站螢幕的區別可能只有六種。在網上，我們必須應付手持的裝置和工作站的螢幕區別可能有上百種，Modem和T-3專線之間的區別可能有上千種。

 

任何一個網站設計在不同的裝置上看起來都大不一樣：顯然，所見即所得已經不靈了，看上去不同是一個特點，而不是個毛病，因為最佳的使用者是需要根據裝置的不同特徵予以適當得調節。很特別的或者很低端的裝置，都嚴格的要求網站內容適應特定的平臺。達到這一目標的唯一道路就是放棄對介面的完全控制，讓他們的網頁展現取決於頁面描述、特殊設定和客戶端裝置特性的相互影響。

 

為每個不同的平臺設計一個抽象的UI描述比聽起來困難的多。基本的HTML法則可以給設計師提供一個實現他們創意的好方法，但是不能提供給他們所有的方法。一般都提倡把內容和描述分離，使用Style Sheets定義描述，但是這樣做更利於資訊內容本身而非互動操作。

使用者控制導航

在傳統的GUI設計中，設計師可以控制使用者什麼時候可以去哪兒。你不想讓某個選單項工作，你可以讓他變灰。你可以扔出一個對話方塊中止計算機的執行，直到使用者回答了你的問題。

在網上，使用者從根本上控制了他或她自己的使用網頁的行為。使用者可以抄小路而不受設計師的任何影響：比如，使用者可以從搜擎直接進入網站內部，而不必經過首頁。使用者還可以控制他們自己的書籤選單，並利用它建立起一個網站的個人化介面。

 

網站設計師需要配合並支援這種使用者可控制的使用方式。有時你可以強制使用者使用特定的路徑，阻止他們連結某些頁面，可這麼做的網站就顯得過分的專制、獨裁。最好設計的可自由移動一些，比如，在每一頁放一個連結到首頁的圖示，給那些直接進入該頁的人提供一個返回首頁的導航。

整體的一部分

傳統的應用是一種封閉式的使用者經驗：儘管系統允許應用程式相互切換並且可以同時執行多個程式，但是在任一時刻，使用者其實是處於一個單一的應用程式之中，而且只有針對這個程式的命令和一些動作起作用。在每一個程式上使用者都花過很長時間，並且在逐漸熟悉他們的特徵和設計。

在網上，使用者在不同的網站之間，不同的設計（也就是網站）之間跑來跑去，具有相當的流動性。很少有人見一個網站就花上幾分鐘去看。他們經常透過超連結從這個站跳到那個站。這種情況下，對於使用者的感覺，所有的網站是一個整體，而不是某個特定的網站：也就是說，使用者需要每一個網站的使用習慣都是一樣的，都是他們對整個的使用習慣的一部分，而不是每個網站都有它不同的習慣。在可用性研究中，使用者經常抱怨那些用法離譜的網站不好使。換句話說，網路已經變成了一個整體的概念，每一個網站都是這個概念的一部分。

 

當然，傳統GUI也是某個整體的一部分，遵循（作業系統）廠商的設計規則是比較明智的。關鍵一點就是在網站設計各方面，個性化設計與整體設計之間的天平傾向了整體。但是我們沒有已確立的網站設計規則，沒人告訴你應該如何運用介面元素建立一個符合整體概念的網站。我積極擁護建議搞一套正式的網站設計約定出來。我對網站設計師的忠告就是，你的網站不是別人世界的中心：使用者還要在網站跳來跳去，我們應該讓他們用任何一個新網站的時候都感到方便。