SScola 发表于 2013-2-7 22:15:28

页面规范

页面规范
§1.1.1 页面格式
1.所有页面要有标题;
2.页面的层次不要太多,尽量要在三层以内;
3.尽量不要让一个页面有左右拖动条,便于客户浏览相关内容;
4.页面导航,通过页面能够直观的看出下一步要有什么操作,页面的设计有引导性;
5.查询等按钮放到页面上方,不允许放到下方,不允许必须对页面向下拖动后才能找到查询按钮;
6.从列表页面进入详细页面尽量openpop一个页面或是在下面显示一个详细页面,如果location到一个新的页面,返回时,必须定位到列表中相关的页;
7.人名列至少要留3个字,要将人名显示完全,不要换行;
8.页面拉伸、缩放、调整分辨率,不能变形;
9.展示要有顺序,如金额的本行后面跟着币种,客户代码后跟着客户名称;
10.页面的查询项要在一个屏幕内显示完成,不要拖动滚动条后才能看到查询条件;
§1.1.2 页面控制
11.删除任务、上报任务等不可逆操作时,必须提示用户是否确认;
12.导出导入及页面加载等消耗时间长的功能在操作时,必须有进度条或提示框;
13.发起任务等不可逆操作,按钮在点击一次,并且页面刷新前,必须将按钮变灰,防止重复操作产生重复任务;
14.保存修改等操作成功或失败,必须进行提示,尽量标明具体原因;
15.一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲入网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。如果必须这样做,请使用 <tbody>标记,以便能够使这个大表格分块显示;
16.查询条件中如果有查询列表,如果列表条数超过了20条,需建立查询页面 ,而不是将这么多的条目作为一个下拉列表让用户去找;
17.字段展示不全,或是高度概括情况下,鼠标放上去要有提示信息;
18.用户编辑数据后,离开页面前并没有进行保存操作,需要提示用户数据已改变是否离开;
19.做excel导出功能时,不要跳出空白页面;
§1.1.3 查询列表规范
20.列表默认为20行,可以有多种选择,但不允许超过50条记录而没有分页的情况;
21.奇数行和偶数行颜色差,鼠标放上去也有颜色差;
22.展示列表要有顺序,如先客户代码,客户名称再合同号;
§1.1.4 文字控制
23.数字必须进行格式化。货币保留两位小数。百分数保留6位小数;
24.数字右对齐,汉字左对齐;
25.必填项用红色*号表示
26.对于百分数,一定要在字段上加入“%”,同一字段在不同页面的表示必须一致,不允许有的为百分数,有的为小数的情况。
27.金额的单位统一在右上角标注,如“元”、“万元”;
28.在使用common:textarea标签式时,如果是只读页面,需要设置边框为灰色,css为:“style="border: 1px solid #888888;"”
§1.1.5 美观性控制
29.同一排按钮与按钮之间的距离要分布均匀
30.页面控件之间要左右对齐、上下对齐
31.“重置”按钮的作用:“将查询条件的值重置为第一次进入页面的状态”
页: [1]
查看完整版本: 页面规范