微軟規(guī)劃主管：WEB規(guī)劃經(jīng)歷

從頭銜上，您或許認(rèn)為我首要關(guān)心的是 microsoft.com Web 站點(diǎn)幾千個(gè)網(wǎng)頁(yè)的版面規(guī)劃。的確，這些的確是我所重視的。視覺(jué)上的吸引力是重要的，可是這僅僅是工作的一小部分。而最終的意圖是保證整個(gè)站點(diǎn)運(yùn)轉(zhuǎn)正常。

　　我的意思是，人們通常在拜訪 microsoft.com 時(shí)，并未將它當(dāng)作藝術(shù)作品來(lái)欣賞。而是為了取得有關(guān)產(chǎn)品的信息，或許有一些技能問(wèn)題需求咨詢，或是閱覽有關(guān)開(kāi)發(fā)商的期刊。所以網(wǎng)站的規(guī)劃應(yīng)該盡量清楚和有條理，以便他們能夠簡(jiǎn)單地找到所需信息。

規(guī)劃站點(diǎn)

　　在進(jìn)行 Web 規(guī)劃時(shí)--在規(guī)劃進(jìn)程中--形式應(yīng)該服從功用。這種辦法應(yīng)用于咱們站點(diǎn)的整個(gè)規(guī)劃進(jìn)程中。當(dāng)然，咱們有最新的 Web 東西，而且能夠?qū)⒏鞣N可視的小配件上載到網(wǎng)頁(yè)上�？墒窃蹅冋J(rèn)為這樣做將不利于為拜訪者提供有用的服務(wù)。

事實(shí)上，我常常發(fā)現(xiàn)一些站點(diǎn)未將重點(diǎn)放在功用上。常見(jiàn)的過(guò)錯(cuò)包括：

　　用戶界面元素不一致.例如，同一個(gè)控件在不同的頁(yè)面上功用不同，或許同一個(gè)功用對(duì)應(yīng)幾個(gè)用戶界面控件。

　　導(dǎo)航欄方位不一致。決議站點(diǎn)的哪些頁(yè)和功用需求在站點(diǎn)的任何頁(yè)上都可被拜訪到。這便是應(yīng)該堅(jiān)持一致性的“大局導(dǎo)航欄”。

　　不太注意或根本不注意根本的圖形規(guī)劃準(zhǔn)則，例如排版式樣、顏色和版面的規(guī)劃。

　　相關(guān)元素和功用的隨意分組。注意將元素放置在網(wǎng)頁(yè)上的方位和意圖。這可協(xié)助拜訪者從其它相鄰的選擇和方位來(lái)揣度某個(gè)鏈接的功用。

　　使網(wǎng)頁(yè)過(guò)于龐大,以致使拜訪者需求經(jīng)過(guò)典型的調(diào)制解調(diào)器速度的 Internet 連接進(jìn)行長(zhǎng)時(shí)刻的下載。這并不是說(shuō)不應(yīng)該運(yùn)用圖形，可是您需求對(duì)它們進(jìn)行精挑細(xì)選，然后用恰當(dāng)?shù)膲嚎s和顏色索引優(yōu)化它們。

　　現(xiàn)在的 Web 站點(diǎn)依然存在許多問(wèn)題，這并不奇怪。畢竟，Web 規(guī)劃“藝術(shù)”相對(duì)來(lái)說(shuō)仍是個(gè)新生事物。在四、五年曾經(jīng)，Web 頁(yè)乃至是普通的。那時(shí)，人們?nèi)缤�認(rèn)為他們的 Web 站點(diǎn)將會(huì)吸引拜訪者只是因?yàn)樗鼈兇嬖?-而且，或許在某些情況下這種辦法的確有用�？墒沁@些站點(diǎn)一般很丑陋，而且更重要的是，它們真的難以運(yùn)用。接下來(lái)便進(jìn)入“看看咱們能做些什么”階段，在網(wǎng)頁(yè)中參加了很多的動(dòng)畫(huà)、聲音文件以及其它附加件，導(dǎo)致拜訪者需求長(zhǎng)時(shí)刻地進(jìn)行下載，可是并未取得多少實(shí)實(shí)在在的內(nèi)容。 現(xiàn)在的 Web 規(guī)劃師們已經(jīng)吸取了前人的經(jīng)歷和教訓(xùn)。好的站點(diǎn)傾向于簡(jiǎn)化和快速，一起在功用上有所提高。這是 Microsoft 的方針，而且咱們最先承認(rèn)自己所犯的過(guò)錯(cuò)（參閱“Microsoft 的 Web 簡(jiǎn)史”看一看曾經(jīng)的主頁(yè)規(guī)劃）。

　　規(guī)劃過(guò)錯(cuò)并不總是清楚明了的。有時(shí)在規(guī)劃上對(duì)一個(gè)小元素的移動(dòng)或更改將有很少或根本沒(méi)有影響。可是，在其它情況下，它或許的確會(huì)對(duì)頁(yè)面功用有所影響。而且假如說(shuō)咱們從曩昔幾年學(xué)到了一些東西，那便是小的改動(dòng)會(huì)使 Web 頁(yè)的運(yùn)轉(zhuǎn)方式有很大的不同。

清晰的流程

　　若要防止類似問(wèn)題，咱們?yōu)樾路��?wù)（例如“查找”）的創(chuàng)立或關(guān)鍵的 Web 頁(yè)（如主頁(yè)）規(guī)劃了一個(gè)清晰的流程。 每個(gè)項(xiàng)目都是在必定的基礎(chǔ)上開(kāi)端的，即咱們有一個(gè)受益于咱們站點(diǎn)上的頁(yè)面、部分或用戶界面元素的產(chǎn)品或服務(wù)。在前期的產(chǎn)品方案階段（第 1 階段），我被要求規(guī)劃一些初級(jí)模型：大致描繪頁(yè)面、部分或功用的草圖。然后產(chǎn)品項(xiàng)目組檢查產(chǎn)品方案主張，看看此項(xiàng)服務(wù)是否可認(rèn)為 microsoft.com 的拜訪者真實(shí)帶來(lái)一些實(shí)惠。

　　假如答案是“能夠”，那么此項(xiàng)目會(huì)取得批準(zhǔn)，咱們開(kāi)端寫(xiě)項(xiàng)目說(shuō)明書(shū)（第 2 階段）。咱們?cè)诘?1 階段的草圖和概念基礎(chǔ)上創(chuàng)立并提出一個(gè)更為完好的方案。這時(shí)，咱們一般還會(huì)開(kāi)端可用性測(cè)驗(yàn)（一般會(huì)有書(shū)面的模型）以了解潛在用戶將對(duì)方案中的規(guī)劃做出何種反應(yīng)。 在最終開(kāi)發(fā)階段（第 3 階段），咱們創(chuàng)立運(yùn)轉(zhuǎn)方案服務(wù)的 Web 原型，而且進(jìn)行全面的可用性測(cè)驗(yàn)以及內(nèi)部復(fù)查。然后完成站點(diǎn)的代碼，修改程序過(guò)錯(cuò)，最終站點(diǎn)經(jīng)過(guò)實(shí)際運(yùn)轉(zhuǎn)的 Web 站點(diǎn)向客戶發(fā)布。

　　正如您所見(jiàn)到的，可用性在整個(gè)流程中扮演著重要的人物（參閱“創(chuàng)立有用的 Web 界面需求認(rèn)真方案”）。咱們可認(rèn)為用戶運(yùn)轉(zhuǎn)某項(xiàng)使命計(jì)時(shí)，這樣咱們就能夠在產(chǎn)品今后的版別中比照相同的測(cè)驗(yàn)。咱們能夠運(yùn)用這種辦法進(jìn)行度量，以確認(rèn)一個(gè)功用的從頭規(guī)劃是否為客戶帶來(lái)任何真實(shí)的價(jià)值。 還有，咱們將細(xì)心地調(diào)查以了解可用性對(duì)象是否能夠計(jì)算出怎么正確運(yùn)用新功用--咱們稱為“可發(fā)現(xiàn)性”的辦法。有時(shí)這為咱們提供了一些挑戰(zhàn)。例如：在咱們的站點(diǎn)上，在 查找引擎 中鍵入一個(gè)詞組或字會(huì)產(chǎn)生一列成果。然后咱們請(qǐng)用戶選擇在這些成果中進(jìn)行查找，以便進(jìn)行更細(xì)的查找而且導(dǎo)向某一頁(yè)或資源�？墒羌词埂霸诔晒�范圍內(nèi)查找”被明顯地標(biāo)記在深色標(biāo)簽上，很少有人熟悉它。一些用戶認(rèn)為他們正開(kāi)端新的查找，而且或許毫無(wú)成果。咱們正在處理這個(gè)問(wèn)題以保證客戶能夠利用 microsoft.com 上一切豐厚的功用來(lái)提高他們對(duì)此站點(diǎn)的認(rèn)識(shí)。

　　選項(xiàng)“在成果范圍內(nèi)查找”看上去很直觀，但不是十分易發(fā)現(xiàn)的。此問(wèn)題一直是困擾咱們的規(guī)劃的問(wèn)題之一。

最終階段

　　大體來(lái)講，站點(diǎn)規(guī)劃是在發(fā)生沖突的需求之間求得平衡的藝術(shù)。一方面，我要將站點(diǎn)規(guī)劃得盡量簡(jiǎn)略易用。另一方面，我要保證站點(diǎn)中一切強(qiáng)壯的東西可為經(jīng)歷豐厚的用戶所用。與此一起，我還要為內(nèi)部客戶服務(wù)--Microsoft 產(chǎn)品項(xiàng)目組--他們對(duì)服務(wù)有特殊的需求。所以每天我都要處理一些十分困難的問(wèn)題，常常處于很急迫的景象中。我發(fā)現(xiàn)這種工作是鼓舞人心和風(fēng)趣的。

　　這個(gè)工作十分需求更嫻熟的專業(yè)人員。我是經(jīng)過(guò)一系列十分不一般的進(jìn)程--在大學(xué)學(xué)習(xí)圖形藝術(shù)，然后在多媒體公司規(guī)劃 CD-ROM，最終參加 Microsoft 并開(kāi)發(fā)應(yīng)用程序--才取得這個(gè)職位的。十分奇怪的是，當(dāng)我申請(qǐng)（并取得）這份工作時(shí)，我曾經(jīng)從來(lái)沒(méi)有規(guī)劃過(guò) Web 頁(yè)�？墒俏覐V泛的規(guī)劃經(jīng)歷已經(jīng)證明是十分有用的，而且我自認(rèn)為已經(jīng)歷證了格言“成功的規(guī)劃便是成功的規(guī)劃”（不管是什么媒體）。許多規(guī)劃問(wèn)題對(duì) Web 來(lái)說(shuō)是獨(dú)一無(wú)二的，處理這些問(wèn)題的辦法關(guān)于任何媒體都是相同的。

　　關(guān)于那些準(zhǔn) Web 規(guī)劃師我的主張是，他們也應(yīng)該盡或許地?cái)U(kuò)展規(guī)劃布景。今日應(yīng)該保證將一些 Web 工作作為互動(dòng)規(guī)劃培訓(xùn)的一部分--大多數(shù)好的規(guī)劃學(xué)校已將其參加課程中。可是在排版、顏色理論、版面規(guī)劃以及出產(chǎn)等方面的厚實(shí)的技能將依然特別有價(jià)值。 在未來(lái)，Web 規(guī)劃師們?nèi)詫��?huì)持續(xù)被要求給頁(yè)面增加更豐厚的多媒體內(nèi)容，從而為 Web 站點(diǎn)的可視性和可操作性增加了新一級(jí)的復(fù)雜性和技能要求。作為 CD-ROM/多媒體規(guī)劃師，要求我必須具有圖形規(guī)劃、視頻、音頻制作、動(dòng)畫(huà)等方面的知識(shí)和創(chuàng)作能力。我的預(yù)言是，Web 規(guī)劃師也將向這些領(lǐng)域開(kāi)展。

　　關(guān)于歸于 microsoft.com 的咱們--以及在 Internet 上的其它當(dāng)?shù)?-那應(yīng)該是一個(gè)十分風(fēng)趣的未來(lái)。

了解您的觀眾。 
　　 調(diào)查一下終究哪些人在拜訪您的站點(diǎn)，以及他們?yōu)槭裁匆�拜訪。新手或不定期上網(wǎng)的 Web 用戶與軟件開(kāi)發(fā)商相比有十分不同的興趣和站點(diǎn)需求。 使您的站點(diǎn)對(duì)拜訪者來(lái)說(shuō)有所協(xié)助。

為您的觀眾提供所需的信息。
　　 使導(dǎo)航元素堅(jiān)持一致，而且保證對(duì)拜訪率最高的區(qū)域進(jìn)行明顯的標(biāo)記，是它們易于被找到。

運(yùn)用清楚的音訊 
　　保證用戶了解此頁(yè)面的上下文，而且知道需求他們做些什么。假如在注冊(cè)進(jìn)程中您要用戶輸入名字，那么就開(kāi)門(mén)見(jiàn)山地說(shuō)。不要讓拜訪者自己計(jì)算什么，他們會(huì)感到沮喪，所以轉(zhuǎn)到其它更簡(jiǎn)略的站點(diǎn)（例如您的競(jìng)爭(zhēng)對(duì)手的站點(diǎn)！）。

堅(jiān)持一致性 
　　盡管更改不同 Web 頁(yè)的外觀并不難，但這并不意味著您應(yīng)該這么做。將首要功用--例如返回“主頁(yè)”的鏈接或許執(zhí)行一個(gè)查找--放在每頁(yè)的相同方位。在 microsoft.com 上，黑色大局導(dǎo)航東西欄的方位在四十多萬(wàn)頁(yè)上都是相同的。

使站點(diǎn)可用 
　　牢記規(guī)劃和測(cè)驗(yàn)站點(diǎn)的可用性。保證用戶可簡(jiǎn)單地執(zhí)行使命以取得所需信息。估算使命時(shí)刻和使命完成率，然后盡力進(jìn)行改進(jìn)。假如新的規(guī)劃沒(méi)有在這些方面取得改進(jìn)，那么就不要施行它。從頭從草圖（或開(kāi)端的方案）開(kāi)端并測(cè)驗(yàn)其它辦法。

堅(jiān)持簡(jiǎn)練 
　　說(shuō)起來(lái)簡(jiǎn)單做起來(lái)難。測(cè)驗(yàn)尋求反應(yīng)定見(jiàn)。 有時(shí)新人能夠很簡(jiǎn)單找到處理方案。

測(cè)驗(yàn)新的東西 
　　不要懼怕打破常規(guī)，測(cè)驗(yàn)一些徹底不同的東西。假如您不試試，永遠(yuǎn)不會(huì)找到真實(shí)的答案