网页设计准则.doc

北京东大医院管理公司

史衍朝整理

__________________________________________________________________________

第PAGE1页共NUMPAGES3页

网页设计准则

标题

浏览器title应该表达出页面主题

网站中文章标题规范按照VI设计规范执行

导航

内容页头部导航简单化，尽量整理成一行

内容页需要添加面包屑导航，让用户明确该内容的明确路径，格式如：网站频道文章标题

导航简单、有效，减少混乱、避免链接冗余

链接和标签的名字应当明确，符合用户语言习惯

主要导航元素放在左上边，忌放右边

文字

链接：

页面链接原则上统一为一种颜色，鼠标经过时变色，点击后变成另外一种颜色，留下访问痕迹。（具体颜色设置按照VI设计规范执行）

链接命名原则上不要使用宽泛的、语义不明确的词语，要有更清晰的指向。如果使用了简称要达到鼠标悬浮时显示提示。（如对“更多”的应用）

链接减少中间环节，尽量直达。

可点击和不可点击要尽量区分出来。

字数：

提取的文字链接不能出现截断的情形

文字大小：

文字忌太小或模糊不清（至少12号常用字体，具体字体大小按照VI设计规范执行）

限制浏览器里改变文字大小影响页面文字

避免文字的颜色和背景对比度不够，杂乱背景

避免文字周围的设计元素过多，使得文字不突出

少使用移动文字、全部大写及图形文字

用语规范：

不使用术语

不使用首字母缩略语

不使用讥讽、微妙的文字

页面文字使用用户习惯的文字

减轻夸大的宣传

不使用自造的单词

图片

图片要求清晰，具体规范按照VI设计规范执行

广告

广告的投放尽量减少对页面速度的影响

搜索

同一品牌网站使用统一标准输入框样式，符合用户使用惯例

对于搜索结果为0，提供特殊搜索引擎结果页面，明确表示没有找到搜索结果，引导用户尝试更有效的搜索或找到结果的方式。

帮助用户修改他们的查询，以便得到更好的结果（拼写错误纠正功能，提示尝试其他提法的关键词）

用户的对搜索和查询有明确的界定，搜索，任意输入关键词；查询，给定条件选择，因此对于以上2种按钮的命名，一定要遵循用户的界定。

原则上，搜索框宽度规定为：长输入框27个字符，短输入框10个字符

以模糊关键字搜索为主，降低对高级搜索的重视度

尽可能避免范围受限的搜索（解决方法：1.将全局搜索设为默认搜索模式2.在搜索引擎结果页面明确指出搜索范围3.提供使用户只要进行一次点击就可以在整个网站范围进行重复查询的功能）

翻页按钮在搜索结果上下都需要有

搜索结果页的输入框要保留原查询关键字

相关度较低的搜索结果列表容易造成用户流失

头尾

同一品牌网站头尾尽量统一

内容页头部表现简洁，只能有一级栏目导航

频道及栏目页头部有两级导航

表单

各输入框有灰色文字提示输入内容，点击框内，文字消失。

输入框要使用标准样式（各网站内定义几种供用户选择），使之符合用户使用习惯。

视频

视频操作按钮要齐全，暂停、播放、声音调节这几个功能按钮必须要有

交互行为

给用户提供一个明显的结构化过程，如果某个功能需要多个步骤，那么显示出一个顺序过程

用户关注有文本框的登录区域，多于没有文本框的注册区域，因此在文本框附近应该有明确的注册按钮

不要让注册束缚用户浏览网站

不要过早的要求用户提供个人信息

新窗口

导航链接在本窗口打开

交互流程性链接（如注册）在本窗口打开

栏目内容链接在新窗口打开

不同功能转换在新窗口打开

其他

链接和按钮要有所区别：链接带你到一个新的页面，按钮会触发一个命令

页面内容应该按照重要性从上到下排列。

页面应该有内容的区域必须有相应的内容，空白区域只会让用户对网站的专业性质疑。

翻页数字应该醒目，方便用户使用

在必要的地方给予用户以引导性提示

禁止使用看起来像广告的设计元素

禁止使用web上的设计惯例

禁止使用密集的内容和无法扫描的文字

少使用flash技术

页面要兼容ie6、ie7、ie8、firefox

403、404应该有页面提示（可以考虑导航地址）