作者:Peter 時間: 2003-04-22 文檔類型: 來自:藍色理想 |
![]() |
從頭銜上,您可能認為我主要關(guān)心的是 microsoft.com Web 站點幾千個網(wǎng)頁的版面設(shè)計。的確,這些確實是我所關(guān)注的。視覺上的吸引力是重要的,但是這僅僅是工作的一小部分。而最終的目的是確保整個站點運轉(zhuǎn)正常。 設(shè)計站點 事實上,我經(jīng)常發(fā)現(xiàn)一些站點未將重點放在功能上。常見的錯誤包括: 用戶界面元素不一致.例如,同一個控件在不同的頁面上功能不同,或者同一個功能對應(yīng)幾個用戶界面控件。 導(dǎo)航欄位置不一致。決定站點的哪些頁和功能需要在站點的任何頁上都可被訪問到。這就是應(yīng)該保持一致性的“全局導(dǎo)航欄”。 不太注意或根本不注意基本的圖形設(shè)計原則,例如排版式樣、色彩和版面的設(shè)計。 相關(guān)元素和功能的隨意分組。注意將元素放置在網(wǎng)頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個鏈接的功能。 使網(wǎng)頁過于龐大,以至使訪問者需要通過典型的調(diào)制解調(diào)器速度的 Internet 連接進行長時間的下載。這并不是說不應(yīng)該使用圖形,但是您需要對它們進行精挑細選,然后用適當(dāng)?shù)膲嚎s和顏色索引優(yōu)化它們。 現(xiàn)在的 Web 站點仍然存在很多問題,這并不奇怪。畢竟,Web 設(shè)計“藝術(shù)”相對來說還是個新生事物。在四、五年以前,Web 頁甚至是普通的。那時,人們好像認為他們的 Web 站點將會吸引訪問者只是因為它們存在--并且,可能在某些情況下這種方法確實有效。但是這些站點一般很難看,并且更重要的是,它們真的難以使用。接下來便進入“看看我們能做些什么”階段,在網(wǎng)頁中加入了大量的動畫、聲音文件以及其它附加件,導(dǎo)致訪問者需要長時間地進行下載,但是并未獲得多少實實在在的內(nèi)容。 如今的 Web 設(shè)計師們已經(jīng)吸取了前人的經(jīng)驗和教訓(xùn)。好的站點傾向于簡化和快速,同時在功能上有所提高。這是 Microsoft 的目標(biāo),而且我們最先承認自己所犯的錯誤(參閱“Microsoft 的 Web 簡史”看一看以前的主頁設(shè)計)。 設(shè)計錯誤并不總是顯而易見的。有時在設(shè)計上對一個小元素的移動或更改將有很少或根本沒有影響。但是,在其它情況下,它可能確實會對頁面功能有所影響。而且如果說我們從過去幾年學(xué)到了一些東西,那就是小的改動會使 Web 頁的運行方式有很大的不同。 明確的流程 若要避免類似問題,我們?yōu)樾路?wù)(例如“搜索”)的創(chuàng)建或關(guān)鍵的 Web 頁(如主頁)設(shè)計了一個明確的流程。 每個項目都是在一定的基礎(chǔ)上開始的,即我們有一個受益于我們站點上的頁面、部分或用戶界面元素的產(chǎn)品或服務(wù)。在早期的產(chǎn)品計劃階段(第 1 階段),我被要求設(shè)計一些初級模型:大致描述頁面、部分或功能的草圖。然后產(chǎn)品項目組檢查產(chǎn)品計劃建議,看看此項服務(wù)是否可以為 microsoft.com 的訪問者真正帶來一些實惠。 如果答案是“可以”,那么此項目會獲得批準(zhǔn),我們開始寫項目說明書(第 2 階段)。我們在第 1 階段的草圖和概念基礎(chǔ)上創(chuàng)建并提出一個更為完整的計劃。這時,我們一般還會開始可用性測試(一般會有書面的模型)以了解潛在用戶將對計劃中的設(shè)計做出何種反應(yīng)。 在最后開發(fā)階段(第 3 階段),我們創(chuàng)建運行計劃服務(wù)的 Web 原型,并且進行全面的可用性測試以及內(nèi)部復(fù)查。然后完成站點的代碼,修改程序錯誤,最后站點通過實際運轉(zhuǎn)的 Web 站點向客戶發(fā)布。 正如您所見到的,可用性在整個流程中扮演著重要的角色(參閱“創(chuàng)建有效的 Web 界面需要認真計劃”)。我們可以為用戶運行某項任務(wù)計時,這樣我們就可以在產(chǎn)品以后的版本中對比相同的測試。我們可以使用這種方法進行度量,以確定一個功能的重新設(shè)計是否為客戶帶來任何真正的價值。 還有,我們將仔細地觀察以了解可用性對象是否可以計算出如何正確使用新功能--我們稱為“可發(fā)現(xiàn)性”的方法。有時這為我們提供了一些挑戰(zhàn)。例如:在我們的站點上,在 搜索引擎 中鍵入一個詞組或字會產(chǎn)生一列結(jié)果。然后我們請用戶選擇在這些結(jié)果中進行搜索,以便進行更細的搜索并且導(dǎo)向某一頁或資源。但是即使“在結(jié)果范圍內(nèi)搜索”被明顯地標(biāo)記在深色標(biāo)簽上,很少有人熟悉它。一些用戶認為他們正開始新的搜索,并且可能毫無結(jié)果。我們正在解決這個問題以確??蛻艨梢岳?microsoft.com 上所有豐富的功能來提高他們對此站點的認識。 選項“在結(jié)果范圍內(nèi)搜索”看上去很直觀,但不是非常易發(fā)現(xiàn)的。此問題一直是困擾我們的設(shè)計的問題之一。 最后階段 大體來講,站點設(shè)計是在發(fā)生沖突的需要之間求得平衡的藝術(shù)。一方面,我要將站點設(shè)計得盡量簡單易用。另一方面,我要確保站點中所有強大的工具可為經(jīng)驗豐富的用戶所用。與此同時,我還要為內(nèi)部客戶服務(wù)--Microsoft 產(chǎn)品項目組--他們對服務(wù)有特殊的需要。所以每天我都要解決一些非常困難的問題,經(jīng)常處于很緊迫的情形中。我發(fā)現(xiàn)這種工作是鼓舞人心和有趣的。 這個職業(yè)非常需要更熟練的專業(yè)人員。我是經(jīng)過一系列非常不一般的過程--在大學(xué)學(xué)習(xí)圖形藝術(shù),然后在多媒體公司設(shè)計 CD-ROM,最后加入 Microsoft 并開發(fā)應(yīng)用程序--才獲得這個職位的。非常奇怪的是,當(dāng)我申請(并獲得)這份工作時,我以前從來沒有設(shè)計過 Web 頁。但是我廣泛的設(shè)計經(jīng)歷已經(jīng)證明是非常有用的,并且我自認為已經(jīng)驗證了格言“成功的設(shè)計就是成功的設(shè)計”(不論是什么媒體)。許多設(shè)計問題對 Web 來說是獨一無二的,解決這些問題的方法對于任何媒體都是一樣的。 對于那些準(zhǔn) Web 設(shè)計師我的建議是,他們也應(yīng)該盡可能地擴大設(shè)計背景。今天應(yīng)該確保將一些 Web 工作作為互動設(shè)計培訓(xùn)的一部分--大多數(shù)好的設(shè)計學(xué)校已將其加入課程中。但是在排版、色彩理論、版面設(shè)計以及生產(chǎn)等方面的扎實的技術(shù)將仍然特別有價值。 在未來,Web 設(shè)計師們?nèi)詫^續(xù)被要求給頁面增加更豐富的多媒體內(nèi)容,從而為 Web 站點的可視性和可操作性增加了新一級的復(fù)雜性和技術(shù)要求。作為 CD-ROM/多媒體設(shè)計師,要求我必須具有圖形設(shè)計、視頻、音頻制作、動畫等方面的知識和創(chuàng)作能力。我的預(yù)言是,Web 設(shè)計師也將向這些領(lǐng)域發(fā)展。 對于屬于 microsoft.com 的我們--以及在 Internet 上的其它地方--那應(yīng)該是一個非常有趣的未來。 了解您的觀眾。 為您的觀眾提供所需的信息。 使用清楚的消息 保持一致性 使站點可用 保持簡潔 嘗試新的東西 |