重新做網(wǎng)站設(shè)計(jì)對(duì)于網(wǎng)站設(shè)計(jì)師來(lái)說(shuō)是最有樂(lè)趣的事。沒(méi)有什么比一個(gè)空白的Photoshop文件、一個(gè)CSS代碼庫(kù)和一個(gè)充滿(mǎn)可能性的世界更讓人感到興奮了。遺憾的是，我要在這里打破你的美夢(mèng)。

以后我們會(huì)涉及炫酷的設(shè)計(jì)技巧、更炫酷的編程方法和讓網(wǎng)站設(shè)計(jì)師沉醉其中的美麗的設(shè)計(jì)實(shí)例。而現(xiàn)在，我會(huì)說(shuō)說(shuō)重新做網(wǎng)站設(shè)計(jì)背后的商業(yè)問(wèn)題。

對(duì)于這樣一個(gè)不能引起人們興趣的主題，我為什么關(guān)注它呢？很簡(jiǎn)單，一個(gè)設(shè)計(jì)背后的商業(yè)問(wèn)題，可能會(huì)讓一個(gè)網(wǎng)站成功，也可能反過(guò)來(lái)毀掉一個(gè)完美的項(xiàng)目。和你們所有人一樣，我曾經(jīng)參與過(guò)很多項(xiàng)目，在這個(gè)過(guò)程中，我興奮的情緒會(huì)被很多事情沖散，這包括不斷變化的需求、欠明了的設(shè)計(jì)概要和難以合作的客戶(hù)。好在多年的經(jīng)驗(yàn)告訴我，如果你準(zhǔn)備充分，這些危險(xiǎn)都可以極大減少。

今天在給你技巧和知識(shí)來(lái)確保你下一個(gè)的重新設(shè)計(jì)網(wǎng)站項(xiàng)目不會(huì)變成一場(chǎng)噩夢(mèng)。我們會(huì)研究一些話(huà)題，比如：

●重新做網(wǎng)站設(shè)計(jì)的風(fēng)險(xiǎn)；

●充分研究你的項(xiàng)目；

●和客戶(hù)合作；

●測(cè)試你的設(shè)計(jì)；

●面向未來(lái)的網(wǎng)站。

在這些話(huà)題讓你興奮之前，我們一起開(kāi)始思考，什么時(shí)候應(yīng)該重新設(shè)計(jì)網(wǎng)站？

現(xiàn)在是重新做網(wǎng)站設(shè)計(jì)的時(shí)機(jī)么

當(dāng)客戶(hù)或老板讓我們重新設(shè)計(jì)時(shí)，我們會(huì)想要立刻著手行動(dòng)。畢竟，這是我們最喜歡做的。很不幸的是，重新設(shè)計(jì)不一定是最好的方式，而解釋這個(gè)原因的任務(wù)就落到了我們這些網(wǎng)站專(zhuān)家身上。

互聯(lián)網(wǎng)從誕生開(kāi)始就有周期性的重新設(shè)計(jì)文化。每隔幾年，高級(jí)管理人員就會(huì)被他們網(wǎng)站的狀況嚇壞，并要求重新進(jìn)行網(wǎng)站設(shè)計(jì)。老的網(wǎng)站被丟棄，取而代之的是一個(gè)全新的網(wǎng)站。

在短暫的瞬間，這個(gè)新網(wǎng)站點(diǎn)亮了互聯(lián)網(wǎng)。但是，網(wǎng)站內(nèi)容沒(méi)有更新，而技術(shù)不斷發(fā)展，品位也在不斷變化。這個(gè)全新的網(wǎng)站會(huì)逐漸失去光彩，直到該組織為它感到羞恥。

經(jīng)過(guò)幾年的停滯，高級(jí)管理人員再次認(rèn)識(shí)到有必要做些事情，于是，這個(gè)過(guò)程又重新開(kāi)始。

為什么一個(gè)完整的重新網(wǎng)站設(shè)計(jì)很浪費(fèi)

下一次客戶(hù)要求重新設(shè)計(jì)網(wǎng)站時(shí)，要確保和他討論為什么這個(gè)需求可能是錯(cuò)誤的。原因可能包括以下幾點(diǎn)：

●當(dāng)網(wǎng)站被重新設(shè)計(jì)時(shí)，所有的東西都被替代，包括那些運(yùn)作良好的部分。所有東西都從頭開(kāi)始重建。

●在大部分時(shí)間里，網(wǎng)站由于內(nèi)容過(guò)時(shí)并且設(shè)計(jì)一成不變而沒(méi)有效用。雖然它可能每隔幾年會(huì)大放異彩一次，但在其他時(shí)間，它處于尷尬的境地并且不被充分利用。

●用戶(hù)很少能對(duì)重大的變化有良好的回應(yīng)。你只需要看看每次Facebook改版后的公開(kāi)反對(duì)就可以明白這一點(diǎn)?！?〕

●周期性的重新設(shè)計(jì)對(duì)現(xiàn)金流有害，因?yàn)榫W(wǎng)站每隔幾年就需要持續(xù)投資。

●測(cè)試整個(gè)重新設(shè)計(jì)的網(wǎng)站是困難的，因?yàn)楹芏鄸|西都改變了。

●長(zhǎng)時(shí)間沒(méi)有變化讓用戶(hù)沒(méi)有理由再回到你的網(wǎng)站。

在很多情況下，我推薦我的用戶(hù)重新調(diào)整網(wǎng)頁(yè)，而非重新做網(wǎng)站

好設(shè)計(jì)師重新設(shè)計(jì)，杰出的設(shè)計(jì)師重新調(diào)整

2005年，Cameron Moll第一次普及了重新調(diào)整網(wǎng)站而非大規(guī)模重新設(shè)計(jì)的想法?！?〕這個(gè)概念從那時(shí)起不斷發(fā)展，但仍然可以簡(jiǎn)單定義為：重新調(diào)整一個(gè)網(wǎng)站包括一系列隨著時(shí)間推移而漸漸增強(qiáng)的能符合特定商業(yè)目標(biāo)的變化。

換句話(huà)說(shuō)，“重新調(diào)整”的支持者認(rèn)為：一個(gè)網(wǎng)站不需要幾年一次的大規(guī)模翻修來(lái)保持新鮮。相反，他們提出逐步發(fā)展的持續(xù)計(jì)劃，這個(gè)計(jì)劃可以讓網(wǎng)站的效用最大化來(lái)滿(mǎn)足商業(yè)目標(biāo)。這避免了重新設(shè)計(jì)的隱患以及幾年一次昂貴的費(fèi)用重建。

這種思維擺脫了原有的一個(gè)網(wǎng)站要么很完整要么就被關(guān)閉的想法。它承認(rèn)了設(shè)計(jì)需要在持續(xù)測(cè)試中不斷發(fā)展。隨著越來(lái)越多地了解到用戶(hù)行為和喜好，設(shè)計(jì)應(yīng)該吸收這個(gè)新知識(shí)，這樣網(wǎng)站才可以變得更有效。話(huà)雖這么說(shuō)，重新調(diào)整并不適用于每個(gè)項(xiàng)目。

“重新調(diào)整一個(gè)網(wǎng)站是一系列為了滿(mǎn)足特定商業(yè)目標(biāo)而做出的增量改變”

什么時(shí)候重新設(shè)計(jì)比重新調(diào)整更好

盡管事實(shí)上，我喜歡逐步改善網(wǎng)站（比如重新調(diào)整網(wǎng)站），但我在我的網(wǎng)站設(shè)計(jì)事務(wù)所Headscape里的大多數(shù)工作仍然包括完整的重新設(shè)計(jì)。我們盡可能地在大部分情況下將網(wǎng)站當(dāng)前的外觀和感覺(jué)作為起點(diǎn)，但是重建本身往往需要從頭做起。這是因?yàn)楹苌儆芯W(wǎng)站在建立時(shí)就有長(zhǎng)遠(yuǎn)的考慮。我們很少在面向未來(lái)上花心思，這我會(huì)在后面討論。

此外，重新調(diào)整本身可以是做重大的重新設(shè)計(jì)的一個(gè)原因。即使一個(gè)網(wǎng)站已經(jīng)在進(jìn)行重新調(diào)整過(guò)程中，它偶爾也需要完全重新設(shè)計(jì)。原因有二：第一，很多不斷變化的網(wǎng)站會(huì)發(fā)展得不一致，這會(huì)破壞用戶(hù)界面。在一篇鼓勵(lì)逐步改變的文章中寫(xiě)道：“從長(zhǎng)遠(yuǎn)考慮，逐步變化最終會(huì)破壞統(tǒng)一性，從而需要一個(gè)全新的UI結(jié)構(gòu)?！睋Q句話(huà)說(shuō)，每一個(gè)網(wǎng)站最終都需要重新設(shè)計(jì)。

逐步變化的另一個(gè)問(wèn)題是它對(duì)于底層代碼的影響。我們的事務(wù)所曾與一個(gè)客戶(hù)合作超過(guò)6年。在這6年里，我們?cè)诓粩嗑珶挷⒅鸩礁淖兙W(wǎng)站。新功能被添加進(jìn)來(lái)，同時(shí)另一些功能被丟棄?；谟脩?hù)反饋，設(shè)計(jì)風(fēng)格也稍稍調(diào)整過(guò)。所有這些變化最終卻導(dǎo)致了編程的噩夢(mèng)。該網(wǎng)站的一些部分建立在傳統(tǒng)的ASP（動(dòng)態(tài)服務(wù)器頁(yè)面）上，而另一些建立在.NET上。CSS文件因?yàn)槟切┰僖矝](méi)用的代碼而變得臃腫。我們盡最大努力制定計(jì)劃和文檔，但最終整個(gè)底層代碼庫(kù)還是需要重新改寫(xiě)。

不出所料，客戶(hù)在網(wǎng)站看不到任何視覺(jué)差異時(shí)，不愿意付大量的錢(qián)。所以我們將這個(gè)工作和重新設(shè)計(jì)捆綁起來(lái)，達(dá)到了一石二鳥(niǎo)的效果。

雖然逐步改變的過(guò)程比較好，但偶爾的重新設(shè)計(jì)也非常不錯(cuò)。因此，識(shí)別需要重新設(shè)計(jì)的信號(hào)是必不可少的。

重新設(shè)計(jì)的信號(hào)

我們已經(jīng)提到有兩個(gè)信號(hào)表明需要進(jìn)行重新設(shè)計(jì)而不是重新調(diào)整：當(dāng)用戶(hù)界面有不一致時(shí)，以及當(dāng)程序難以管理時(shí)。

一個(gè)與編程有關(guān)的信號(hào)是性能。如果網(wǎng)站受困于嚴(yán)重的性能問(wèn)題，并且逐步改進(jìn)不足以解決問(wèn)題時(shí)，重新設(shè)計(jì)可能就是解決之道。從頭開(kāi)始重新設(shè)計(jì)整個(gè)網(wǎng)站讓你有機(jī)會(huì)通過(guò)消除遺留代碼來(lái)優(yōu)化性能。

如果現(xiàn)有設(shè)計(jì)無(wú)法再優(yōu)化，重新設(shè)計(jì)也會(huì)必不可少。雖然逐步改變通?？梢越鉀Q，但卻極難在不深刻影響剩余部分的條件下改變其他部分。

例如，改變網(wǎng)站底層的網(wǎng)格結(jié)構(gòu)會(huì)影響所有內(nèi)容——包括從導(dǎo)航到字體大小。因此，如果新的不兼容內(nèi)容或屏幕分辨率變化導(dǎo)致網(wǎng)站柵格需要從根本上改變，那么同樣，一個(gè)重大的重新設(shè)計(jì)勢(shì)在必行。

當(dāng)然，選擇重新進(jìn)行網(wǎng)站設(shè)計(jì)而非重新調(diào)整也可能是出于商業(yè)考慮。一個(gè)重大的重新設(shè)計(jì)會(huì)帶來(lái)逐步變化所不能帶來(lái)的宣傳機(jī)會(huì)。此外，在某些時(shí)候重新設(shè)計(jì)是一種必備的激進(jìn)大換血，能給舊網(wǎng)站帶來(lái)全新的生機(jī)。

最后，我推動(dòng)重新設(shè)計(jì)的一種常見(jiàn)理由是，一個(gè)組織發(fā)生了重大更名或重新定位。標(biāo)志的變化只能算作輕微調(diào)整。如果一個(gè)公司想要顯著地改變他們的市場(chǎng)定位，則這會(huì)影響到從目標(biāo)受眾到內(nèi)容和視覺(jué)表現(xiàn)的一切。而如常見(jiàn)的那樣僅僅在網(wǎng)站上放上一個(gè)新標(biāo)志，則遠(yuǎn)遠(yuǎn)不夠。品牌不僅僅是一個(gè)標(biāo)志。無(wú)論你選擇重新設(shè)計(jì)或重新調(diào)整，它都需要有合理的原因。

改變的原因

就像Cameron Moll在他的文章中所提到的，僅僅因?yàn)楝F(xiàn)有的網(wǎng)站看上去很舊就進(jìn)行重新設(shè)計(jì)，理由是不夠充分的。變化需要由商業(yè)目標(biāo)驅(qū)動(dòng)。改變的典型理由如下：

●市場(chǎng)潮流的變化

●商業(yè)模式的變化

●轉(zhuǎn)化率的下降

●有關(guān)于網(wǎng)站的用戶(hù)支持請(qǐng)求的增加

●品牌的重新定位

請(qǐng)注意，商業(yè)動(dòng)機(jī)（而非純粹的美學(xué)）及其結(jié)果都會(huì)受益于當(dāng)前的行動(dòng)。換而言之，如果你的轉(zhuǎn)化率在下降或者你的商業(yè)服務(wù)變化了，你不會(huì)愿意等兩年才來(lái)通過(guò)重新設(shè)計(jì)解決問(wèn)題。

這就是為什么逐步變化往往更好。無(wú)論線(xiàn)上線(xiàn)下，事物都在飛速變化。如果你希望你的網(wǎng)站在最高效地運(yùn)營(yíng)，那你就不能等待重大的改變。

根據(jù)實(shí)際情況，一個(gè)網(wǎng)站的改變可以細(xì)小到文本調(diào)整，也可以重大到整個(gè)用戶(hù)界面的重新設(shè)計(jì)。無(wú)論是哪種情況，當(dāng)考慮到現(xiàn)在是否是改變網(wǎng)站的時(shí)機(jī)時(shí)，這些決定都應(yīng)該是業(yè)務(wù)驅(qū)動(dòng)的，并且是作為一個(gè)持續(xù)發(fā)展和漸進(jìn)的過(guò)程的一部分。遺憾的是，改變網(wǎng)站同時(shí)也會(huì)帶來(lái)危險(xiǎn)。