如果有設計稿，當然按照設計稿進行測試；沒有設計稿，就參考原型；如果都沒有，就按照web大眾排版設計要求測試了，當然，還是要產品看過為准。
一下簡單總結一下測試的點。
1. 導航測試
很少有用戶願意花時間去熟悉Web應用系統的結構，因此，Web應用系統導航幫助要盡可能地准確。
測試點：
- 導航形式：按鈕、對話框、列表、窗口等，是否直觀，樣式是否正確，風格是否一致。
- 導航鏈接：頁面的連接等。
- 導航文案
2. 圖形（多媒體）測試
Web應用中，主流的一些多媒體內容包括圖片、GIF動畫、Flash、Silverlight等
測試點：
- 圖形的尺寸、大小、質量：
一般采用JPG、GIF、PNG格式，並且在不影響圖片質量的情況下能使圖片的大小減小到 30k 以下
- 圖形排版、正確性：圖片或動畫排列有序並且目的明確
- 圖形鏈接：
鏈接有效，並且鏈接的屬性正確（比如是新建窗口打開還是在當前頁面打開）
- 背景顏色：應該與字體顏色和前景顏色相搭配
- 文字環繞：位置等
- GIF動畫：是否設置了正確的循環模式，其顏色是否顯示正常
- 等
測試工具：
瀏覽器的自帶調試工具，就很有用。主要還是人工。
3. 內容測試
用來檢驗Web應用系統提供信息的正確性、准確性和相關性。
測試點：
- 文案：文字表達是否恰當，是否有錯字等
- 字體、大小、顏色、對齊方式、風格
- 頁面元素排版：導航、表單、圖形、控件等位置、大小排版
- Web頁面結構、導航、菜單、超級鏈接的風格是否一致，比如指向超級鏈接，點擊超級鏈接，訪問后的超級鏈接是否都進行了處理
- 背景顏色、元素顏色等
- 段落
- 鏈接的形式、位置、是否易於理解
- 等
4. 容器測試
DIV和表格在頁面布局上的基本作用都是作為一種容器。
測試點：
- 一方面是作為控件，需要檢測其是否設置正確，每一欄的寬度是否足夠寬，表格里的文字是否都有折行，是否有因為某一格的內容太多，而將整行的內容拉長等；
- 另一方面，表格作為較早的網頁布局方式，目前依然有很多的Web頁使用該方式實現Web頁設計，此時則需要考慮瀏覽器窗口尺寸變化、Web頁內容動態增加或者刪除對Web界面的影響。
5. 系統界面測試
系統風格、設計排版等。主要是不相關人員的反饋了。