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

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

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

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

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

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

●和客戶合作；

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

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

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

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

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

互聯(lián)網(wǎng)從誕生開始就有周期性的重新設(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)容沒有更新，而技術(shù)不斷發(fā)展，品位也在不斷變化。這個(gè)全新的網(wǎng)站會(huì)逐漸失去光彩，直到該組織為它感到羞恥。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

“重新調(diào)整一個(gè)網(wǎng)站是一系列為了滿足特定商業(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)前的外觀和感覺作為起點(diǎn)，但是重建本身往往需要從頭做起。這是因?yàn)楹苌儆芯W(wǎng)站在建立時(shí)就有長遠(yuǎn)的考慮。我們很少在面向未來上花心思，這我會(huì)在后面討論。

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

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

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

雖然逐步改變的過程比較好，但偶爾的重新設(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)用戶界面有不一致時(shí)，以及當(dāng)程序難以管理時(shí)。

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

如果現(xiàn)有設(shè)計(jì)無法再優(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ì)勢在必行。

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

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

改變的原因

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

●市場潮流的變化

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

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

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

●品牌的重新定位

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

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

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