[轉貼]如何開發一個專業的企業WEB網站(一)

-----設計篇----

一．前期準備工作
>> 明確市場定位
9 @7 n. N2 t7 e+ Z* W2 f
企業正式開發和建設一個WEB網站之前，須先清楚網站所提供產品或服務的對象是哪類群體—這是一個非常關鍵的問題。如果你的目標市場是那些富有的商業專業人士，那麼網站設計應大方得體，簡潔易用；但如果是年輕些的客戶群體，則可以把版面做的生動活潑一些。總之要因人制宜。要記住：網站是要讓目標客戶看的，並吸引他們購買，所以永遠要把客戶的感受放在第一位。
>> 確定網站主題

6 c+ b* G7 d, }1 s6 S5 X企業的WEB網站應具有清晰鮮明的主題。要讓訪問者在讀到主頁的第一段話之後就能清楚該網站大致是做什麼的，而且可以迅速瞭解到網站所提供的產品或服務。若網站提供了多種不同產品，不要把所有產品都羅列到一個網頁中，我們建議大家分門別類，並對每種產品均設立相應的產品頁。
! U7 L8 s4 m" K0 O/ I>> 色彩選擇及搭配
" g; |/ M8 }, z
網站給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的版面佈局，而是網站的色彩。不同的色彩搭配會產生不同的效果，並可能影響到訪問者的情緒。一個網站設計成功與否，在某種程度上取決於設計者對色彩的運用和搭配。因而確定網站的標準色彩是相當重要的一步。
色彩的數量：網站整體使用色彩以兩到三種為宜。顏色過多會使網頁看起來很花哨，但缺乏內在的美感。在顏色選擇和搭配上可借鑒一些國際大公司網站，他們對顏色的選擇相當審慎。

色彩的搭配：色彩搭配一定要合理，給人以和諧愉快的感覺。一般來說，適合於網頁標準色的顏色有藍色，黃/橙色，黑/灰/白色三大系列色。在顏色的搭配上，有幾種比較經典的方案：紅/黃/白; 藍/白; 紅/灰/白; 藍/橙/白; 黃/灰/白。實在不行就去Google一下吧，找一個自己喜歡的網站，看看人家的顏色是怎麼搭配使用的，或許會對你大有啟發。
2 G" N7 {5 z& P* n, W8 q
其它注意事項：避免採用純度很高的單一色彩，這樣容易造成視覺疲勞。避免使用過於明亮或對比過於強烈的顏色，它們會對眼睛造成傷害，如白底黃字等等。顏色對比過於接近或不合理的，如深底淺字，深底深字等(例如深藍色底和黑字)也是設計之大忌。建議最好用淺色背景(當然白色最好)，黑或深色文字。
6 M+ I2 u5 B, y3 _2 x& K
>> 遵循K.I.S.S理念
/ q5 X6 t  Z& W8 O, Q9 U. J
老話說的好：Keep It Simple Stupid。Stupid在這裡指「拙樸」，即務求最簡潔直觀。該設計理念被奉為網站設計、搜索引擎優化和網上商務的黃金規則之一。如果你的網站無法為訪問者提供最直接的產品或服務信息，就等於你在把自己的潛在客戶往競爭對手的網站上送。
1 D7 E, R, y) i: J* M二．設計三要素
無論一個網站是出於什麼目的，若想取得最大的成功，則須保證網站的便利、快速和便宜。這是網站設計中最基本的三個要素。
9 H* D6 e9 k6 l* c9 D0 {要素一：便利性
! t$ ]" V1 Z0 J9 R$ k保證客戶可以用最小的努力得到他們要找的資料信息。要做到這樣，你必須確保網站為用戶提供了充分的便利性。根據這一原則，我們在網站設計中應：
1 B6 c; V  z# w) e- \
, d  A! q  G/ e; M+ l7 p0 H; n. U>> 建立良好網站結構

: j/ X* o& ~5 ?6 z5 v# J9 a$ R在設計時不單需要考慮站點的外觀是否漂亮，還需要考慮到搜索引擎是否能夠很好地支持你的設計結構。我們不建議大家使用下面這些設計形式：
- Frames結構：具有導航清晰且方便維護的優點，但搜索引擎對這類網站在索引上仍有一定難度。
- Flash動畫：網頁視覺效果較好，但搜索引擎同樣在檢索上存在一定難度，而且影響網頁的打開速度。
- 純圖片網頁：搜索引擎一般認為這樣的網站沒有為用戶提供實質的信息內容，因而是無足輕重的。
- [7 M" P. w+ @. ?) K0 _* `- 動態頁面：具有容易維護和更新的優點，但必須瞭解：並非所有的搜索引擎都能夠象對待靜態頁面一樣來對待動態頁面，此外宜使動態頁面的參數可能少。
- Javascript/Java Applets：搜索引擎不支持Java Applets，此外Java設計的網站往往會影響網頁的打開速度。

-----設計篇----
. \( g# j8 N: S$ Z% z, F: V) |9 L
! c* m0 v: h+ g/ z: t>> 建立清晰易用網站導航
" j' Q' V0 b& D: V( y" x
3 c/ x* P- ?9 n7 M) W0 I在網站的開發和設計中，這也是需要重點考慮的一個重要環節。導航系統應保持結構的清晰和連貫性。應力求訪問者輕鬆瀏覽整個網站，並很容易就能夠找到想找的東西。把導航菜單放在頁面左邊或頂部都可以。 同時在每個頁面的下面也放上導航欄也能體現設計的人性化。這樣做一定程度上可以方便訪問者對網站的瀏覽。我們建議最好創建一個模板，並在模板中預先設定好導航菜單的內容，重要的鏈接都可以放進導航菜單中，這樣可以確保網站的整體一致，不但修改起來極為方便，而且也不會把訪問者給弄糊塗。
0 k6 y$ I6 t6 D1 p7 H( q& G1 ^>> 建立高質量豐富內容
& }" O* J. z# i0 {% ^7 z3 _
; B% L( G6 N: e" B% l. s& `- 太花梢的圖片，動畫等內容，或彈出式(pop-up)或「隱形彈出式」(pop-under)菜單。
- 自動播放的音樂。應把是否要聽音樂的決定權交給你的客戶。
( t) W( E4 {4 Z& E: T0 C+ E- 自動的網站點擊計數器。像什麼「你是第1150位來訪者」之類的東西。
9 L9 I! e1 z- Z/ F- Q  j- V- 除非你的網站每天或至少一周更新一次，否則不要在網站上放日我期和時間標誌。
- 背景盡量簡單，避免繁複。
& r: @: Y$ F2 U/ L>> 提供網站地圖/網內搜索功能

6 T% |" O8 v' I網頁數量超過15頁的網站都應該建立一個網站地圖或提供相應的網內搜索功能，這樣一來不但極大地便利了訪問者對站點信息的查找，而且保證了所有重要的頁面都能順利地被搜索引擎檢索。此外還須注意：根據Google的相關規定，一個頁面中的鏈接不得多於100個。若站點地圖頁上的鏈接超過100個，則需要將頁面分成多個頁面。

3 t2 l/ R- \5 w' }. G3 F  V要素二：速度
6 c1 y, L! b* e# m' c% K' B8 G* l>> 保證網站速度

即保證客戶能以最快的速度進出網站。我們生活在一個高節奏的時代，沒人樂意等待，互聯網也不例外。雖然互聯網速度較幾年之前已有了質的飛躍，但事實上技術進步再快，也趕不上人們的要求。所以千萬別試圖挑戰訪問者的耐性。網站打開速度以撥號聯接的訪問者在10到20秒時間內就可以打開你的網站為限。這就要求主頁大小不應超過50KB。
影響網頁下載速度的因素有很多，包括大量圖片，特殊效果等等。可對圖片進行優化，或盡量少用圖片。特殊效果宜適可而止。如果想要「眩」你的網站，建議最多使用一到兩種特殊效果，那些使人眼花繚亂的圖片和圖標往往會分散訪問者對網站內容的注意力，要是這些圖片的下載速度再慢一點，很可能訪問者等不及它們完全打開就失去耐性了。
% E8 Y: u8 R$ J& H: B8 Q
要素三：價格
>> 清楚說明所有收費項目
) G, S0 P# P2 ~" z
清楚地說明所有收費項目往往能夠增加客戶對網站和產品的信任感。
9 F& c' y6 b; f* }) e( e9 Z& R# H* n/ C>> 保證價格的競爭性
. c3 d7 F  a6 \
' [& B$ E% r$ ~# K/ @  h# j6 u網絡是免費信息的沃土，也是淘貨者的樂園。作為網上營銷，必須為產品提供富有競爭力的價格。
三．其它注意事項
3 u& d+ X  D5 {. L+ p' H/ Q; k2 j>> 兼容性
& z% O( }) {! h" J, u9 [3 M
2 L8 ~% {! u5 Z2 h4 d- n" z公司的Internet Explorer。這兩家公司都提供有免費下載服務。應確保網站至少在這兩種主要瀏覽器下都能正常顯示。
此外，除了通過計算機上網外，隨著科技的發展，其它形形色色的上網渠道亦層出不窮，如PDA，手機，車用顯示器，甚至腕表等。因而不難想像，不久之後，網站的兼容性考慮將會佔據越來越重要的地位。
$ F$ l. j& U  D3 w
0 ~, D4 S0 |! a; F# I" K- D>> 字體及大小

2 U- l$ P* `/ y/ A文本內容應選用讓訪問者感覺易讀的字體格式，且字體大小亦應合適。最好不要使用草寫體或斜體字。對英文內容建議使用「Arial」和「Verdana」這兩種字體。
6 @2 T, c3 l0 R2 y# |/ }>> 屏幕分辨率
" P' E" g) H- R% S
應考慮到不同用戶可能使用的不同分辨率，並盡量讓網站在所有最常使用的分辨率下都無懈可擊。此外，水平滾動欄對瀏覽者而言並不是很方便，所以最好盡量避免使用。
- D( ~5 |* P2 p: q>> 恰當的鏈接設置
7 I9 w8 {! o/ L9 W6 g9 Y
9 b( q! p" V6 a; n' W# X$ I為便於訪問者瀏覽完其它網站並關閉該窗口後仍能訪問你的網站，最好將鏈接設置成點擊該鏈接後另外打開一個窗口。此外，一些系統往往把「用戶訪問前顯示為藍色，用戶訪問後顯示為醬紅色」當作默認鏈接顏色設置。如果你的鏈接用的是默認設置，而且版面用的是深背景色的話，就應當注意把鏈接的顏色設為淺色。

up

頂頂