您的產品或服務的擴展知識
除了常規(guī)的
網站建設產品知識,您還需要對這些知識進行延伸,您可以通 過專業(yè)文章,白皮書等方式,發(fā)表您在行業(yè)中的造詣,擴展知識可以提高您的企業(yè)在行業(yè)中的權威并贏得話語權,這些內容需要有一定的見地,能贏得行業(yè)認可,您也可以將這些文章在別的媒體發(fā)表,并提供對您網站上類似內容的鏈接,這也是提高您站點 SEO 排名的好的途徑。
產品的購買和促銷信息
要讓最終對您的產品動心的用戶知道如何去購買您的產品。您可以提供您在各地的經銷商的詳細聯(lián)系方式,您的專賣店的地址,電話,交通,營業(yè)時間,您的產品的訂購細節(jié),指導價格,付款方式,派送或發(fā)運方式,這些內容需要精確,細致,這些內容的消費者即將成為您的正式用戶,是您前面苦心經營的結果,絕對不應該在這里讓他們走掉。
網站幫助信息
一點也不奇怪,常常有一些網站讓人摸不著頭腦,您不知道應怎樣使用它們。對一些界面不是很明顯的網站,應該包括方便的幫助信息,幫助用戶使用您的網站,這些幫助信息應當非常及時(Handy),您在不知所措地時候,能立即找到。一定不要象傳統(tǒng)軟件那樣,將所有幫助信息編譯到一個龐大的文件里,讓用戶自己找,幫助信息應當就在使用現(xiàn)場或附近。
常見問題及解答(FAQ)
FAQ 內容應該放在非常顯眼的位置,F(xiàn)AQ 是幫助用戶迅速上手的好途徑,因為 FAQ 是絕大多數(shù)人關心的問題及解答,有經驗的用戶來到一個新企業(yè)網站會直接去找 FAQ 以便迅速了解他/她想知道的東西,因為絕大多數(shù)用戶沒有耐心去一頁一頁地瀏覽您的內容,他們會看看其他人都問過什么,以及您是怎么回答的。
法律聲明(版權,隱私條款,使用條款,免責聲明等)
雖然不是每個企業(yè)都有法律顧問,但您總能找到一些適合您的聲明內容,結合您的實際情況,將這些聲明放到您網站的底部,它們可能沒有多少非常顯示用處,但在萬一出現(xiàn)糾紛的時候,這些聲明可以降低您的麻煩。
職位空缺與招聘信息
如果您曾被評為好雇主,將招聘和職位空缺信息放到自己的網站,比放到專業(yè)招聘媒體也許更有效,能主動到您的網站尋找工作機會的人必定對您仰慕已久,您應當重視這些有心人。
專用于大客戶和合作伙伴的內容
您可以在網站上開辟專門的區(qū)域,供您的 VIP 客戶或合作伙伴使用,您可以為不同客戶提供個性化內容,這種服務體驗是非常讓客戶舒心的,我的一個 Comsharp CMS 客戶便在他的網站上為大客戶建立了一個訂單跟蹤系統(tǒng),每個客人的每份訂單,都發(fā)布在上面,包括訂單日期,產品,金額,運期,裝運資料,裝運單據副本,付款情況,一目了然,每個客戶只要使用他們自己的帳戶登陸,就會看到自己所有訂單的執(zhí)行情況。我另有一個 Comsharp CMS 客戶從事工藝禮品出口業(yè)務,他們的產品針對不同市場,他為不同市場的客戶提供了不同的產品目錄區(qū),客戶登陸后,只看到與他們相關的產品資料,不僅節(jié)省了時間,還避免了競爭對手對機密資料的竊取。
如果您是上市公司,您應該公開上市資料
您的股東,董事會成員,您的股份分布,股票價格,財務報告,利潤,分紅等等資料,上市公司需要透明感,您需要將這些必須對股東公開的資料發(fā)布到網站上,并隨時更新。
Blog, BBS, Comments 等動態(tài)內容,您的網站上也可以提供團隊成員的博客,公眾討論區(qū),員工交流區(qū)域,同客戶的交流區(qū),用戶評論等內容,這些動態(tài)內容讓您隨時了解用戶的需求和抱怨,以便及時改進自己的產品和服務。
內容是一個網站最有價值的部分,內容為王就是這個意思,用戶訪問您的網站的唯一目的是獲取有價值的內容,豐富的內容,準確的內容,不斷更新的內容是成功企業(yè)網站的三個要素。
好企業(yè)網站的 101 項指標中,有 23 項是關于內容的,我們把內容放在首位,事實上,您應該把 80% 的重心放在內容上面,這 23 項內容指標分別為:
豐富的內容
一個內容匱乏的企業(yè)網站,給用戶帶來的失望是難以想象的,用戶通過搜索引擎,廣告,或朋友介紹來到您的網站,是帶著需求而來,他們對您的企業(yè),產品,服務缺乏了解,在這個時候,企業(yè)網站是最應該發(fā)揮價值的時候,好的企業(yè)網站的建設者應該揣摸用戶的需求,他們?yōu)槭裁磥恚M吹绞裁?,他們會遇到什么問題,我們怎么解決,帶著疑問而來的用戶是最有潛在價值的用戶,您的內容無論多么周到都不為過。然而現(xiàn)實的情形是,用戶除了一些漂亮畫面,什么也沒看到,您的產品,產品的特點,價格,包裝,生產周期,服務,支持文檔,問題及解答等等,用戶希望這些內容越詳細越好,很多企業(yè)具有這樣的心理,我們只是放一點產品資料上去,用戶感興趣,自然會和我們聯(lián)系。
事實上,如果您的這些資料過分簡陋,匱乏,用戶會對您的實力產生懷疑,我曾經為一個從事機床附件出口的企業(yè)提供 IT 咨詢服務,那是一個非常成功的公司,有一次,他拿出他們的產品目錄給我看,那本目錄有 500 頁厚,上面密密麻麻地編排著非常詳盡產品數(shù)據,我看到那本目錄的一瞬間就知道他們?yōu)槭裁闯晒α?。企業(yè)網站也是一樣。
準確的內容
沒有用戶會容忍您網站上的錯誤,他們會覺得您不專業(yè),不認真,如果一個企業(yè)在網站這些軟的東西上都錯漏百出,它的產品也不會好到哪里去。您在創(chuàng)作站點內容的時候,需要不斷檢查,校對,最終,也是最重要的,您要以一個用戶的身份經常訪問自己的網站,您會發(fā)現(xiàn)很多錯誤,這時您一定不要等待,不要說過兩天我就改正,過兩天的意思是您永遠都不會去改正這些錯誤,有一些企業(yè),他們網站上提供的電話是永遠也打不通的,因為那個號碼早就變了,您應該立即更正,現(xiàn)代的 CMS 網站可以讓您非常容易地實現(xiàn)這一點。
不斷更新的內容
這幾乎是目前中小企業(yè)網站的通病,這些網站的大多來自企業(yè)主管的一次心血來潮,他們花了大量時間和預算建設了網站,以為這樣便完事大吉,從此便將這個網站拋在一邊。永不更新的網站對只來一次的用戶來說沒有什么,而只來一次的用戶對企業(yè)也往往帶不來銷售,然而,如果用戶對您產生興趣,他們就會再來,只有對您的產品和服務有意購買的用戶才會頻繁來訪,如果您的網站從不更新,對您無意的用戶可能不會覺察,對您有意的用戶一定會看到,從不更新的網站恰恰是給您最有價值的用戶帶來疑慮,他們會懷疑您的業(yè)務已經停頓。
內容要專業(yè)
內容一定要能夠體現(xiàn)您的企業(yè)素質,用戶和您建立消費關系之前,他們會通過網站上的內容揣測您的產品和服務,您網站上內容代表您的產品,專業(yè)的內容會讓用戶相信的產品和服務也足夠專業(yè)。同時,專業(yè)的內容往往具有權威性,您的內容可能會被很多人引用,鏈接,無形中為您帶來廣告宣傳作用。
具有原創(chuàng)性
這不僅是版權問題,也關系到您的公信力。優(yōu)秀的企業(yè)有自己的見解,有話語權,如果您的網站只是摘錄別人的內容,會讓人覺得您的企業(yè)也毫無建樹。原創(chuàng)性的內容是建立您的話語權的最重要途徑,任何企業(yè)都應該通過專業(yè)文章,行業(yè)標準,白皮書等內容建立自己的權威。
內容要完整
傳統(tǒng)企業(yè)網站的建設流程一般是這樣,企業(yè)事先提供內容給設計人員,設計人員再將這些內容編排發(fā)布到網站。很多企業(yè)無法一次就把完整的內容收集齊全,大家往往說,這一段暫時沒有,等過兩天再整理一下,同樣,過兩天的意思是,這段內容便永遠缺失了。我見過無數(shù)內容殘缺不全的企業(yè)網站,或者某個產品缺少圖片,或者某段內容在默認語言版本中有,進入別的語言版本卻空著,或者點擊了某個下載鏈接卻返回404錯誤。
您需要不斷訪問自己的網站,仔細檢查那些內容不完整的地方,如果某段內容不完整,與其放在那里讓用戶迷惑,還不如將它拿掉。同樣,現(xiàn)代的 CMS 網站允許您隨時補充您的內容,要持續(xù)地這樣做。
內容要包含圖文,但以文字為主
有言道,片圖抵千言(A PIcture Is Worth A Thousand Words),圖片,表格,以及必要的多媒體素材(視頻,F(xiàn)lash,音頻)等等可以幫您更好地表達,也會讓您的用戶不至于太枯燥,但這些素材不可過多,您的內容仍然應該以文字為主,過多的媒體會讓頁面很難迅速打開。
內容要體現(xiàn)企業(yè)的價值觀
您不可使用有違企業(yè)價值觀的內容,一個供黑客使用的網站可能包含一些系統(tǒng)破解文章,但這樣內容無論如何也不會出現(xiàn)在微軟的網站。您的內容應該向訪問者傳遞健康,積極的信息,網站是公眾媒體,任何不當?shù)难哉摱伎赡転槟钠髽I(yè)帶輿論方面的問題。
要區(qū)分不同地域與文化的受眾
最基本的要求,如果您是一家國際性的企業(yè),您的網站至少要包含一個英文版和一個本地語言版本,如果您的主要市場是,比如說德國,那么,提供一個德語版本也不為過。不同語言版本之間的內容不是簡單的互譯,內容要基于當?shù)氐臉I(yè)務狀況,文化與風俗,這一點,著名的殺毒軟件制作商 Kaspersky 做得非常好。
企業(yè)網站最基本的內容包括,企業(yè)資料(profile)是用戶快速了解企業(yè)的重要途徑,您的歷史,發(fā)展,業(yè)績,您的主要業(yè)務,市場,雇傭狀況等等,只要是可以公開的信息,都應該讓用戶看到,要盡可能詳細。
公司動態(tài),企業(yè)或行業(yè)新聞
這些內容應該出現(xiàn)在主頁,用戶一進來就可以看到,這是保持您的網站持續(xù)更新的好的方法,您的新產品,新業(yè)務,展覽計劃,促銷活動,本行業(yè)的新聞,市場觀察,產品路線圖等等,通過這些新聞動態(tài),讓用戶時刻覺得您的企業(yè)充滿活力,您的業(yè)務在持續(xù)發(fā)展。您可以使用企業(yè) Banner 圖片的形式,將最新動態(tài)制作成吸引人的圖片,動畫,微軟的網站每隔幾天就會用一些非常清新的 Banner 圖片展示他們企業(yè)動態(tài)。
團隊信息
一定將您的團隊資料發(fā)布到網上,如果一個用戶對您的產品感興趣,他對您的團隊也會充滿好奇,為什么不滿足他們,同時,如果能親眼看到產品團隊,很多用戶會打消對您的產品的疑慮,團隊信息可以增強您產品的透明感。團隊信息可以包括團隊的教育背景,行業(yè)經歷,專業(yè)造詣以及他/她在團隊中所起的作用。如果您的團隊成員有自己的博客,也可以提供他們的博客鏈接。
您的產品或服務
這是企業(yè)網站必不可少的,產品和服務信息要足夠詳細,事實上您在這方面的內容投入應該永不停息,只要您的產品在改進,新產品在開發(fā),新服務在開拓,您就應該隨時將這些新的內容展示給用戶。產品資料包括產品規(guī)格,特點,在同類產品中的優(yōu)勢,劣勢,產品的尺寸,材質,包裝,價格(或者至少是價格范圍),圖片,生產周期,不要等用戶打電話來問,您應該讓用戶直接在網站上了解到您以為需要在電話中才能說清的東西。
服務與支持
企業(yè)網站越來越成為企業(yè)提供服務與支持的中心,您在電話中向用戶反復解答的各種問題,都應該在服務與支持中體現(xiàn),這可以使用戶在24小時之內隨時獲得幫助。服務與支持內容可以包括產品文檔,使用技巧,疑難排解,安裝與維護說明等等,企業(yè)應當不斷積累服務與支持方面的內容,并對這些內容組織,整理,規(guī)范,形成完整的產品知識庫,這可以顯著降低人工支持的成本和壓力。
第二章:易用性
好的內容是用來使用的,不管您的內容多么精彩,如果它們很難訪問,用戶照樣會離開,易用性不僅僅牽扯到技術,更多的是良好的 Web 創(chuàng)作習慣,易用性包含34條規(guī)則,它們是:
只使用成熟,簡單,兼容的技術
Web 技術一直在發(fā)展,因為 Http 協(xié)議最初只是為了表現(xiàn)簡單的超文本,當人們賦予 Web 越來越多的使命的時候,Web 的局限性就表現(xiàn)出來了,為了解決這些問題,人們在 Web 上面附加了很多新技術以增強 Web 的表現(xiàn)能力,Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到現(xiàn)在炙手可熱的 AJAX 技術,然而這些新技術很快帶來了兼容性問題,因為 Web 內容要靠瀏覽器解釋,不同的瀏覽器加不同的安全配置,導致這些新技術并不能被如期地渲染出來,比如,很多在 IE 中成熟運行的 ActiveX 在非 IE 內核的瀏覽器中根本無法使用,隨著眾多瀏覽器以及 Web 用戶對這些新技術的揀選,我們慢慢得到了一個大家都認可的清單,現(xiàn)在,各大瀏覽器都支持,而且用戶也樂于接受的 Web 附加技術是:
Cookie, Javascript, CSS
如果您希望您的企業(yè)網站能在絕大多數(shù)環(huán)境下被無障礙的訪問,請謹慎使用除此之外的技術,這里我們需要特別說一下 AJAX 和 Flash,它們也被很多人認可,而且 AJAX 事實上是基于 Javascript 的,然而,AJAX 同時要使用在某些瀏覽器安全配置下容易被禁用的 XMLHTTPRequest 對象,事實上,我的 IE 瀏覽器的安全配置就禁用 XMLHTTPRequest ,所以,除非加入到可信任站點,否則我連 Google Map 都無法順暢訪問。Flash 是一種偉大技術,在線廣告幾乎是它最好的使命,作為易用性規(guī)則,我們不排斥以 Flash 技術提供廣告,但 Flash 絕對不可以用在站點導航等站點基礎結構中。
不使用任何網頁特效
雖然網頁特效并不一定涉及不兼容技術,但網頁特效對絕大多數(shù)人來說是非常厭煩的,企業(yè)網站絕對不應該使用那些僅僅為了好玩的網頁特效,除非您還生活在90年代(現(xiàn)在已經是2007年),或者您只有14歲。最令人厭煩的網頁特效包括,要求設為主頁,接連彈出的窗口,全屏窗口,改變鼠標光標,在狀態(tài)條上滾動的廢話,頁面內容禁選,禁止查看源代碼,閃爍的文字,離開時的彈窗,顏色古怪的窗口滾動條,聲音背景??纯?Builder.com 怎樣看待這些愚蠢的網頁特效。
需要記住一條,訪問者永遠都不會因為您使用了一種自認為很 Cool 的特效而覺得您了不起。
清晰,統(tǒng)一的導航
用戶在您的企業(yè)網站找到有用內容的唯一途徑是通過站點的導航系統(tǒng),您需要花大力氣來組織您的內容,保證讓用戶以最快的速度找到它們。導航系統(tǒng)必須清晰,他們應該和站點的其它內容用不同的顏色搭配以便在網頁上突出出來,同時,每個頁的導航系統(tǒng)應該完全一致,從一個頁面進入另一個頁面看到完全陌生的導航系統(tǒng)是非常令人沮喪的。
導航深度不超過三級
雖然很多人覺得這太絕對,事實上,用戶需要點三次才能找到自己想要的內容仍然太多,那種一級一級下潛的導航菜單是令人生畏的,很多人會產生進去以后便找不到路回來的恐懼,如果您能夠很好地組織自己的內容,結合分頁機制,Tag機制,對絕大多數(shù)網站,三級導航深度已經足夠使用了。
導航鏈接中必須包含文字
為了美觀,許多人喜歡圖片按紐式的導航鏈接,如果您堅持這樣做,也無可厚非,但一定在圖片上同時加上文字,讓文字體現(xiàn)該鏈接的含義,因為除了設計者,外人往往很難猜測您的圖片按紐的含義,文字是最直接,最精確的。
必須有純文本版本的站點地圖
當用戶在您的令人眼花繚亂的站點導航中徹底迷失的時候,純文字版的,簡單直接的站點地圖還可以救急,站點地圖可以幫助用戶快速找到他們想要的內容,這是對導航系統(tǒng)的補充,甚至對有些站點來說,比導航系統(tǒng)更有效。另外,純文本版的站點地圖非常容易被搜索引擎抓取并以此遍歷您的整個站點。
必須有面包屑導航條
面包屑導航(Breadcrumb Navigation)這個概念來自童話故事"漢澤爾和格雷特爾",當漢澤爾和格雷特爾穿過森林時,他們在沿途走過的地方都撒下了面包屑,讓這些面包屑來幫助他們找到回家的路,所以,面包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。
每頁都有自己的標題
許多企業(yè)網站的所有頁的標題都是企業(yè)的名字或者一句口號,這會讓用戶不知道他們訪問的當前頁是說什么的,每頁都應有一個和本頁內容匹配的標題,這樣,即使用戶打開了很多窗口,仍然可以通過標題知道哪一頁是說什么的。從 SEO 的角度看,在標題中使用本頁內容中某些關鍵詞是非常好的習慣,而且,當您的頁面出現(xiàn)在搜索引擎的搜索結果中時,您的頁面標題應當明確地告訴搜索者他們搜到的頁面是關于什么的。
任何頁都有一個鏈接指向首頁
人們進入一個陌生的地方,當感到迷失或不安的時候,會立刻想到返回入口位置,訪問者進入您的網站也是這樣,每頁都有一個指向首頁的鏈接可以幫助用戶在感到迷失的時候,迅速返回入口重新開始。
網站的 Logo 指向首頁
這一條似乎沒有什么道理,但幾乎所有望站都遵守這樣的約定,當很多人都這樣約定的時候,您沒有理由例外。
對于連貫性內容(sequential content),應提供向導式導航,比如說,您在網站上發(fā)表很長的系列文章,您應該將文章分成多個章節(jié),用戶看完這一章以后,下面應該有兩個鏈接,分別指向上一章和下一章,這樣,用戶不必滾動回頁面上方訪問導航系統(tǒng),他/她可以直接點這兩個鏈接在文章中前進或后退,這樣不僅節(jié)省用戶的時候,還可以帶來連貫閱讀的快感。
全文搜索
如果用戶不愿一頁一頁地翻看您的網站,您應當提供全文搜索功能,雖然您的搜索功能比起專業(yè)的搜索引擎還差很多,但可以幫助您的用戶快速找到他們感興趣的內容,不要使用 Google 等商業(yè)引擎的搜索代碼進行搜索,與其那樣還不如讓用戶直接到 Google 中去搜索,您應當提供一個本地搜索功能,不需要象 Google 那樣強大,因為您不需要支撐那么大的用戶量,也不需要搜索那么龐大的海量信息,您網站的本地搜索功能對用戶來說,可能比 Google 更有幫助。
不使用歡迎頁
當 Flash 如火如荼的時候,設置一個歡迎頁,向用戶播放一段精美的動畫是很多企業(yè)網站的追求的模式,然而這種想法實在糟糕,很多人沒有耐心等待那段漫長的動畫下載完畢便離開了,您能想象去超市買東西前,需要先在門口看一段歡迎影片才能進去嗎?您應當讓用戶直接進來,一進來就看到實質的內容,不要用您的浪漫想法浪費用戶的時間,而且,由于搜索引擎也要首先經過這個歡迎頁面才能深入到網站內部,一個讓搜索引擎無法解讀的 Flash 動畫會讓搜索引擎認為您的網站上什么東西都沒有。
任何圖片必須設置 ALT 和 TITLE 屬性
在您的圖片完全下載之前,瀏覽器無法把它們顯示出來,或者,某些瀏覽器可能關閉了圖片顯示,或者您的圖片資源可能丟失了,這個時候,ALT 或 TITLE 屬性會讓瀏覽器將圖片的描述性文字顯示在圖片的位置,讓用戶至少知道那個位置準備將要顯示的是什么。這個屬性也幫助搜索引擎更好地理解您的圖片。
如果圖片要以縮略圖形式顯示,使用真正的降低了尺寸的縮略圖,不要只是改變圖片的寬度和高度屬性
這可以顯著降低頁面尺寸。
鏈接必須擁有可標識的視覺特征
藍色字體加下劃線是所有人都認可的鏈接的視覺特征,人們會用鼠標去點這樣的地方,然而每個網站都有自己的配色風格,您的頁面背景可能導致藍色字體無法清楚地顯示,這沒有關系,您應當為全站的鏈接設置一致的視覺特征,已經訪問過的鏈界要與不同的視覺特征。
任何頁都有一個打印友好版本
網頁是用來在屏幕上顯示的,不是設計為用來打印的,所以,使用 IE 瀏覽器的打印功能打印出來的網頁總是不理想,如果您希望用戶能順利地打印您的內容,您應該對每個頁面都提供一個打印友好版本,打印友好版本中可以將導航系統(tǒng)等過分浪費空間的東西隱藏起來,讓真正的內容成為頁面主體,同時,要使用白底黑字,不要使用背景圖案。
請注意,如果用戶想到要打印您的內容,說明他/她對您已經非常感興趣了,他們是非常有價值的用戶,一定要幫助他們實現(xiàn)這個愿望。
頁面都使用一致的配色和一致的結構和全站使用一致的導航系統(tǒng)一樣,所有頁面使用一致的配色和結構可以幫助用戶將注意力只集中在內容上面,您不應該強迫用戶在新頁面中重新適應新的布局。
您的站點應當避免讓絕大多數(shù)用戶左右滾動窗口
現(xiàn)在(今天是2007年9月1日)的主流顯示器尺寸是 1024 x 768,您可以比較安全地假設,絕大多數(shù)用戶的屏幕尺寸至少是這個值,但我確實看到不少仍然使用 800 x 600 分辨率屏幕的用戶,無論如何,您的頁面布局應盡量避免讓小屏幕用戶左右滾動,上下滾動已經夠麻煩,再加上左右滾動簡直是個噩夢。您可以讓您的網業(yè)自動適應屏幕尺寸,從技術上說,這并不困難;也可以假設一個寬度,這個假設的寬度照顧到您認為已經適度的用戶群,這是一個權衡問題,事實上,對小尺寸屏幕過分絕對地照顧也未必是好事,一個低于 800 像素寬度的頁面在 1024 寬度的屏幕上顯示尚可,在 1280 寬度的屏幕上會顯得很不協(xié)調。
但無論如何,90年代盛行的那種使用 Javascript 判斷屏幕尺寸,然后根據不同尺寸輸出不同布局的做法已經行不通了,現(xiàn)在的屏幕尺寸已經無法嚴格 QVGA, VGA 那樣劃分,很多非標準尺寸的屏幕大量出現(xiàn),您幾乎無法預料您的網站將來會遇見什么尺寸的屏幕。
站點必須在第一級導航深度處,讓用戶看到您的完整聯(lián)系方式
對于陌生的企業(yè)網站,如果不能在第一頁就看到企業(yè)的聯(lián)系方式,甚至,聯(lián)系電話如果不是固定電話號碼,我都會感到不放心,您應當在第一級導航深度的頁面中,便提供企業(yè)的詳細聯(lián)系方式,要讓用戶看到您的地址,聯(lián)系電話,同域名下的郵件地址,在到處都有欺騙存在的網絡世界,您應當非常確切地將您現(xiàn)實中真實的聯(lián)系方式體現(xiàn)出來,這會讓用戶放心。
每個頁面的尺寸應當小于50K
必須承受,如果算上圖片,外部 Javascript, 外部 CSS,我們自己的網站有很多頁面的尺寸也無法低于50K,但這是一個目標,您應當盡可能降低頁面尺寸,不管如今的寬度速度已經多么快,要知道,多數(shù)人的 ADSL 接入速度不低于 120KBS 并不意味著人們能以這樣的速度訪問您的網站,不同網絡運營商之間還存在著網絡瓶頸,您的網站的外地訪問速度可能遠遠低于本地訪問速度。
在所有主流瀏覽器中擁有一致的表現(xiàn)
IE內核的瀏覽器在今天(今天是2007年9月1日)的市場份額已經降低到 60% 左右,另外的 40% 被 Mozilla,Firefox, Safari, Opera 等占據,您的網站應該服務 W3C 標準,這樣,可以被所有主流瀏覽器無障礙地訪問,如果您的網站只支持 IE,就可能將 40% 的用戶擋在門外。
在用戶操作現(xiàn)場提供幫助,而不是進入專門的幫助系統(tǒng)
網站的幫助系統(tǒng)應當分散到各種操作現(xiàn)場,不需要象常規(guī)軟件那樣使用專門的幫助系統(tǒng),隨時隨地為用戶提供有用的幫助信息,讓幫助簡單化,改善用戶的訪問體驗。
用戶可以對某些內容進行評論或反饋
在 Web2.0 時代(今天是2007年9月1日),應當注重用戶的參與,網站上的絕大多數(shù)內容應該允許并鼓勵用戶參與評論和反饋,讓用戶不必注冊就可以參與評論,如果用戶必須注冊才可以參與某些內容,注冊過程也應該盡可能簡單。
頁面不可過分擁擠不要象現(xiàn)在的某些門戶網站那樣,將令人眼花繚亂的信息塞滿首頁,即使您必須放那么多內容,也要留出足夠多的空白和邊界,否則用戶會覺得很累,Web 頁面的媒介是屏幕,不是紙張,您實在沒有必要去節(jié)省屏幕的空間,讓內容之間寬松地分布在頁面上,給用戶以閑適感。
用不同色彩標識未訪問和已訪問過的鏈接
Web 公認的配色為,未訪問過的鏈接使用藍色(Blue),訪問過的鏈接使用紫色(Purple),但您可以根據您全站的色彩搭配設定自己的配色,只要保持全局一致即可。
使用所有人都可以正確顯示的字體
一定不要使用生僻或美術字體,您的訪問者使用和您不同的系統(tǒng),可能是不同版本的 Windows,可能是 Mac 機,或 Linux 甚至掌上電腦,您無法保證在您這里正常顯示的某種字體,在用戶那里也正常顯示,盡可能使用標準字體,并在不同環(huán)境下進行測試,保證您的字體不會給任何人帶來麻煩。
除非真正必要,否則不用新窗口打開鏈接
自動用新鏈接打開窗口常常讓很多人生氣,因為他們的桌面上會有幾十個開啟的窗口,如果用戶想使用新窗口打開鏈接,他們可以自己按 SHIFT 鍵。只有新窗口是用來顯示一些提示性的消息,或者輔助性的內容的時候,它們才是必要的。
不使用滿屏模式顯示網頁,讓用戶自己決定窗口的大小
不要自動為用戶打開全屏窗口,很多用戶并不知道應該怎樣從全屏幕狀態(tài)轉回來,全屏窗口可能讓用戶感到恐慌,因為出了什么問題,不管怎樣,全屏窗口是非常糟糕的事情,一定不要使用。
不要彈出窗口
許多瀏覽器,或者它們的插件會阻止彈出窗口,如果您必須使用彈出窗口以便向用戶顯示某個意外消息,如嚴重錯誤消息,或者通知等等,您可以考慮使用 Lightbox,Lightbox 是一種具有很好的視覺效果,又兼容各種主流瀏覽器的技術,適合在網站上顯示通知,錯誤消息等等彈出內容,然而它并不使用彈窗技術,它彈出的內容仍然位于母窗體,任何瀏覽器彈窗阻止系統(tǒng)都不會組織這種彈出內容。關于 Lightbox 的原理和應用,您可以參考 huddletogether.com 的 Lightbox JS v2.0 項目。
用戶注冊的時候,只填寫必要的內容
事實上,應該只填寫用戶名和密碼就夠了,完全沒有必要要求用戶提供更多詳細信息,因為多數(shù)人會提供假的。除非您的系統(tǒng)是一些類似 B2B, B2C 的系統(tǒng),需要用戶提供真實身份開展業(yè)務。
網頁上的廣告需要有明確的廣告標志
要告訴用戶那是廣告,廣告要和您的內容有一定的分隔邊界,免得二者混在一起讓用戶迷惑,請記住,用戶在不知情,或被欺騙時點擊的廣告是沒有任何效用的,帶不來任何銷售,即使您的廣告是來自 Google Adsense 那樣的點擊付費廣告,也不要欺騙用戶點擊,這是一個從業(yè)者最基本的操守。
廣告不可使用欺騙伎倆,欺騙不熟練的用戶點擊
您一定遇到過這樣的廣告,頁面上突然彈出一個小窗口,說您的系統(tǒng)感染了某某流行病毒,請點擊該按紐清除;或者說某某人給您發(fā)來一個消息云云,這種明顯的欺詐性廣告是非常低劣的,是對用戶明顯的愚弄,不要挑戰(zhàn)您的用戶的智商,尤其當很多人都上過當并怒不可遏的時候。
剝離了 Javascript, CSS 等支持文件,您的網頁仍然能準確的顯示
在某些情況下,用戶可能禁用 Javascript,CSS 文件可能丟失,這時您的網站頁面仍能正常顯示。
網頁設計的一個基本原則是,首先不使用任何 CSS 裝飾將內容正確顯示,然后套用 CSS 將內容修飾。另外,Javascript 不應該用在導航等關鍵場合,一旦 Javascript 被禁用,用戶可能導航都使用不了。
第三章:設計
設計體現(xiàn)了一個網站的藝術素養(yǎng),然而并不是說您應當過分設計,設計風格應結合您的行業(yè),要簡潔,清新,優(yōu)雅,平和,設計僅僅是在用戶訪問您的內容時獲得一種外在印象,不可喧賓奪主。設計應遵循以下原則。
為初次訪問者傳遞專業(yè)的第一印象
好的設計會給初次訪問者帶來難忘的第一印象,然而設計的好與壞從來都是仁者見仁,智者見智的,沒有統(tǒng)一標準,如果硬要設置一條標準,就是好的設計應給人以專業(yè)感,所謂的專業(yè)感,通俗地講,就是設計要象個樣子,不妨拿您的網站和世界500強的作個對比,您就會知道專業(yè)感是個什么樣子。
面向行業(yè)設計
如果您是機械行業(yè),使用粉紅色系作頁面的配色就不恰當,不同的行業(yè)有不同行業(yè)的風格,您的設計應符合這個行業(yè)的風格,不同行業(yè)的設計風格一般以不同行業(yè)的消費群的口味而定,這就好比以專業(yè)攝影師為目標市場的相機一般以黑色,結實,手感重為特點,而消費類相機則以銀色或彩色,輕薄時尚為特點。如果您不知道您的行業(yè)風格是什么,不妨看看您的成功的競爭對手的網站。
設計不可喧賓奪主或者說,不可過度設計,您需要始終記住,用戶來到您的網站,他們真正想看的是內容,而不是您的設計,何況,所謂設計,更多是一種主觀的東西,隨著這個世界的流行趨勢而變,現(xiàn)在的設計多以簡潔為美,一定不要將您的網站搞得象巴洛克時代的藝術品。
設計遵循優(yōu)雅原則(elegant)
一些粗魯?shù)脑O計會讓用戶覺得受到侵犯,所謂優(yōu)雅,舉個例子,您的頁面頂部放著20個無顏六色跑馬燈在那里閃爍就絕對不是優(yōu)雅,優(yōu)雅的設計顯得禮貌,有品位,有藝術感,讓用戶受到尊重,且不可讓用戶覺得您是在對他們大喊大叫。
設計遵守平和原則(peace)
不要用過分強烈的色彩或字體對比讓用戶感到不安,或者感到疲勞,好的設計是把自己的設計思想平平常常地展現(xiàn)出來,而不是總害怕人看不到,如果用戶用戶感覺不到您的設計用心有覺得舒服,您就是在以平和的心態(tài)設計。
包含醒目的 Logo
您的公司或網站的 Logo 要非常醒目,它們是您的視覺標志,不要把它們埋藏到一些亂七八糟的色彩中。
包含一套非常吸引人的企業(yè) Banner
企業(yè) Banner 是我自造的一個詞匯,所謂企業(yè) Banner 是一組圖片或其它視覺元素,放在網站的上部,一般在 Logo 下方,導航條附近,用來展示企業(yè)的形象或動態(tài),它類似廣告 Banner 但只用于展示企業(yè)自身。企業(yè) Banner 要有良好的設計,體現(xiàn)企業(yè)的文化,價值觀或造詣,要定期更新。
企業(yè) Banner 應當定期更新。
對于長期訪問用戶,它們應該成為用戶注意力的中心,比如,微軟每次有新產品,新動向,都會設計全新的企業(yè) Banner 放在首頁,如果您沒有時間和經理定期對網站內容進行大規(guī)模更新,更新企業(yè) Banner 并與企業(yè)動態(tài)結合起來,會讓人覺得您的網站一直在活躍地更新。
企業(yè) Banner 體現(xiàn)企業(yè)動態(tài)
如果您有一個大型展覽會要舉行,或者參加某項活動,或者在行業(yè)獲得某個成就,獎勵,或者有重大產品發(fā)布,都可以以企業(yè) Banner 的形式告訴用戶,如果您自己對這些動態(tài)重視,您的用戶也會。
合理安排頁面重心,不可有頭重腳輕的感覺
人類能接受的好構圖是三角構圖,重心位于頁面的左側偏下,然后重心向右,向上逐漸減輕。否則會有畫面不穩(wěn)的感覺。不要在頁面頂部羅列太多視覺元素,那樣會給人頭重腳輕的感覺。
全站遵守一致的設計風格
全站的配色與頁面布局應該是一致的,要給人以連貫感,避免頁與頁之間有太突兀的變化。
對圖片進行優(yōu)化
圖片在網站中地位非常重要,適當?shù)厥褂脠D片元素可以避免頁面太枯燥,圖片比文字更容易理解,但您必須對圖片進行設計時優(yōu)化處理,否則它們的體積將使您的網站變得非常笨重,Photoshop 的 Save for Web 功能可以很好地幫助您對圖片進行優(yōu)化。圖片優(yōu)化的原則是,對于顏色比較豐富細膩的照片,應以 JPG 格式保存,適當選擇壓縮比例,一個 400x300 像素的圖片以 JPG 保存時的尺寸應低于 20K 才合適;對于大色塊的圖形,以 GIF 格式保存比較好,適當降低顏色數(shù)以顯著降低圖片尺寸。
第四章:安全性
企業(yè)網站的安全性尤其重要,如果您的網站中存在需要授權才能訪問的內容,保護好這些內容是您的責任,使用安全的數(shù)據庫技術,對關鍵數(shù)據進行加密,過濾用戶上傳的數(shù)據是保證企業(yè)網站安全的重要途徑。網站安全性遵從以下規(guī)則:
使用安全的數(shù)據庫技術
目前主流的數(shù)據庫技術包括 MS SQL Server, Oracle, IBM DB2, MySQL, PostgreSQL,其中 MySQL 和 PostgreSQL 屬于開源數(shù)據庫,其它三種數(shù)據庫根據不同許可方式有不同的價格??紤]到安全,它們都是非常安全的數(shù)據庫技術,需要注意的是,我們并不建議采用 Access,首先 Access 是一種桌面數(shù)據庫,并不適合可能面臨海量訪問的企業(yè)網站,其次,Access 是一種非常不安全的網站數(shù)據庫,如果您的 Access 數(shù)據庫文件的路徑被獲取,人們很容易將這個數(shù)據庫文件下載下來并看到數(shù)據庫內的一切內容,包括需要授權才能看到的內容。如果您選擇 Access 的原因是因為它免費,您需要知道 MSDE 也是免費的。
用戶密碼或其它機密數(shù)據必須用成熟加密技術加密后再存放到數(shù)據庫使用明文在數(shù)據庫中存儲用戶密碼,信用卡號等數(shù)據是非常危險的,即使您使用的是非常安全的數(shù)據庫技術,仍然要非常謹慎,任何機密數(shù)據都應該加密存儲,這樣即使您的數(shù)據庫被攻破,那些重要的機密數(shù)據仍然是安全的。
密碼或其它機密數(shù)據必須用成熟加密技術加密后才能通過表單傳遞如果您的網站沒有使用 HTTPS 加密技術,那您的網站服務器和訪問客戶之間的所有數(shù)據都是以明文傳輸?shù)?,這些數(shù)據很容易在交換機和路由器節(jié)點的位置被截獲,如果您無法部署 HTTPS,將所有機密數(shù)據加密后再通過網絡傳播是非常有效的辦法,密碼或其它機密數(shù)據必須用成熟加密技術加密后才能寫入 Cookie很多網站將用戶帳戶信息寫到 Cookie 中,以便用戶下次訪問時可以直接登陸。如果用戶帳戶信息未經加密直接寫到 Cookie 中,這些數(shù)據很容易通過查看 Cookie 文件獲得,尤其當您的用戶是和別人共用電腦的時候。
對于訪問者提交的任何數(shù)據,都要進行惡意代碼檢查雖然我們要信任用戶,但在網絡中,我們必須假設所有用戶都是危險的,如果您不對他們提交的數(shù)據進行檢查,就可能出現(xiàn) SQL Injection, Cross-site scripting 等安全問題。
網站必須有安全備份和恢復機制
任何網站都可能發(fā)生硬件或軟件災難,導致您的網站丟失數(shù)據,您必須根據您網站的規(guī)模和更新周期,定期對網站進行安全備份,在災難性事故發(fā)生以后,您的備份恢復機制需要在很短的時間內將整個網站恢復。需要注意的是,您一定要對您的備份恢復機制進行測試,保證您的備份數(shù)據是正確的。
網站的錯誤信息必須經過處理后再輸出錯誤消息常常包含非??膳碌募夹g細節(jié),幫助黑客攻破您的網站,您應當對網站底層程序的錯誤消息進行處理,防止那些調試信息,技術細節(jié)暴露給普通訪問者。
第五章:性能
網站的性能關乎用戶訪問體驗,讓網站支撐更多用戶,讓每個用戶的等待時間更短是我們的目標。性能的提高靠的是數(shù)據庫優(yōu)化,高效率的 HTML 代碼渲染以及內容緩存。以下是提高網站性能的一些規(guī)則:
對數(shù)據庫進行優(yōu)化設計
合理使用 Index,使用高效 SQL 語句,減少數(shù)據庫表的全表掃描,只返回必要的數(shù)據,這些都是非常有效的數(shù)據庫優(yōu)化方式,數(shù)據庫往往是一個網站的性能瓶頸,您需要對數(shù)據庫進行持續(xù)地優(yōu)化,每一點微不足道的性能提高,累積起來都會帶來質的改變。
使用 Store Procedure 進行數(shù)據庫和網站業(yè)務層的數(shù)據交流
存儲過程(Store Procedure )的執(zhí)行效率遠遠高于分散的 SQL 語句。只要您的數(shù)據庫支持 Store Procedure 您就應當使用它作為網站業(yè)務邏輯端和數(shù)據庫端的數(shù)據交流通道。
分頁返回數(shù)據庫中的記錄,不使用業(yè)務層的分頁在返回大量數(shù)據記錄的時候,應該使用分頁機制逐頁顯示這些數(shù)據,您需要在數(shù)據庫端分頁,在業(yè)務層分頁將導致大量重復數(shù)據來往于數(shù)據層和業(yè)務層之間,造成性能瓶頸。
使用成熟優(yōu)化的 Web 頁面渲染技術ASP.NET, PHP, JSP, Ruby 以及 CGI 都可以充當網站表現(xiàn)層的 HTML 渲染引擎,您可以根據自己的需求選擇合適的平臺。需要注意的是,諸如 ASP.NET 一類的平臺,為了滿足絕大多數(shù)應用場合并盡可能降低用戶代碼量,使用了很多可能降低性能的技術,如 View State,您可以關閉這些功能以提高頁面渲染和執(zhí)行效率。事實上,我們在 Comsharp CMS 使用了 Direct Render 方式,拋開 ASP.NET 的頁面生命周期模型,直接渲染 HTML 代碼生成網頁,獲得了非常理想的性能。
使用 XHTML + External CSS + External Javascript 降低 Http 請求您應當將頁面的內容,修飾,行為分開,內容為純粹的 XHTML,修飾為外部 CSS 文件,行為為外部 Javascript 文件,這種模型的好處是,瀏覽器可以對外部 CSS 和 Javascript 進行緩存,每次只需從服務器端請求 XHTML 內容,大大降低頁面的請求尺寸,對性能的改善有很大的幫助。
使用干凈代碼(XHTML, Javascript, CSS)
您的 HTML 代碼,Javascript 和 CSS 文件需要包含干凈的代碼,干凈,符合 W3C 標準的代碼不僅短小,而且降低瀏覽器的負擔,瀏覽器不需要進行各種容錯分析,完全按照標準輸出內容,執(zhí)行效率大大提高。
第六章:W3C標準
W3C 官方網站的一些資料
http://www.w3.org (W3C 官方網站)
http://validator.w3.org/ (HTML 或 XHTML 驗證工具)
http://jigsaw.w3.org/css-validator/ (CSS 驗證工具)
http://validator.w3.org/checklink (鏈接有效性驗證工具)
國外的一些與 W3C 標準相關的技術站點
http://www.w3schools.com/
http://www.w3c.org/
http://www.24ways.org/
http://www.456bereastreet.com/
http://www.alistapart.com/
國內的一些與 W3C 標準相關的技術站點
http://www.w3cn.org/
http://www.blueidea.com/
符合 W3C 標準是網站的發(fā)展趨勢,目前,幾乎所有的瀏覽器都使用 W3C 標準,W3C 標準保證您的網站在所有主流瀏覽器中都獲得一致的表現(xiàn),您再也不需要象90年代末那樣,向不同的瀏覽器輸出不同的內容。
本文發(fā)布于
成都網站建設公司創(chuàng)新互聯(lián)http://jinyejixie.com/
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創(chuàng)新互聯(lián)