網站的介面測試和內容測試

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

當我們還沒有正式啟用網站的功能併發布到互聯網時，不管是站長朋友們是使用開源專案作為建站系統也好還是使用自己開發的網站系統，網站測試都是網站運營前的重要工作，因為這決定著當使用者對你網站第一次使用的印象好壞， 如果第一次使用就發現網站的介面十分不美觀，同時內容資訊錯誤太多且缺乏真實和使用者體驗，那麼這些使用者可能就會直接離開你的網站而不再光臨。 因此，網站的測試是一項十分重要的工作，而網站整體介面和網站的內容作為使用者第一次接觸的重要部分，對它們的測試成為網站測試的關鍵環節。

一、介面測試

美觀漂亮的介面就像一個美女，能在使用者接觸的第一時間吸引使用者的眼光。 具有良好體驗的網站介面能夠充當導演的角色，引導使用者獨立完成相應的操作。 相反，失敗的介面設計也很可能讓網站的強大功能全部付諸東流。 整體介面測試是對整個網站的頁面結構的測試，是使用者對系統的一個整體感受。 目前，我們也很難能找到合適的自動化工具來對整體介面進行測試，進一步增加了介面測試的難度，但是我們可以從一些重要的方面進行把握，包括

①網站介面風格整體上是否讓人感到舒適以及整體風格是否一致，這點比較不容易判斷，每個人的審美觀的不同，但是有一點可以把握的是網站風格要與網站的主題相適應，比如遊戲類的網站就沒有必要弄成傷感暗淡的風格， 現代都市娛樂交友網站沒有必要設計成古典的風格。

②按照相關規定逐項檢查，包括頁面大小是否合適，佈局是否合理，顏色搭配是否易於接受或者搭配不當，連結功能是否正常，字體大小是否合適，是否存在錯別字的問題。

③是否憑直覺就知道要找的資訊在什麼地方。 介面操作是否友好，如果對重要功能進行了修改，應該在説明文檔中同步說明。 同時，還應提供關鍵字搜索功能，在使用者不知該如何使用該產品時，可以通過説明文檔自主尋找解決方法。

④整個網站的介面風格是否保持一致，每個頁面的同種類型內容的文字字體的顏色、格式是否統一，連結是否正常(是否連結到錯誤的頁面或者網站出現較多的死連結)。

⑤瀏覽器的相容性問題，觀察頁面在不同瀏覽器、作業系統或不同解析度下的顯示是否會發生異常。 特別是瀏覽器相容性最容易出現問題，比如當今主流的瀏覽器包括幾種內核：IE、火狐、谷歌瀏覽器內核等，在這幾種內核的條件下又要測試這幾種瀏覽器對應的版本問題，特別是對於網站的部分功能需要安裝協力廠商線上控制項的， 也要考慮到瀏覽器的相容性，同時不同瀏覽器在不同的顯示解析度下也會出現多種不同的差異，這些都是需要進行詳細的測試，否則使用者一旦流覽出現了頁面顯示異常，就很容易失去關注網站的機會。

二、內容測試

網站的內容測試用來檢驗網站提供的資訊的準確性、正確性、相關性。 網站內容的準確性是指是否有拼寫錯誤或語法錯誤，我們可以使用語法或者拼寫錯誤檢查工具來提供內容的準確性，大家最熟悉的一個就是Microsof Office Word的「拼音和語法檢查」功能，提供語法和拼音的糾正功能。 網站內容的正確性是指網站提供的內容是可靠的還是不真實的謠傳。 例如，在提供線上考試類網站中，所提供試題應避免出現常識性錯誤。 網站內容的相關性是指是否在當前頁面可以找到與當前流覽資訊相關的資訊清單或入口。 比如在某個B2C商城中，當客戶購買某個商品之後，應顯示與之相關的其他產品，提供內容推送的效果。 網站的內容測試，我們可以從以下幾個方面進行檢查：

①網站的內容中文中是否有錯別字，特別是在標題中，是否有明顯的錯別字。 比如，本人就層看過在一個網站中，標題層這麼寫「***諮詢公司，為您提高專業的諮詢服務」，很明顯「提供」寫成「提高」，特別是我們粗心的時候會經常遇到這種情況。

②網頁的各個頁面標題是否有層次感和是否能夠正確標識頁面的內容。 讀者可能會因為進入網站的比較深層次的頁面，然後閱讀的時候突然開小差而不知道現在是在閱讀哪些方面的內容，但是設計友好的網頁的標題可以直觀地説明他們很快理解當前所接觸的網站內容。

③使用者是否需要向右或者向下拖動捲軸才能看見網站的重要資訊。 很多網站為了一下子給使用者提供資訊量更大的的內容，而拼命發佈大文本資訊，也不管這些資訊是否有用，結果網站要提供的重要資訊沒有體現，而讀者要閱讀的時候則需要很費勁地去拖動捲軸才能閱讀， 這樣的網頁內容可能會給讀者帶來很不好的使用者體驗。

④每一欄的寬度是否足夠寬，表格裡的文字是否都有折行;是否因為某一格的內容太多，而將整行的內容拉長，以至於有的網頁因為內容拉長而影響整個頁面的樣式，把整個網頁佈局帶入了混亂變形的地步。 本人在開發過程中，層因為沒有考慮網頁表格欄目的寬度，而導致文本內容太多時自動拉伸，造成頁面極為不美觀。

⑤重要內容的直觀性。 很多網站都是為了宣傳某些產品或者某種服務，因此對應使用者需要的關鍵字資訊，如公司簡介、連絡人、連絡方式、線上回饋等應該直觀展示，否則使用者可能因為找不到買家而失去銷售機會。

本文由功能變數名稱 HTTP://www.96ns.com/ 原創，轉載請標明出處!謝謝!