close

微軟設計主管一些經驗分享 - 網頁設計

http://webdesign.zoapcon.com

從頭銜上,您可能認為我主要關心的是microsoft.comWeb站點幾千個網頁的版面設計。的確,這些確實是我所關注的。視覺上的吸引力是重要的,但是這僅僅是工作的一小部分。而最終的目的是確保整個站點運轉正常。

我的意思是,人們通常在訪問microsoft.com時,并未將它當作藝術作品來贊賞。而是為了獲得有關產品的信息,或者有一些技術問題需要咨詢,或是閱讀有關開發商的期刊。所以網站的設計應該盡量清楚和有條理,以便他們能夠容易地找到所需信息。

在進行Web設計時--在設計過程中--形式應該服從功能。這種方法應用于我們站點的整個設計過程中。當然,我們有最新的Web工具,并且能夠將各種可視的小配件上載到網頁上。但是我們認為這樣做將不利于為訪問者提供有效的服務。事實上,我經常發現一些站點未將重點放在功能上。常見的錯誤包括:

用戶界面元素不一致.例如,同一個控件在不同的頁面上功能不同,或者同一個功能對應幾個用戶界面控件。

導航欄位置不一致。決定站點的哪些頁和功能需要在站點的任何頁上都可被訪問到。這就是應該保持一致性的“全局導航欄”。

不太注意或根本不注意基本的圖形設計原則,例如排版式樣、色彩和版面的設計。

相關元素和功能的隨意分組。注意將元素放置在網頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個鏈接的功能。

使網頁過于龐大,以至使訪問者需要通過典型的調制解調器速度的Internet連接進行長時間的下載。這并不是說不應該使用圖形,但是您需要對它們進行精挑細選,然后用適當的壓縮和顏色索引優化它們。

現在的Web站點仍然存在很多問題,這并不奇怪。畢竟,Web設計“藝術”相對來說還是個新生事物。在四、五年以前,Web頁甚至是普通的。那時,人們好像認為他們的Web站點將會吸引訪問者只是因為它們存在--并且,可能在某些情況下這種方法確實有效。但是這些站點一般很難看,并且更重要的是,它們真的難以使用。接下來便進入“看看我們能做些什么”階段,在網頁中加入了大量的動畫、聲音文件以及其它附加件,導致訪問者需要長時間地進行下載,但是并未獲得多少實實在在的內容。如今的Web設計師們已經吸取了前人的經驗和教訓。好的站點傾向于簡化和快速,同時在功能上有所提高。這是 Microsoft 的目標,而且我們最先承認自己所犯的錯誤(參閱“ Microsoft的Web簡史”看一看以前的主頁設計)。

設計錯誤并不總是顯而易見的。有時在設計上對一個小元素的移動或更改將有很少或根本沒有影響。但是,在其它情況下,它可能確實會對頁面功能有所影響。而且如果說我們從過去幾年學到了一些東西,那就是小的改動會使Web頁的運行方式有很大的不同。

若要避免類似問題,我們為新服務(例如“搜索”)的創建或關鍵的Web頁(如主頁)設計了一個明確的流程。每個項目都是在一定的基礎上開始的,即我們有一個受益于我們站點上的頁面、部分或用戶界面元素的產品或服務。在早期的產品計劃階段(第1階段),我被要求設計一些初級模型:大致描述頁面、部分或功能的草圖。然后產品項目組檢查產品計劃建議,看看此項服務是否可以為microsoft.com的訪問者真正帶來一些實惠。

如果答案是“可以”,那么此項目會獲得批準,我們開始寫項目說明書(第2階段)。我們在第1階段的草圖和概念基礎上創建并提出一個更為完整的計劃。這時,我們一般還會開始可用性測試(一般會有書面的模型)以了解潛在用戶將對計劃中的設計做出何種反應。在最后開發階段(第3階段),我們創建運行計劃服務的Web原型,并且進行全面的可用性測試以及內部復查。然后完成站點的代碼,修改程序錯誤,最后站點通過實際運轉的Web站點向客戶發布。


文章標籤
網頁設計 web design
全站熱搜
創作者介紹
創作者 inspirr 的頭像
inspirr

inspirr

inspirr 發表在 痞客邦 留言(0) 人氣()