UI界面设计要点
一、UI页面检测关键点
1、 页面的线框是不是一致,每一个页面中线框是不是两端对齐,是不是一致。
2、 全部系统软件的页面是不是保持一致。
3、 页面是不是存有错字。
4、 页面上的按钮样式是不是一致。
5、 每一个页面是不是同原静态网页设定一致(静态网页确定的状况下)
6、 实际操作是不是友善。
7、 页面全部的按键、下拉列表是不是有回应。
8、 页面全部的连接是不是一切正常;
9、 页面全部的文本框是不是都开展校检(比如:输入框、字段名文本框)。
10、页面全部的展现照片是不是款式一致。
11、页面全部的目录页题目字是不是会自动换行,题目字是不是统一垂直居中等,自然还可以
居左,这需看企业标准;
12、电脑浏览器的兼容问题,查验网页页面在不一样浏览器下是不是会产生出现异常;
13、每一个网页页面的提醒字体样式的色调、文件格式是不是统一精确;
14、页面中全部字段名后边是不是都存有灶具,灶具,查询是不是灶具为统一的汉语灶具還是英文冒号。
15、页面中的提醒表明论述是不是太唠叨,有时*须能简单化尽可能简单化,而且字体样式
表明文件格式一致,色调统一。
16、在web网站,一般常常是后台管理操纵前台接待的表明,因而在对后台管理开展数据信息加上时,查询前台接待是不是有转变,而且查询页面的数据信息是不是外溢框外。
二、UI页面测试标准
1. 对话框与对话框中间,字段名与字段名中间的访问,及其各种各样浏览方式(tab键、电脑鼠标移
动和键盘快捷键)的应用;
2. 对话框的目标和特点(比如:莱单、尺寸、部位、情况和管理中心)都符合规定;
测试标准:为每一个对话框建立或改动 ,以核查每个应用软件对话框和目标都可以恰当的开展访问,并处在一切正常的目标情况。
3. 导航栏检测:导航栏叙述了客户在一个网页页面内实际操作的方法,在不一样的客户插口操纵之
间,比如按键、提示框、目录和对话框等;
不一样的连接网页页面中间,根据思索下述难题,能够决策一个web应用系统软件是不是便于导航栏;导航栏是不是形象化?web系统软件的关键一部分是不是可根据首页存储?web系统软件是不是*须站点、百度搜索引擎或别的的导航栏协助。
4. 图型检测
图型包含照片、动漫、外框、色调、字体样式、情况、按键等。
1) 要*图型有确立的主要用途,照片或动漫不必随意的堆在一起,以防消耗传送
時间,web应用系统软件的图片尺寸要尽可能的小,而且要能清晰的表明某类事儿,一般能连接到某一实际的网页页面;
2) 认证全部网页页面字体样式的设计风格是不是一致;
3) 背景色与字体样式和情况色彩配搭;
4) 照片的尺寸和品质,一般选用jpg或gif压缩,**是能应用照片的尺寸减少到30K下列;
5) 演试文本回绕是不是恰当,假如表明文本偏向右侧的照片,应当*该照片出現在右侧,不必由于应用照片而使对话框和文章段落排序怪异协作出現骨性;
5. 內容检测
內容检测用于检测web应用系统软件出示信息内容的准确性、精确性和关联性。信息内容的准确性就是指信息内容时靠谱的還是乱传的。信息内容的关联性就是指是不是在当今网页页面能够寻找与当今访问信息内容有关的信息内容目录或通道,也就是一般web网站中的说白了“有关文章列表”。