無論你是編程高手，還是技術愛好者，在進行Web開發(fā)過程中，總避免不了犯各種各樣的錯誤。

犯了錯誤，可以改正。但如果犯了某些錯誤，則會帶來重大損失、遺憾。令人驚訝的是，這些錯誤往往是最普通，最容易避免。下面將列舉最需要注意的五大錯誤。

1.  “重新發(fā)明輪子”

你希望把自己的網站打造成***、與競爭對手相區(qū)別的網站，這一點我們理解。

但你不必“重新發(fā)明輪子”。

蘋果并不是從零開始設計iPhone的。它是由不同的微處理器、鋰電池、固件、電容性屏幕及所有包裝組裝而成的漂亮的智能手機。即便它的專利操作系統(tǒng)iOS也是模仿UNIX操作系統(tǒng)設計而成。

所以，不要因為模仿了他人的網站，而覺得羞愧。他們的網站可能也是模仿他人網站而來。基于現存的、集合的、他人的智慧去創(chuàng)造，是人類的天性，也是推動人類社會發(fā)展的主要方式。

你不必要求自己設計出的網站舉世***、精彩絕倫。只需要在外觀和感覺上比其他網站略勝一籌即可。

如何避免該錯誤呢？

• 找到你、客戶喜歡的網站，了解一下該網站風格，并體會一下你所欣賞的地方。然后在Google中鍵入與你商業(yè)相關的關鍵字，并點擊搜索列表中前幾條結果。
• 訪問similarweb.com，看看其他哪些網站出現在你的視野里。
• 同時，你也可以使用如iSpionage.com這樣的網站，來快速了解你競爭對手有哪些。

你自認為很清楚你的直接競爭對手是誰。其實，當你的目標用戶在Google中根據搜索條件搜索出來的網站，才是你真正的競爭對手。那些運用Google Adwords的競爭對手正在強烈地吸引并獲得你目標用戶的注意力。

2.  不清楚你希望訪問者做什么

當訪問者訪問你網站時，你希望他們做什么？

仔細思考片刻……

事實上，僅有一小部分訪問者會按照你希望的去做。在互聯網世界里，獲得2~5%的轉化率已很不錯了。想一下，100個訪問者中才有2個人。別讓這個數字再低了！

你需要為訪問者定義清晰的目標。

• 如果你涉足的是服務行業(yè)，希望訪問者給你打電話，那你就要把電話號碼放在導航的頂部。
• 如果是電子商務行業(yè)：你可能希望訪問者記住你熱銷的產品，或者最驚人的銷量。

一旦你清楚了你想讓用戶做什么，那么你就可以去設計每個單獨頁面，及網站的導航結構，去試圖達到該目標。

為所有網頁設計統(tǒng)一的風格主題，并增強訪問者在網站上的用戶體驗。

3.  把自己想像成Web設計者

尤其對于那些會使用Photoshop的開發(fā)者來說。

利用Photoshop將你的“設計”設計得更美觀些，會浪費掉很多時間。有很多隱含的因素，可能會花費你很多很多時間，如顏色組合、字體樣式、字體大小、對齊、空白等等，而這對于專業(yè)的Web設計師來說卻是輕而易舉的。

如何避免它？

較好的方法是雇傭一個平面設計師。你可以在99designs.com這樣的網站中舉行一個Web設計競賽，以發(fā)現你喜歡的設計者。

4.  你所理解的，認為Web設計師也一定理解

這是問題的另一個極端。你可能想把所有工作外包出去。但外包設計師可能并不像你一樣了解你的商業(yè)及你的客戶。你知道并理解所有的需求，但外包設計師了解你所需要的最終視覺產品嗎？

如何避免它？

可以使用Balsamiq或Mockingbird工具創(chuàng)建一些線框圖。這樣可以讓你專注于思考訪問者的體驗，可以幫助你組織、構造你的內容。

這也為你的Web設計者提供了可參照的框架，便于他們理解你心里所想的。它可以加速網站的構建過程。

5.  基于定制平臺構建網站

除非是構建Web應用或SaaS企業(yè)網站，否則***使用通用框架。

• 如果你需要不斷地更新企業(yè)的內容，可以使用CMS，如WordPress、Joomla、Drupal等。
• 如果你想在線銷售某物品，需要一個購物車平臺，可能用bigcommerce.com、shopify.com、Yahoo Store這樣的平臺。

使用已廣泛采用的平臺，最主要的原因是這樣的平臺具有好的可維護性。你不希望世界上僅有少數人可以更新和升級你的網站吧。

從一個平臺遷移到另一個平臺也是一件痛苦的事，所以請明智選擇你的平臺。

如果你的網站交由代理商來建設，一定請他們采用知名度高的平臺，不要使用代理商的“專利”平臺。

結論

你之前可能已經了解該文提到的內容。但你是否利用已有知識來避免這些問題呢？你是否因為沒有采取任何避免它們的措施，而一次次地掉進同一陷阱中？向后退一步，仔細回顧問題所在，制定一個策略來避免它們，從而實現你的計劃。

原文鏈接：http://www.iteye.com/news/28116

譯文鏈接：http://www.sitepoint.com/5-critical-web-development-mistakes/