软件顶部的导航栏怎么测试,导航条测试点——你想到多少?
关键字:软件测试、web测试
这两天网站在进行导航条改版,进行了测试,发现导航条测试有这么些测试点,今天想想记录一下吧,兴许可以唤醒写blog的动力。导航条到底有哪些测试点呢?期待各位同行补充各自的观点。^_^。
小小的导航条,有啥好测试的呢?通常你测试的时候会发现什么问题和特点吗?我这两天测试了导航条,产生了如下感想,各位同行,你想到的和我一样吗:
1、 导航条测试分两类:应用软件类、门户网站类
2、 导航条的价值:
对于应用软件类
让用户快速的找到要操作的功能;
让用户清楚的知道自己在什么地方;
指导用户如何去使用该软件;
好的导航条名称让用户能快速的自学学习软件;
对于门户网站类
导航条可以让用户知道要找、要看的东西在哪个大分类里;
让用户知道自己目前在网站的那个地方,不会迷失方向
3、 由于这次测试的是门户网站类导航,因此这次把门户网站类的导航条测试点记录如下:
功能方面:
1) 一、二级导航中的文字链接页面打开方式一致;要么新页面,要么当前页面;
2) 各链接页面正确显示,不出现错误;
UI方面:
1) 一、二级导航中的文字颜色、大小、风格显示一致;
2) 每选中导航中的页面,相应的该页面的导航文字为选中显示状态;让用户知道自己在看的是那一页;
3) 导航条中的页面文字显示正确,无错别字;
4) 同一导航在不同地方显示的内容和排列的顺序一致;
兼容性方面:
在不同的浏览器下查看页面显示是否正确;
易用性方面:
1)导航名字容易明白,见名知道其意思;页面内容和其名字表达内容相呼应;
2)导航栏排列方式符合用户使用逻辑,查看简单,分类级别层次不超过2层;
4、 至于应用软件类的导航条,先暂时不写了,等那天心血来潮,想写了再把它补上。大家如果有想写的也可补充补充。^_^。
软件顶部的导航栏怎么测试,导航条测试点——你想到多少?相关推荐
- React Native 的顶部导航栏和底部导航栏目
说来也是惭愧,本来关于底部导航栏,我已经写过一篇博客,只不过那篇更偏向于入门一些,当时一实现功能之后就迫不及待的分享给大家了.地址在这儿:http://blog.csdn.net/LJFPHP/art ...
- 【CSS】课程网站横版导航栏 ( 横版导航栏测量及样式 | 代码示例 )
文章目录 一.盒子测量及样式 1.总体盒子测量及样式 2.左侧盒子测量及样式 3.中间盒子测量及样式 4.右侧盒子测量及样式 二.横版导航栏代码示例 1.HTML 标签结构 2.CSS 样式 3.显示 ...
- 【HTML+CSS】页内侧边导航栏 页内导航
页内侧边导航栏 页内导航 源码 HTML部分 CSS部分 效果 源码 HTML部分 <!DOCTYPE html> <html><head><meta cha ...
- Android中导航栏之自定义导航布局
Toolbar系列文章导航 Android中导航栏之Toolbar的使用 Android中导航栏之溢出菜单OverflowMenu Android中导航栏之搜索框SearchView Android中 ...
- 去掉导航栏下边的横条
去掉导航栏下边的横条 在项目中,有一个界面的导航栏颜色需要与视图的背景色相同,在调试的时候发现,设置的导航栏颜色与视图背景色一样时,实际看到的缺不一样,而且导航栏与视图之间有一条很细的线. 方法如下: ...
- android studio 顶部导航栏_Android10 手势导航开发与处理:边到边(I)
这是我们有关"手势导航"系列的第一篇文章. 借助Android 10,已添加了新的系统导航模式,允许用户向后导航,导航至主屏幕并通过手势触发设备助手. Android 10 中新手 ...
- Axure中如何快速设计左边导航栏,侧导航栏和顶部导航栏等?
Axure中如何快速设计侧导航栏和顶部导航栏? 1.下载侧导航栏和顶部导航栏组件 参考<蚂蚁金服 ant design 中下载axure 菜单组件库> 2.导入组件 下载保存为AntDes ...
- html固定顶部导航栏和底部导航栏
固定顶部导航栏,在样式(css)中加入以下代码 position: fixed;z-index: 1000;right: 0;bottom: 0;left: 0px;top: 0px;width: 1 ...
- html导航栏页面切换的js,js实现页面滚动切换导航栏/点击导航栏跳转到指定位置...
最近一直在弄页面的事情,对页面方面的知识又巩固了一下.这次的内容如题,大家对代码有疑问或者是有更好的方法欢迎留言! js部分 //标题对象 var title = document.getElemen ...
最新文章
- C#复制、粘贴文本信息到剪贴板
- Day 25: 联合Tornado、MongoDB 和 AngularJS 进行应用开发
- SpringCloud Openfeign
- PP视频如何不允许WiFi下自动播放
- 《构建之法》第八章自习感想与知识点
- macOS Recovery中修复磁盘的具体操作方法
- 微信第三方登陆,无需注册一键登录,获取用户信息,PHP实现方法.
- 你的终极目标是什么?
- Clonezilla
- 内卷失败:敲了 10000 小时代码,我也没能成为一名高级程序员
- nacos access log日志占用磁盘
- 个人常用的sql脚本语句
- 【第1天】移动App-学习笔记
- table表头和首列的表格固定-CSS实现的Table表头固定
- 批量更改图像分辨率到统一大小
- 伸展树的基本操作与应用 IOI2004 国家集训队论文 杨思雨
- js判断身份证号码是否正确
- 法国艺术家福州拜师学漆艺:开启“漆彩人生”
- 名词可数不可数到底如何数——GeneralRule
- 游戏编程模式-空间分区
热门文章
- 16位、32位、64位单片机数据类型占用空间对比
- 皮皮书屋注册》被这道题难住了...http://www.ppurl.com/
- photoshop人物美白教程:暗沉肤色提亮美白
- 开发端到端的Ajax应用程序(转)
- uniappIOS本地打包提示未添加***模块,及添加后启动报错
- AWS ECS 如何使用?
- 汇编语言 --- 32位x86处理器架构
- QEMU monitor控制台使用详解
- 用canvas实现在线画板,带你找回童年乐趣
- 7-1 英文单词排序