設(shè)計(jì)站點(diǎn)
在進(jìn)行Web設(shè)計(jì)時--在設(shè)計(jì)過程中--形式應(yīng)該服從功能。這種方法應(yīng)用于我們站點(diǎn)的整個設(shè)計(jì)過程中。當(dāng)然，我們有最新的Web工具，并且能夠?qū)⒏鞣N可視的小配件上載到網(wǎng)頁上。但是我們認(rèn)為這樣做將不利于為訪問者提供有效的服務(wù)。事實(shí)上，我經(jīng)常發(fā)現(xiàn)一些站點(diǎn)未將重點(diǎn)放在功能上。常見的錯誤包括：用戶界面元素不一致。例如，同一個控件在不同的頁面上功能不同，或者同一個功能對應(yīng)幾個用戶界面控件。導(dǎo)航欄位置不一致。決定站點(diǎn)的哪些頁和功能需要在站點(diǎn)的任何頁上都可被訪問到。這就是應(yīng)該保持一致性的“全局導(dǎo)航欄”。
不太注意或根本不注意基本的圖形設(shè)計(jì)原則，例如排版式樣、色彩和版面的設(shè)計(jì)。相關(guān)元素和功能的隨意分組。注意將元素放置在網(wǎng)頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個鏈接的功能。

使網(wǎng)頁過于龐大以至使訪問者需要通過典型的調(diào)制解調(diào)器速度的Internet連接進(jìn)行長時間的下載。這并不是說不應(yīng)該使用圖形，但是您需要對它們進(jìn)行精挑細(xì)選，然后用適當(dāng)?shù)膲嚎s和顏色索引優(yōu)化它們。

現(xiàn)在的Web站點(diǎn)仍然存在很多問題，這并不奇怪。畢竟，Web設(shè)計(jì)“藝術(shù)”相對來說還是個新生事物。在四、五年以前，Web頁甚至是普通的。那時，人們好像認(rèn)為他們的Web站點(diǎn)將會吸引訪問者只是因?yàn)樗鼈兇嬖?-并且，可能在某些情況下這種方法確實(shí)有效。但是這些站點(diǎn)一般很難看，并且更重要的是，它們真的難以使用。接下來便進(jìn)入“看看我們能做些什么”階段，在網(wǎng)頁中加入了大量的動畫、聲音文件以及其它附加件，導(dǎo)致訪問者需要長時間地進(jìn)行下載，但是并未獲得多少實(shí)實(shí)在在的內(nèi)容。

如今的Web設(shè)計(jì)師們已經(jīng)吸取了前人的經(jīng)驗(yàn)和教訓(xùn)。好的站點(diǎn)傾向于簡化和快速，同時在功能上有所提高。這是Microsoft的目標(biāo)，而且我們最先承認(rèn)自己所犯的錯誤（參閱“Microsoft的Web簡史”看一看以前的主頁設(shè)計(jì)）。

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

明確的流程
若要避免類似問題，我們?yōu)樾路?wù)（例如“搜索”）的創(chuàng)建或關(guān)鍵的Web頁（如主頁）設(shè)計(jì)了一個明確的流程。每個項(xiàng)目都是在一定的基礎(chǔ)上開始的，即我們有一個受益于我們站點(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)建并提出一個更為完整的計(jì)劃。這時，我們一般還會開始可用性測試（一般會有書面的模型）以了解潛在用戶將對計(jì)劃中的設(shè)計(jì)做出何種反應(yīng)。在最后開發(fā)階段（第3階段），我們創(chuàng)建運(yùn)行計(jì)劃服務(wù)的Web原型，并且進(jìn)行全面的可用性測試以及內(nèi)部復(fù)查。然后完成站點(diǎn)的代碼，修改程序錯誤，最后站點(diǎn)通過實(shí)際運(yùn)轉(zhuǎn)的Web站點(diǎn)向客戶發(fā)布。

正如您所見到的，可用性在整個流程中扮演著重要的角色（參閱“創(chuàng)建有效的Web界面需要認(rèn)真計(jì)劃”）。我們可以為用戶運(yùn)行某項(xiàng)任務(wù)計(jì)時，這樣我們就可以在產(chǎn)品以后的版本中對比相同的測試。我們可以使用這種方法進(jìn)行度量，以確定一個功能的重新設(shè)計(jì)是否為客戶帶來任何真正的價值。

還有，我們將仔細(xì)地觀察以了解可用性對象是否可以計(jì)算出如何正確使用新功能--我們稱為“可發(fā)現(xiàn)性”的方法。有時這為我們提供了一些挑戰(zhàn)。例如：在我們的站點(diǎn)上，在搜索引擎中鍵入一個詞組或字會產(chǎn)生一列結(jié)果。然后我們請用戶選擇在這些結(jié)果中進(jìn)行搜索，以便進(jìn)行更細(xì)的搜索并且導(dǎo)向某一頁或資源。但是即使“在結(jié)果范圍內(nèi)搜索”被明顯地標(biāo)記在深色標(biāo)簽上，很少有人熟悉它。一些用戶認(rèn)為他們正開始新的搜索，并且可能毫無結(jié)果。我們正在解決這個問題以確保客戶可以利用microsoft.com上所有豐富的功能來提高他們對此站點(diǎn)的認(rèn)識。

選項(xiàng)“在結(jié)果范圍內(nèi)搜索”看上去很直觀，但不是非常易發(fā)現(xiàn)的。此問題一直是困擾我們的設(shè)計(jì)的問題之一。

最后階段
大體來講，站點(diǎn)設(shè)計(jì)是在發(fā)生沖突的需要之間求得平衡的藝術(shù)。一方面，我要將站點(diǎn)設(shè)計(jì)得盡量簡單易用。另一方面，我要確保站點(diǎn)中所有強(qiáng)大的工具可為經(jīng)驗(yàn)豐富的用戶所用。與此同時，我還要為內(nèi)部客戶服務(wù)--Microsoft產(chǎn)品項(xiàng)目組--他們對服務(wù)有特殊的需要。所以每天我都要解決一些非常困難的問題，經(jīng)常處于很緊迫的情形中。我發(fā)現(xiàn)這種工作是鼓舞人心和有趣的。

這個職業(yè)非常需要更熟練的專業(yè)人員。我是經(jīng)過一系列非常不一般的過程--在大學(xué)學(xué)習(xí)圖形藝術(shù)，然后在多媒體公司設(shè)計(jì)CD-ROM，最后加入Microsoft并開發(fā)應(yīng)用程序--才獲得這個職位的。非常奇怪的是，當(dāng)我申請（并獲得）這份工作時，我以前從來沒有設(shè)計(jì)過Web頁。但是我廣泛的設(shè)計(jì)經(jīng)歷已經(jīng)證明是非常有用的，并且我自認(rèn)為已經(jīng)驗(yàn)證了格言“成功的設(shè)計(jì)就是成功的設(shè)計(jì)”（不論是什么媒體）。許多設(shè)計(jì)問題對Web來說是獨(dú)一無二的，解決這些問題的方法對于任何媒體都是一樣的。

對于那些準(zhǔn)Web設(shè)計(jì)師我的建議是，他們也應(yīng)該盡可能地?cái)U(kuò)大設(shè)計(jì)背景。今天應(yīng)該確保將一些Web工作作為互動設(shè)計(jì)培訓(xùn)的一部分--大多數(shù)好的設(shè)計(jì)學(xué)校已將其加入課程中。但是在排版、色彩理論、版面設(shè)計(jì)以及生產(chǎn)等方面的扎實(shí)的技術(shù)將仍然特別有價值。在未來，Web設(shè)計(jì)師們?nèi)詫^續(xù)被要求給頁面增加更豐富的多媒體內(nèi)容，從而為Web站點(diǎn)的可視性和可操作性增加了新一級的復(fù)雜性和技術(shù)要求。作為CD-ROM/多媒體設(shè)計(jì)師，要求我必須具有圖形設(shè)計(jì)、視頻、音頻設(shè)計(jì)、動畫等方面的知識和創(chuàng)作能力。我的預(yù)言是，Web設(shè)計(jì)師也將向這些領(lǐng)域發(fā)展。

對于屬于microsoft.com的我們--以及在Internet上的其它地方--那應(yīng)該是一個非常有趣的未來。了解您的觀眾。調(diào)查一下究竟哪些人在訪問您的站點(diǎn)，以及他們?yōu)槭裁匆L問。新手或不定期上網(wǎng)的Web用戶與軟件開發(fā)商相比有非常不同的興趣和站點(diǎn)需要。使您的站點(diǎn)對訪問者來說有所幫助。為您的觀眾提供所需的信息。使導(dǎo)航元素保持一致，并且確保對訪問率高的區(qū)域進(jìn)行明顯的標(biāo)記，是它們易于被找到。

使用清楚的消息
確保用戶了解此頁面的上下文，并且知道需要他們做些什么。如果在注冊過程中您要用戶輸入姓名，那么就直截了當(dāng)?shù)卣f。不要讓訪問者自己計(jì)算什么，他們會感到沮喪，于是轉(zhuǎn)到其它更簡單的站點(diǎn)（例如您的競爭對手的站點(diǎn)?。?。

保持一致性
雖然更改不同Web頁的外觀并不難，但這并不意味著您應(yīng)該這么做。將主要功能--例如返回“主頁”的鏈接或者執(zhí)行一個搜索--放在每頁的相同位置。在microsoft.com上，黑色全局導(dǎo)航工具欄的位置在四十多萬頁上都是一樣的。

使站點(diǎn)可用
牢記設(shè)計(jì)和測試站點(diǎn)的可用性。確保用戶可容易地執(zhí)行任務(wù)以獲得所需信息。估算任務(wù)時間和任務(wù)完成率，然后努力進(jìn)行改善。如果新的設(shè)計(jì)沒有在這些方面獲得改善，那么就不要實(shí)施它。重新從草圖（或最初的計(jì)劃）開始并嘗試其它方法。

保持簡潔
說起來容易做起來難。嘗試征求反饋意見。有時新人可以很容易找到解決方案。

嘗試新的東西
不要害怕打破常規(guī)，嘗試一些完全不同的東西。如果您不試試，永遠(yuǎn)不會找到真正的答案.

網(wǎng)站名稱：成都網(wǎng)站設(shè)計(jì):網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)
本文來源：http://www.rwnh.cn/news3/19353.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)