|
從頭銜上，您可能認(rèn)為我主要關(guān)心的是microsoft.comWeb站點(diǎn)幾千個(gè)網(wǎng)頁的版面設(shè)計(jì)。的確，這些確實(shí)是我所關(guān)注的。視覺上的吸引力是重要的，但是這僅僅是工作的一小部分。而最終的目的是確保整個(gè)站點(diǎn)運(yùn)轉(zhuǎn)正常。
我的意思是，人們通常在訪問microsoft.com時(shí)，并未將它當(dāng)作藝術(shù)作品來贊賞。而是為了獲得有關(guān)產(chǎn)品的信息，或者有一些技術(shù)問題需要咨詢，或是閱讀有關(guān)開發(fā)商的期刊。所以網(wǎng)站的設(shè)計(jì)應(yīng)該盡量清楚和有條理，以便他們能夠容易地找到所需信息。
在進(jìn)行Web設(shè)計(jì)時(shí)--在設(shè)計(jì)過程中--形式應(yīng)該服從功能。這種方法應(yīng)用于我們站點(diǎn)的整個(gè)設(shè)計(jì)過程中。當(dāng)然，我們有最新的Web工具，并且能夠?qū)⒏鞣N可視的小配件上載到網(wǎng)頁上。但是我們認(rèn)為這樣做將不利于為訪問者提供有效的服務(wù)。事實(shí)上，我經(jīng)常發(fā)現(xiàn)一些站點(diǎn)未將重點(diǎn)放在功能上。常見的錯(cuò)誤包括：
用戶界面元素不一致.例如，同一個(gè)控件在不同的頁面上功能不同，或者同一個(gè)功能對應(yīng)幾個(gè)用戶界面控件。
導(dǎo)航欄位置不一致。決定站點(diǎn)的哪些頁和功能需要在站點(diǎn)的任何頁上都可被訪問到。這就是應(yīng)該保持一致性的“全局導(dǎo)航欄”。
不太注意或根本不注意基本的圖形設(shè)計(jì)原則，例如排版式樣、色彩和版面的設(shè)計(jì)。
相關(guān)元素和功能的隨意分組。注意將元素放置在網(wǎng)頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個(gè)鏈接的功能。
使網(wǎng)頁過于龐大,以至使訪問者需要通過典型的調(diào)制解調(diào)器速度的Internet連接進(jìn)行長時(shí)間的下載。這并不是說不應(yīng)該使用圖形，但是您需要對它們進(jìn)行精挑細(xì)選，然后用適當(dāng)?shù)膲嚎s和顏色索引優(yōu)化它們。
現(xiàn)在的Web站點(diǎn)仍然存在很多問題，這并不奇怪。畢竟，Web設(shè)計(jì)“藝術(shù)”相對來說還是個(gè)新生事物。在四、五年以前，Web頁甚至是普通的。那時(shí)，人們好像認(rèn)為他們的Web站點(diǎn)將會吸引訪問者只是因?yàn)樗鼈兇嬖?-并且，可能在某些情況下這種方法確實(shí)有效。但是這些站點(diǎn)一般很難看，并且更重要的是，它們真的難以使用。接下來便進(jìn)入“看看我們能做些什么”階段，在網(wǎng)頁中加入了大量的動畫、聲音文件以及其它附加件，導(dǎo)致訪問者需要長時(shí)間地進(jìn)行下載，但是并未獲得多少實(shí)實(shí)在在的內(nèi)容。如今的Web設(shè)計(jì)師們已經(jīng)吸取了前人的經(jīng)驗(yàn)和教訓(xùn)。好的站點(diǎn)傾向于簡化和快速，同時(shí)在功能上有所提高。這是 Microsoft 的目標(biāo)，而且我們最先承認(rèn)自己所犯的錯(cuò)誤（參閱“ Microsoft的Web簡史”看一看以前的主頁設(shè)計(jì)）。
設(shè)計(jì)錯(cuò)誤并不總是顯而易見的。有時(shí)在設(shè)計(jì)上對一個(gè)小元素的移動或更改將有很少或根本沒有影響。但是，在其它情況下，它可能確實(shí)會對頁面功能有所影響。而且如果說我們從過去幾年學(xué)到了一些東西，那就是小的改動會使Web頁的運(yùn)行方式有很大的不同。
若要避免類似問題，我們?yōu)樾路⻊?wù)（例如“搜索”）的創(chuàng)建或關(guān)鍵的Web頁（如主頁）設(shè)計(jì)了一個(gè)明確的流程。每個(gè)項(xiàng)目都是在一定的基礎(chǔ)上開始的，即我們有一個(gè)受益于我們站點(diǎn)上的頁面、部分或用戶界面元素的產(chǎn)品或服務(wù)。在早期的產(chǎn)品計(jì)劃階段（第1階段），我被要求設(shè)計(jì)一些初級模型：大致描述頁面、部分或功能的草圖。然后產(chǎn)品項(xiàng)目組檢查產(chǎn)品計(jì)劃建議，看看此項(xiàng)服務(wù)是否可以為microsoft.com的訪問者真正帶來一些實(shí)惠。
如果答案是“可以”，那么此項(xiàng)目會獲得批準(zhǔn)，我們開始寫項(xiàng)目說明書（第2階段）。我們在第1階段的草圖和概念基礎(chǔ)上創(chuàng)建并提出一個(gè)更為完整的計(jì)劃。這時(shí)，我們一般還會開始可用性測試（一般會有書面的模型）以了解潛在用戶將對計(jì)劃中的設(shè)計(jì)做出何種反應(yīng)。在最后開發(fā)階段（第3階段），我們創(chuàng)建運(yùn)行計(jì)劃服務(wù)的Web原型，并且進(jìn)行全面的可用性測試以及內(nèi)部復(fù)查。然后完成站點(diǎn)的代碼，修改程序錯(cuò)誤，最后站點(diǎn)通過實(shí)際運(yùn)轉(zhuǎn)的Web站點(diǎn)向客戶發(fā)布。
出處：Microsoft
責(zé)任編輯：moby
上一頁 下一頁 微軟設(shè)計(jì)主管一些經(jīng)驗(yàn)分享 [2]
|
第 1 頁 微軟設(shè)計(jì)主管一些經(jīng)驗(yàn)分享 [1]
第 2 頁 
