用户体验产品规范
UED用户体验四大规范(web)
一、页面宽度
目前主流分辨率 1366*768,默认使用960的页面宽度, 不同浏览器,不同分辨率下网页第一屏最大可视区域:
说明:
比如1024*768下IE的可视面积是(1024-21)*(768-148) 二、导航
1.字体一般用黑体或微软雅黑。。
2.对于主导航,要设置a标签,并且不同的属性要有不同的值,这样很明白能否点击。 3.从导航都必须是有效链接,链接后的页面一定要有基本的功能。主导航一定不能有生链接 (生链接指失效的链接)
4.主导不要用JS链接,因为搜索引擎是不读取的。
1 / 3
用户体验产品规范
5.有些网站从用户体验角度考虑,用图片做导航链接,这样最好在图片的下方设放上文字链接,同时在图片上加上正文。否则搜索引擎无法抓取。
三、搜索
1.文本框
a. 搜索框文本框的长度应适中,至少应提供显示10个汉字字符的宽度; b. 搜索框组件中适应文本框必须为单行文本框;
c. 文本框的长度不得少于130个像素 高度不得低于18个像素; 2.分类选择
分类标签提示一般放在搜索框的上方,或是搜索按钮的前面 3.帮助信息
a.帮助信息一般包括三块内容:分类标签提示、提示性文字、热门关键词提示等; b.”提示性文字”可设置灰色(#cccccc)显示,点击输入框后提示文字消失。提示文字应简明扼要,文字一般用于内容、用途、搜索范围等用户有真正帮助的提示。“请输入关键字”这样的提示不应出现。
c. “热门关键词提示”一般放在搜索框下面 4. 搜索按钮
a. 搜索按钮一般包含图标形式或者文字形式两种
b. 使用图标形式时只能使用放大镜的图标,采用其他元素时需谨慎。 c. 搜索按钮上的文字最好为搜索,避免其他描述。
d. 图标形式(放大镜)和文字形式搭配使用,会出现如下三种情况:
2 / 3
用户体验产品规范
四. 文字
1. 字体大小:使用12号+14号字体的混合搭配 2. 中、英文标准字体:
中文标准字体为宋体,英文标准字体为arial或 Verdana。 3. 需突出的内容部分、新闻标题、栏目标题等多使用14号字体 广告内容、辅助信息或是介绍性文字等多使用12号字体 4 . 对齐和间距:
字距小于行距,行距小于段距,段距小于块距。
检查的方法:将网站的背景图片,线条全部去掉,看是否还能保持层级和区块的感
3 / 3