專業(yè)的網(wǎng)站設(shè)計(jì)不僅要注重視覺(jué)吸引力，還要考慮整個(gè)網(wǎng)站的正常運(yùn)行。

專業(yè)網(wǎng)站設(shè)計(jì)的形式在設(shè)計(jì)過(guò)程中要服從功能，做到過(guò)程簡(jiǎn)單流暢。

作為設(shè)計(jì)總監(jiān)，PeterStern帶領(lǐng)microsoft.com重新設(shè)計(jì)了主頁(yè)，開(kāi)發(fā)了五種不同的交互工具，用于在線功能，如下載中心、產(chǎn)品目錄、簡(jiǎn)介中心、搜索和注冊(cè)。他為幾個(gè)內(nèi)部工具設(shè)計(jì)了用戶界面，并正在努力創(chuàng)建將于今年晚些時(shí)候發(fā)布的下一代主頁(yè)。

從標(biāo)題來(lái)看，你可能認(rèn)為我主要關(guān)心的是microsoft.comWeb站點(diǎn)上數(shù)千頁(yè)的布局設(shè)計(jì)。事實(shí)上，這些是我關(guān)心的問(wèn)題。視覺(jué)吸引力很重要，但這只是工作的一小部分。最終目的是保證整個(gè)網(wǎng)站正常工作。

我的意思是，當(dāng)人們通常參觀microsoft.com時(shí)，他們并不把它作為一件藝術(shù)品來(lái)欣賞。而是為了獲得關(guān)于產(chǎn)品的信息，或者有一些技術(shù)問(wèn)題要咨詢，或者閱讀關(guān)于開(kāi)發(fā)商的期刊。因此，網(wǎng)站的設(shè)計(jì)應(yīng)該盡可能清晰和有條理，以便他們可以輕松找到他們需要的信息。

設(shè)計(jì)網(wǎng)站

在網(wǎng)頁(yè)設(shè)計(jì)中——在設(shè)計(jì)過(guò)程中——形式應(yīng)該服從功能。該方法應(yīng)用于我們網(wǎng)站的整個(gè)設(shè)計(jì)過(guò)程。當(dāng)然，我們有最新的Web工具，可以將各種可視化小工具上傳到網(wǎng)頁(yè)上。不過(guò)，我們認(rèn)為這樣做并不利于為游客提供有效的服務(wù)。

讓網(wǎng)頁(yè)變得如此之大，以至于訪問(wèn)者需要通過(guò)典型的調(diào)制解調(diào)器速度的互聯(lián)網(wǎng)連接下載很長(zhǎng)時(shí)間。這并不是說(shuō)不應(yīng)該使用圖形，而是需要仔細(xì)選擇，然后通過(guò)適當(dāng)?shù)膲嚎s和顏色索引進(jìn)行優(yōu)化。

今天的網(wǎng)站仍然存在許多問(wèn)題，這并不奇怪。畢竟網(wǎng)頁(yè)設(shè)計(jì)的“藝術(shù)”還是比較新的。四五年前，網(wǎng)頁(yè)甚至還很普通。當(dāng)時(shí)，人們似乎認(rèn)為他們的網(wǎng)站會(huì)僅僅因?yàn)榇嬖诙L問(wèn)者——也許這種方法在某些情況下是有效的。但是這些網(wǎng)站一般都很丑，更重要的是，它們真的很難用。然后我們進(jìn)入了“看我們能做什么”的階段，在網(wǎng)頁(yè)上添加了大量的動(dòng)畫、聲音文件等附件，導(dǎo)致訪客下載了很長(zhǎng)時(shí)間，卻沒(méi)有得到多少真實(shí)的內(nèi)容。

今天的網(wǎng)頁(yè)設(shè)計(jì)師已經(jīng)吸取了前人的經(jīng)驗(yàn)和教訓(xùn)。好的網(wǎng)站往往會(huì)簡(jiǎn)化和快速，同時(shí)提高其功能。這是微軟的目標(biāo)，我們是第一個(gè)承認(rèn)錯(cuò)誤的人(參考《微軟Web簡(jiǎn)史》看之前的主頁(yè)設(shè)計(jì))。

設(shè)計(jì)錯(cuò)誤并不總是顯而易見(jiàn)的。有時(shí)設(shè)計(jì)會(huì)對(duì)一個(gè)小元素的運(yùn)動(dòng)或變化影響很小或沒(méi)有影響。但是，在其他情況下，它可能確實(shí)會(huì)影響頁(yè)面的功能。如果我們從過(guò)去幾年中學(xué)到了一些東西，那就是小的改變會(huì)使網(wǎng)頁(yè)運(yùn)行不同。

清除過(guò)程

為了避免類似的問(wèn)題，我們?cè)O(shè)計(jì)了一個(gè)清晰的流程來(lái)創(chuàng)建新的服務(wù)(如“搜索”)或關(guān)鍵網(wǎng)頁(yè)(如主頁(yè))。每個(gè)項(xiàng)目都是在特定的基礎(chǔ)上開(kāi)始的，也就是說(shuō)，我們的產(chǎn)品或服務(wù)受益于我們網(wǎng)站上的頁(yè)面、部分或用戶界面元素。在產(chǎn)品規(guī)劃的早期階段(階段1)，我被要求設(shè)計(jì)一些初步模型：粗略描述頁(yè)面、零件或功能的草圖。然后，產(chǎn)品項(xiàng)目團(tuán)隊(duì)檢查產(chǎn)品計(jì)劃提案，看看這項(xiàng)服務(wù)是否真的能給microsoft.com的游客帶來(lái)一些好處。

如果答案是“是”，項(xiàng)目將被批準(zhǔn)，我們將開(kāi)始編寫項(xiàng)目規(guī)范(第2階段)。我們根據(jù)第1階段的草圖和概念創(chuàng)建并提出了一個(gè)更完整的計(jì)劃。在這個(gè)時(shí)候，我們通常開(kāi)始可用性測(cè)試(通常是用書面模型)，以發(fā)現(xiàn)潛在用戶對(duì)計(jì)劃的設(shè)計(jì)會(huì)有什么反應(yīng)。在最后的開(kāi)發(fā)階段(階段3)，我們創(chuàng)建一個(gè)Web原型來(lái)運(yùn)行規(guī)劃服務(wù)，并進(jìn)行全面的可用性測(cè)試和內(nèi)部審查。然后完成網(wǎng)站的代碼，修改程序錯(cuò)誤，最后通過(guò)Web站點(diǎn)的實(shí)際操作將網(wǎng)站發(fā)布給客戶。

如您所見(jiàn)，可用性在整個(gè)過(guò)程中起著重要的作用(參見(jiàn)“創(chuàng)建有效的Web界面需要仔細(xì)規(guī)劃”)。我們可以給用戶計(jì)時(shí)來(lái)運(yùn)行一個(gè)任務(wù)，這樣我們就可以在產(chǎn)品的未來(lái)版本中比較相同的測(cè)試。我們可以用這個(gè)方法來(lái)衡量一個(gè)功能的重新設(shè)計(jì)是否給客戶帶來(lái)了真正的價(jià)值。

此外，我們將仔細(xì)觀察可用性對(duì)象是否能夠計(jì)算如何正確使用新函數(shù)——我們稱之為“可發(fā)現(xiàn)性”的方法。有時(shí)候這給了我們一些挑戰(zhàn)。例如，在我們的網(wǎng)站上，在搜索引擎中鍵入一個(gè)短語(yǔ)或單詞將產(chǎn)生一個(gè)結(jié)果列表。然后，我們要求用戶在這些結(jié)果中選擇搜索，以便進(jìn)行更詳細(xì)的搜索并導(dǎo)向某個(gè)頁(yè)面或資源。然而，即使“在結(jié)果中搜索”被清楚地標(biāo)記在一個(gè)暗標(biāo)簽上，也很少有人熟悉它。一些用戶認(rèn)為他們正在開(kāi)始新的搜索，這可能是徒勞的。我們正在努力

問(wèn)題以確?？蛻艨梢岳?nbsp;microsoft.com 上所有豐富的功能來(lái)提高他們對(duì)此站點(diǎn)的認(rèn)識(shí)。
選項(xiàng)“在結(jié)果范圍內(nèi)搜索”看上去很直觀，但不是非常易發(fā)現(xiàn)的。此問(wèn)題一直是困擾我們的設(shè)計(jì)的問(wèn)題之一。
最后階段
大體來(lái)講，站點(diǎn)設(shè)計(jì)是在發(fā)生沖突的需要之間求得平衡的藝術(shù)。一方面，我要將站點(diǎn)設(shè)計(jì)得盡量簡(jiǎn)單易用。另一方面，我要確保站點(diǎn)中所有強(qiáng)大的工具可為經(jīng) 驗(yàn)豐富的用戶所用。與此同時(shí)，我還要為內(nèi)部客戶服務(wù)–Microsoft 產(chǎn)品項(xiàng)目組–他們對(duì)服務(wù)有特殊的需要。所以每天我都要解決一些非常困難的問(wèn)題，經(jīng)常處于很緊迫的情形中。我發(fā)現(xiàn)這種工作是鼓舞人心和有趣的。
這個(gè)職業(yè)非常需要更熟練的專業(yè)人員。我是經(jīng)過(guò)一系列非常不一般的過(guò)程–在大學(xué)學(xué)習(xí)圖形藝術(shù)，然后在多媒體公司設(shè)計(jì) CD-ROM，最后加入 Microsoft 并開(kāi)發(fā)應(yīng)用程序–才獲得這個(gè)職位的。非常奇怪的是，當(dāng)我申請(qǐng)（并獲得）這份工作時(shí)，我以前從來(lái)沒(méi)有設(shè)計(jì)過(guò) Web 頁(yè)。但是我廣泛的設(shè)計(jì)經(jīng)歷已經(jīng)證明是非常有用的，并且我自認(rèn)為已經(jīng)驗(yàn)證了格言“成功的設(shè)計(jì)就是成功的設(shè)計(jì)”（不論是什么媒體）。許多設(shè)計(jì)問(wèn)題對(duì) Web 來(lái)說(shuō)是獨(dú)一無(wú)二的，解決這些問(wèn)題的方法對(duì)于任何媒體都是一樣的。
對(duì)于那些準(zhǔn) Web 設(shè)計(jì)師我的建議是，他們也應(yīng)該盡可能地?cái)U(kuò)大設(shè)計(jì)背景。今天應(yīng)該確保將一些 Web 工作作為互動(dòng)設(shè)計(jì)培訓(xùn)的一部分–大多數(shù)好的設(shè)計(jì)學(xué)校已將其加入課程中。但是在排版、色彩理論、版面設(shè)計(jì)以及生產(chǎn)等方面的扎實(shí)的技術(shù)將仍然特別有價(jià)值。 在未來(lái)，Web 設(shè)計(jì)師們?nèi)詫?huì)繼續(xù)被要求給頁(yè)面增加更豐富的多媒體內(nèi)容，從而為 Web 站點(diǎn)的可視性和可操作性增加了新一級(jí)的復(fù)雜性和技術(shù)要求。作為 CD-ROM/多媒體設(shè)計(jì)師，要求我必須具有圖形設(shè)計(jì)、視頻、音頻制作、動(dòng)畫等方面的知識(shí)和創(chuàng)作能力。我的預(yù)言是，Web 設(shè)計(jì)師也將向這些領(lǐng)域發(fā)展。
對(duì)于屬于 microsoft.com 的我們–以及在 Internet 上的其它地方–那應(yīng)該是一個(gè)非常有趣的未來(lái)。
了解您的觀眾
調(diào)查一下究竟哪些人在訪問(wèn)您的站點(diǎn)，以及他們?yōu)槭裁匆L問(wèn)。新手或不定期上網(wǎng)的 Web 用戶與軟件開(kāi)發(fā)商相比有非常不同的興趣和站點(diǎn)需要。 使您的站點(diǎn)對(duì)訪問(wèn)者來(lái)說(shuō)有所幫助。
為您的觀眾提供所需的信息
使導(dǎo)航元素保持一致，并且確保對(duì)訪問(wèn)率高的區(qū)域進(jìn)行明顯的標(biāo)記，是它們易于被找到。
使用清楚的消息
確保用戶了解此頁(yè)面的上下文，并且知道需要他們做些什么。如果在注冊(cè)過(guò)程中您要用戶輸入姓名，那么就直截了當(dāng)?shù)卣f(shuō)。不要讓訪問(wèn)者自己計(jì)算什么，他們會(huì)感到沮喪，于是轉(zhuǎn)到其它更簡(jiǎn)單的站點(diǎn)（例如您的競(jìng)爭(zhēng)對(duì)手的站點(diǎn)?。?
保持一致性
雖然更改不同 Web 頁(yè)的外觀并不難，但這并不意味著您應(yīng)該這么做。將主要功能–例如返回“主頁(yè)”的鏈接或者執(zhí)行一個(gè)搜索–放在每頁(yè)的相同位置。在 microsoft.com 上，黑色全局導(dǎo)航工具欄的位置在四十多萬(wàn)頁(yè)上都是一樣的。
使站點(diǎn)可用
牢記設(shè)計(jì)和測(cè)試站點(diǎn)的可用性。確保用戶可容易地執(zhí)行任務(wù)以獲得所需信息。估算任務(wù)時(shí)間和任務(wù)完成率，然后努力進(jìn)行改善。如果新的設(shè)計(jì)沒(méi)有在這些方面獲得改善，那么就不要實(shí)施它。重新從草圖（或最初的計(jì)劃）開(kāi)始并嘗試其它方法。
保持簡(jiǎn)潔
說(shuō)起來(lái)容易做起來(lái)難。嘗試征求反饋意見(jiàn)。 有時(shí)新人可以很容易找到解決方案。
嘗試新的東西
不要害怕打破常規(guī)，嘗試一些完全不同的東西。如果您不試試，永遠(yuǎn)不會(huì)找到真正的答案。

網(wǎng)頁(yè)名稱：專業(yè)網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)—來(lái)自microsoft.com設(shè)計(jì)總監(jiān)
文章來(lái)源：http://m.rwnh.cn/news7/138757.html

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

廣告

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