企業網站開發的易用性技術細節

作者：佚名   時間：2014-08-22   分享到：

完美的內容是用來使用的，不管您的內容多么精彩，如果它們很難訪問，用戶照樣會離開，易用性不僅僅牽扯到技術，更多的是良好的Web創作習慣以及易用性。以下就介紹15條實用的網站開發規則，希望能對建站朋友們有用。

1、只使用成熟，簡單，兼容的技術

Web技術一直在發展，因為Http協議最初只是為了表現簡單的超文本，當人們賦予Web越來越多的使命的時候，Web的局限性就表現出來了，為了解決這些問題，人們在Web上面附加了很多新技術以增強Web的表現能力，Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到現在炙手可熱的 AJAX 技術，然而這些新技術很快帶來了兼容性問題，因為web內容要靠瀏覽器解釋，不同的瀏覽器加不同的安全配置，導致這些新技術并不能被如期地渲染出來。

2、Cookie, Javascript, CSS

如果您希望您的企業網站能在絕大多數環境下被無障礙的訪問，請謹慎使用除此之外的技術，這里我們需要特別說一下 AJAX 和 Flash，它們也被很多人認可，而且AJAX事實上是基于Javascript的，然而，AJAX 同時要使用在某些瀏覽器安全配置下容易被禁用的 XMLHTTPRequest 對象，事實上，我的 IE 瀏覽器的安全配置就禁用 XMLHTTPRequest ，所以，除非加入到可信任站點，否則我連 Google Map 都無法順暢訪問。Flash 是一種偉大技術，在線廣告幾乎是它最完美的使命，作為易用性規則，我們不排斥以 Flash 技術提供廣告，但 Flash 絕對不可以用在站點導航等站點基礎結構中。

3、不使用任何網頁特效

雖然網頁特效并不一定涉及不兼容技術，但網頁特效對絕大多數人來說是非常厭煩的，企業網站絕對不應該使用那些僅僅為了好玩的網頁特效，除非您還生活在90年代(現在已經是2007年)，或者您只有14歲。最令人厭煩的網頁特效包括，要求設為主頁，接連彈出的窗口，全屏窗口，改變鼠標光標，在狀態條上滾動的廢話，頁面內容禁選，禁止查看源代碼，閃爍的文字，離開時的彈窗，顏色古怪的窗口滾動條，聲音背景。需要記住一條，訪問者永遠都不會因為您使用了一種自認為很 Cool 的特效而覺得您了不起。

4、清晰，統一的導航

用戶在您的企業網站找到有用內容的唯一途徑是通過站點的導航系統，您需要花大力氣來組織您的內容，保證讓用戶以最快的速度找到它們。導航系統必須清晰，他們應該和站點的其它內容用不同的顏色搭配以便在網頁上突出出來，同時，每個頁的導航系統應該完全一致，從一個頁面進入另一個頁面看到完全陌生的導航系統是非常令人沮喪的。

5、導航深度不超過三級

雖然很多人覺得這太絕對，事實上，用戶需要點三次才能找到自己想要的內容仍然太多，那種一級一級下潛的導航菜單是令人生畏的，很多人會產生進去以后便找不到路回來的恐懼，如果您能夠很好地組織自己的內容，結合分頁機制，Tag機制，對絕大多數網站，三級導航深度已經足夠使用了。

6、導航鏈接中必須包含文字

為了美觀，許多人喜歡圖片按紐式的導航鏈接，如果您堅持這樣做，也無可厚非，但一定在圖片上同時加上文字，讓文字體現該鏈接的含義，因為除了設計者，外人往往很難猜測您的圖片按紐的含義，文字是最直接，最精確的。

7、必須有純文本版本的站點地圖

當用戶在您的令人眼花繚亂的站點導航中徹底迷失的時候，純文字版的，簡單直接的站點地圖還可以救急，站點地圖可以幫助用戶快速找到他們想要的內容，這是對導航系統的補充，甚至對有些站點來說，比導航系統更有效。另外，純文本版的站點地圖非常容易被搜索引擎抓取并以此遍歷您的整個站點。

8、必須有面包屑導航條

面包屑導航(Breadcrumb Navigation)這個概念來自童話故事"漢澤爾和格雷特爾"，當漢澤爾和格雷特爾穿過森林時，他們在沿途走過的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路，所以，面包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。

9、每頁都有自己的標題

許多企業網站的所有頁的標題都是企業的名字或者一句口號，這會讓用戶不知道他們訪問的當前頁是說什么的，每頁都應有一個和本頁內容匹配的標題，這樣，即使用戶打開了很多窗口，仍然可以通過標題知道哪一頁是說什么的。從 SEO 的角度看，在標題中使用本頁內容中某些關鍵詞是非常好的習慣，而且，當您的頁面出現在搜索引擎的搜索結果中時，您的頁面標題應當明確地告訴搜索者他們搜到的頁面是關于什么的。

10、任何頁都有一個鏈接指向首頁

人們進入一個陌生的地方，當感到迷失或不安的時候，會立刻想到返回入口位置，訪問者進入您的網站也是這樣，每頁都有一個指向首頁的鏈接可以幫助用戶在感到迷失的時候，迅速返回入口重新開始。

11、網站的 Logo 指向首頁

這一條似乎沒有什么道理，但幾乎所有望站都遵守這樣的約定，當很多人都這樣約定的時候，您沒有理由例外。

12、對于連貫性內容，應提供向導式導航

比如說，您在網站上發表很長的系列文章，您應該將文章分成多個章節，用戶看完這一章以后，下面應該有兩個鏈接，分別指向上一章和下一章，這樣，用戶不必滾動回頁面上方訪問導航系統，他/她可以直接點這兩個鏈接在文章中前進或后退，這樣不僅節省用戶的時候，還可以帶來連貫閱讀的快感。

13、全文搜索廣告傳播公司行業網站建設方案

一、前言

從二十世紀進入二十一世紀，企業信息高速發展，數碼化革命給所有領域帶來新的改變。隨著電腦辦公自動化的普及，電子商務應運而生，一切都歸功于internet的巨大貢獻，互聯網的世界里蘊藏無限生機，這里只有想不到的、沒有做不到的。

作為在一個行業中比較高端的公司，廣告傳播公司更需要建設好網站，將其作為對外宣傳、銷售、服務及傳銷的載體，來配合公司的發展和需要，使網站具有鮮明的行業特色，使更多的客戶通過網絡來認識、認知廣告傳播公司。

二、網站目標與期望

隨著廣告傳播公司一步步成長和發展，為了擴大知名度及影響力，進一步開拓市場，向消費者提供更好的服務，建立一個品牌性的廣告傳播公司的網站系統已經成為一項迫切的需求。

1、提升企業形象

建設廣告傳播公司網站，建立有效的企業形象宣傳、展示企業風采，傳播企業文化，樹立企業形象，提高企業知名度。

2、促進產品銷售

通過廣告傳播公司網站平臺，采取各種方式全面、動態地宣傳企業的服務;及時發布各種信息，激發客戶的消費欲望。客戶可以通過廣告傳播公司網站，搜索、查詢廣告傳播公司各類服務信息。

3、降低銷售和服務成本

通過廣告傳播公司網站平臺，及時便捷地發布商業信息、產品信息，同時更快地響應客戶的要求，客戶也可以更加方便地獲得相關地支持和服務。

4、建立完善的信息發布系統

及時發布出廣告傳播公司內部新聞、媒體的報道、活動和整個行業的新聞包括新出臺的相關政策法規等。

三、網站建設進度及實施過程

項目協調與管理

對成功的網站而言，這是設計公司與客戶良好互動的結果，是雙方理念、能力和操作互相協調的產物。

管理策略

1、成立焦點廣告項目組：

我們將會成立包括不同專業的優秀人員、客戶方等相關人員組成的焦點廣告項目組，負責全面管理項目，有效協調項目的進程。

2、項目經理負責制：

將有一名我們的項目經理被委派，全面管理并協調焦點廣告的項目。該項目經理將代表我們與焦點廣告方進行單點的溝通協調，以推動項目在不同階段按時、按質、按成本的予以完成。該項目經理由我們的項目設計總監和技術總監提供專業上的充分支持。同樣，我們建議與我們相對應，焦點廣告也應委派一名項目經理，建立雙方的單點對應溝通。一旦雙方的對應溝通機制建立，項目中的各種問題將首先由雙方的項目經理負責代表雙方進行協調及解決，以避免因為職責不清而造成的項目延緩或其它問題。

3、完善的管理制度及管理工具：

基于我們的項目管理方法論ACM，結合焦點廣告項目的特殊需求，我們將會對項目中的主要日常工作進行預先定義，制定能夠實際操作、方便檢驗的規范流程。對于突發的事件，我們的項目管理人員將有足夠的實際操作經驗進行處理。

項目任務和時間表

根據客戶對本項目開發周期上的要求，同時保證項目的質量和數量，根據我們對此項目的需求做的分析，本項目的整個工作周期為8個星期的工作日，合兩個月。

項目實施方法

項目管理的成效直接關系到整個項目的成敗。尤其是實施與INTERNET 有關的新技術應用項目，無論在國內和國外都是有一定難度的，更需要成功的項目管理。我們充分認識到了這一點，并且已做好了準備。我們在項目管理方面具有豐富的經驗，并且擁有一套實際運用和不斷完善的實施方法和富有經驗的項目管理人才。

我們項目管理緊跟世界項目管理協會的原則，結合Internet 項目IT系統開發和創意設計的特性，我們的這套方法別適用于帶有大量系統應用開發和創意設計相結合的項目。已經在我們越來越多的成功項目中得以體現和印證。

項目的實施方法是保證我們每個項目能夠得以順利完成，有效協同各種專業人員共同參與，有組織有計劃的進行資源管理和分配，并能夠在最大程度上保證我們的項目按時，按質完成的前提。作為我們多年積累摸索的結果，在這里我們將它作一個介紹。

我們項目實施方法中的五個基本階段是：

1、規劃定義

作為項目的啟動，規劃定義階段的目的是為了能夠準確地把握客戶的商業目的，確立項目范圍、整體性和操作實施性。這包括對客戶商業策略的回顧;確認、記錄并按優先次序排列出需求清單，提出系統構架草案。根據該項目的特點，我們將選擇項目成員、整合項目組并安排項目計劃。

2、分析設計

在得到了項目目標, 范圍和高級別需求清單等結果后, 我們將針對功能性, 系統構架技術性和視覺創意等方面進行更詳細的分析設計。我們將它們一一記錄下來并與您一起探討,改進. 如有必要, 我們將制作一個原型或演示系統來測試我們的概念。

之后, 我們將根據這個設計又針對性地來完成內容開發, 交互信息和界面設計等工作。

3、編碼制作

我們開始建造這個系統。開發整合階段的工作是將所有設計的結果予以開發出來，如有必要我們還將這個新系統與您現有系統進行整合。本階段將完成一個正常運行的系統。

4、測試驗收

測試工作包括功能測試和性能測試兩部分。然后將已完成的系統從開發環境遷移至發布環境。有計劃的發布功能和數據直至全部開放進行商務運作。我們將記錄并轉移一切客戶必須掌握和了解的技術與規范方面的知識，保證客戶懂得如何運作及維護系統。用戶和我們將在一個有限的范圍內對系統進行試運行，系統試運行一段時間后，系統將投入正式運行。

5、維護管理

除了對活的系統進行必須的監視、維護來保證其正常運作外，管理維護階段更重要的任務是從正處于實際運營的系統上測試實際的系統性能;在運營中發現系統需要完善和升級的部分;衡量并比對系統較商業目的和需求的成功與否。將所有這些信息整理成一份計劃以便于將來對網站系統的增強和升級。

階段、步驟和任務

我們將項目的時間周期分為5個階段，在不同階段內用相應的步驟來達到不同階段的目標。而任務被包含在不同步驟之內，以完成該步驟的工作內容。 由淺至深，由總到細，三個元素之間相互聯系，相互作用，有機的構成了整個方法的藍本。 在實際操作中，根據不同時期的不同任務，動態地分配資源予以實施，再與專業人員的專業知識相結合，使得項目得以妥善完成。

如果用戶不愿一頁一頁地翻看您的網站，您應當提供全文搜索功能，雖然您的搜索功能比起專業的搜索引擎還差很多，但可以幫助您的用戶快速找到他們感興趣的內容，不要使用 Google 等商業引擎的搜索代碼進行搜索，與其那樣還不如讓用戶直接到 Google 中去搜索，您應當提供一個本地搜索功能，不需要象 Google 那樣強大，因為您不需要支撐那么大的用戶量，也不需要搜索那么龐大的海量信息，您網站的本地搜索功能對用戶來說，可能比 Google 更有幫助。

14、不使用歡迎頁

當 Flash 如火如荼的時候，設置一個歡迎頁，向用戶播放一段精美的動畫是很多企業網站的追求的模式，然而這種想法實在糟糕，很多人沒有耐心等待那段漫長的動畫下載完畢便離開了，您能想象去超市買東西前，需要先在門口看一段歡迎影片才能進去嗎?您應當讓用戶直接進來，一進來就看到實質的內容，不要用您的浪漫想法浪費用戶的時間，而且，由于搜索引擎也要首先經過這個歡迎頁面才能深入到網站內部，一個讓搜索引擎無法解讀的 Flash 動畫會讓搜索引擎認為您的網站上什么東西都沒有。

15、任何圖片必須設置ALT和TITLE屬性

在您的圖片完全下載之前，瀏覽器無法把它們顯示出來，或者，某些瀏覽器可能關閉了圖片顯示，或者您的圖片資源可能丟失了，這個時候，ALT 或 TITLE 屬性會讓瀏覽器將圖片的描述性文字顯示在圖片的位置，讓用戶至少知道那個位置準備將要顯示的是什么。這個屬性也幫助搜索引擎更好地理解您的圖片。

如果圖片要以縮略圖形式顯示，使用真正的降低了尺寸的縮略圖，不要只是改變圖片的寬度和高度屬性。這可以顯著降低頁面尺寸。