《网页页面设计规范.doc》由会员分享，可在线阅读，更多相关《网页页面设计规范.doc（17页珍藏版）》请在金锄头文库上搜索。
1、网页页面设计规范篇一：Web界面设计规范Web应用界面设计规范（Design Specification for Web UI）主讲人：ARay目录：一、软件界面规范的重要性及其目的二、用户体验为何如此重要三、Web规范体系介绍四、界面设计开发流程五、应该遵循的基本原则六、界面设计规范一、软件界面规范的重要性及其目的使最终设计出来的界面风格一致化，开发编码人员相互之间开发更轻松，遵循统一的操作规范，以标准化的方式设计界面，提高工作效率。减少和改变责任不明，任务不清和由此产生的信息沟通不畅、反复修改、重复劳动、效率低下的现象。 产品设计通过规范的方式来达到以用户为中心的目的。二、用户体验为何如此
2、重要日常生活中的遭遇X员工悲惨的一天：早晨起来，发现闹钟没有按原先设定响起来。一边烧水，一边穿衣服，临走前去喝水却发现水还没有烧开。到了地铁站，发现公交卡没有钱了。无奈之下只能去排队买票。排了3趟地铁，终于到公司了，但是你却迟到了。结果：尽管你已经非常努力，但是你还是迟到了。那么，让我们看看这一连串的倒霉事。是什么让我们如此狼狈？ 什么是用户体验用户体验（user experience）是以用户为中心的设计中最重要的一个部分，强调的是过程，是软件对用户行为产生的反应与用户期待值要尽可能的一致。糟糕的用户界面表现：表现一：过分使用各种奇形怪状、五颜六色的控件。表现二：界面元素比例失调。比如按钮巨
3、大无比，其尺寸甚至超过显示重要内容的文本框的界面。表现三：界面元素凌乱。比如说，按钮和文本框摆放地点随意，该对齐的控件对不齐。表现四：违背使用习惯。你按F1，它没有弹出帮助，却执行了一件绝对出乎你意料的动作。表现五：消息框信息含糊、混乱。比如软件弹出一个消息框。把原本“确定”和“取消”写成为“是”和“否”，让用户不知道什么意思。表现六：还有一种糟糕的用户界面，乍一看很厉害，实际上完全是缺乏规划的结果。这种软件本身的确提供了比较复杂的功能，但对于哪些是常用功能，哪些是很少用到的高级功能，缺乏评估。什么功能都往界面上挤，占地方不说，用户会厌烦，弄不好还会被吓跑。用户体验的要素用户体验和软件应用面对
4、大量的选择，用户只能自己想办法，去决定哪一个软件系统功能会符合她的要求。 企业开始意识到，提供优质的用户体验是一个重要的、可持续的竞争优势。用户体验形成了客户对企业的整体印象，界定了企业和竞争对手的差异，并且决定了客户什么时候还会再次光顾。记住你的用户以用户为中心的设计-在开发产品的每一个步骤中，都要把用户列入考虑范围内考虑用户体验把它分为各个组成要素从不同角度来了解它-通过这些才能确保你控制了决策所造成的全部结果用户体验很重要，最大的理由：它对你的用户很重要。协调一致，直观明了，甚至让人愉快的体验-“一次”每件事都按照正确的方式在工作的体验。三、Web规范体系介绍篇二：WEB页面设计规范-整
5、理okWeb页面设计规范目 录1 引言. 32 WEB页面框架内容 . 3 页面框架 . 3 页面布局 . 3 布局原则 . 3 布局要求 . 4 如果能给用户提供自定义界面风格，则由用户自己选择颜色、字体等； . 6 页面字体 . 6 边距 . 7 表格 . 7 段落排版 . 7 Frame . 8 其他页面元素 . 83 页面风格 . 8 风格分类 . 94 WEB页面交互 . 9 页面元素焦点切换 . 9 信息填写 . 9 鼠标交互响应 . 9 页面信息交互 . 10 操作结果确认 . 10 其他规则 . 11 页面信息提示 . 11 键盘响应支持 . 135 其他快捷键的支持，需要根据项目的实际情况来定义。 . 136 WEB页面通用规范 . 13 一般页面功能 . 13 新增 . 13 修改 . 13 删除 . 13 查询 . 14 取消 . 14 保存 . 14 重置 . 14 返回 . 14 分页 . 14 全选 . 14 一般页面规则 . 14 默认值 . 14 单选按组钮默认值 . 14 表单元素选择 . 14 必填值 . 15 界面传递 . 15 窗口嵌套 . 15 输入框操作 . 15 在线帮助功能 . 15 菜单功能要求 . 15 快捷键功能 . 16 快捷键的限制 . 16 页面的规范性 . 16 系统易用性 . 17 输入安全性要求 .
