一、根据页面的不同分别设计测试用例

上图是针对一个网站的测试，按照页面的不同分别来设计对应的测试用例。

登录页面

用户信息列表

用户编辑页面

用户更新页面

二、根据目的不同分别设计测试用例

同样的我们还可以按照如下方式，对一个网站进行响应的测试

功能测试
   网站是否达到了预期的功能

易用性测试
   在输入信息时，是否能够把鼠标自动定位到输入栏
   账号或密码输入错误后，原来错误的内容是否会自动清空

性能测试
   多台机器同时登录
       页面的响应时间
   弱网环境下页面的加载

单个用户登录
页面的响应时间

    同一时间，大量用户登入登出
服务端是否有内存泄漏风险

界面测试
   界面的颜色
   界面的背景图片显示
   界面的文本是否正确显示
   界面的布局是否合理达到预期
   界面对用户是否友好

安全性测试
   输入密码时是否以暗文显示
   对用户密码存储方式
   是否会因为bug泄漏、或者无意间暴漏用户信息
   权限问题
       非管理员无法登录后台系统
       没有响应权限，无法进行用户的变更
   对SQL注入的预防
   前后端在进行数据交互时，数据是否加密
   是否对用户登录错误多次加以限制
       防止保留破解
   密码框是否禁止复制粘贴
   密码过于简单是否有安全性提示
   密码是否有时效性
       用户长时间未修改密码是否会有修改密码的提醒
   是否在页面源码界面对隐式数据进行加密处理
   登录的互斥性
       同一个用户在多个终端的浏览器上登录
       同一用户在同一个终端的多种浏览器上登录

软件兼容性测试
   是否支持多种终端
       手机端的显示
       整体界面兼容性
   不同浏览打开效果
       火狐
       谷歌
       edge
       其他国产浏览器
   不同版本
       新版本对旧版本的兼容性
       旧版本是否能正常访问
       旧版本的用户体验是否和之前一致