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

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

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

從標題來看，你可能認為我主要關心的是microsoft.comWeb站點上數(shù)千頁的布局設計。事實上，這些是我關心的問題。視覺吸引力很重要，但這只是工作的一小部分。最終目的是保證整個網(wǎng)站正常工作。

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

設計網(wǎng)站

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

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

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

今天的網(wǎng)頁設計師已經吸取了前人的經驗和教訓。好的網(wǎng)站往往會簡化和快速，同時提高其功能。這是微軟的目標，我們是第一個承認錯誤的人(參考《微軟Web簡史》看之前的主頁設計)。

設計錯誤并不總是顯而易見的。有時設計會對一個小元素的運動或變化影響很小或沒有影響。但是，在其他情況下，它可能確實會影響頁面的功能。如果我們從過去幾年中學到了一些東西，那就是小的改變會使網(wǎng)頁運行不同。

清除過程

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

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

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

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

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

分享名稱：專業(yè)網(wǎng)站設計經驗—來自microsoft.com設計總監(jiān)
當前鏈接：http://jinyejixie.com/news/138757.html

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

廣告

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