UI设计网页规范.docx

学****文档 仅供参考
一、 页面信息标准
1、页面命名
每个页面都要有与之模块对应的名称。
2、页面兼容性
〔1〕页面大小兼容
自适应1366*768px及以上的分辨率
默认窗口设置下，不应出现水平滚动条，防止出现垂直滚动条〔当查询条件下修改返回后，保留原有查询条件，且修改后的数据如果不满足查询条件则不显示。
〔4〕提交时需对主标识字段进行重复值、空值〔空格〕判断。
查询数据
〔1〕把所有查询条件全部显示出来，并放在查询列表上方位置。
〔2〕每个查询条件必须有预置文案。
〔3〕每次查询后保留当前输入的查询条件。
学****文档 仅供参考
〔4〕当未查询到任何记录时，需给予未查找到相关记录的提示信息。
〔5〕除了用户明确要求不需要外，需提供模糊查询功能。
〔6〕必须要有条件“重置”功能，重置后恢复到初始状态。
删除数据
〔1〕必须有确认删除的提示信息。
〔2〕删除成功后刷新不显示删除的记录。
〔3〕删除成功后返回到原记录所在页面，而当原记录所在页不存在时，则返回上一页。
〔4〕当被删除的记录与其他记录存在关联时，请示需求界面给予不允许删除、更明细提示等信息。
提交/上传数据
〔1〕当提交所费的时间较长时，需给出等待的提示，如：沙漏、菊花、进度条等。
〔2〕提交时需对主标识字段进行重复值、空值〔空格〕判断。
〔3〕提交成功后不可重复提交，有列表展示提交内容的直接返回到展示页面。
〔4〕必须要有“取消或返回”功能。
分页
〔1〕当对查询结果进行分页时，分页的同时需要能够执行查询功能；
学****文档 仅供参考
〔2〕当页数较多时，允许输入具体页数进行查询；
取消
〔1〕取消必须给予提示。
〔2〕取消操作后须返到原记录所在状态。
返回
〔1〕当从一个页面点击按钮或链接进入子页面时，子页面必须提供返回按钮
2、链接
〔1〕链接文字或图片当鼠标划过时会变成点击手形。
〔2〕本窗口打开：查询结果、上下翻页、新增、修改等操作在本窗口打开。
〔3〕新窗口打开：各类详情、预览页面等采用新窗口打开。
3、提示信息
预先信息提示
〔1〕内容提交类：每个输入项、条件选选项〔包括时间选择〕均需要给出提示信息。该提示信息可放置在输入框内或者控件尾部〔如密码要多少多少位。搜索框提示用户输入什么内容等。〕
〔2〕谨慎类操作：针对不可修改、重要操作选择等操作属于谨慎类操作，均需给出提示信息。如审核是否通过操作、退款申请操作、价格输入等。
学****文档 仅供参考
操作信息提示
〔1〕确认提示：修改设置、删除数据等操作时需要弹出提示框，用户需要选择后方可执行。
〔2〕错误提示：当用户的操作不符合规则、输入数据不符合规则需要给出操作提示。比方输入数值不符系统规定，则进行提示。
〔3〕错误提示分为：即时提示、提交后提示。本系统这里统一用即时提示。
〔4〕读取提示：涉及到大量信息读取缓慢的时候应该进行提示。比方进入后台查看商品列表时，由于网络、数据量大等原导致载入缓慢，应该显示读取提示信息，已防止用户过度重复点击操作。
结果信息提示
〔1〕保存结果提示：当进行商品添加/修改此类涉及到数据保存的操作，不管是否成功均需给出提示。统一用Toast提示，内容为“保存成功！”原则上保存之后直接显示结果页〔也可视具体情况定〕