系统系  - 操作系统 - 工具软件 - 病毒安全 - Vista专区 WEB2.0  - 奇趣 - 发现分享 - 评论员文章 - 沈阳网站制作 视　频  - 体育 - 娱乐 - 科技 - 教程
办公系  - Word - Excel - Powerpoint - 圣诞祝福 动画系  - Flash - Ascript - Flex - MsE Design 教程 编程系  - Asp - Asp.Net - Php - Jsp、Java - CGI/perl
艺术系  - 酷赏 - 工业 - 建筑 - 界面 - 平面 - 视觉 网站系  - HTML/Xhtml - Js、Ajax - Css - XML、XSLT 下　载  - 图形图像 - 多媒体 - 系统办公
 
Aoaob.com学院正文

Web可用性设计的247条指导方针

创建日期：2009年7月20日 来自：蓝色理想 浏览：3299次 作者：匿名
导航和信息架构
  1. 关联页面或区域间的跳转移动应当是方便的、显而易见的，并且可以容易的回到首页
  2. 在绝大部分页面都可以轻松的导航至用户最可能需要的信息
  3. 导航选项按照最常用逻辑或任务导向方式排序
  4. 导航系统应当是内容宽泛并层级较浅的，而非有比较深的层级
  5. 站点结构是简单的，有一个清晰的概念模型，没有不必要的层次
  6. 在所有页面都可以到达网站主要部分（持久导航persistent navigation），导航过程不会中断
  7. 导航标签放在页面顶端，而且要设计成看上去可以点击的样子
  8. 要有一个站点地图用来提供整个站点内容的概况
  9. 在任何页面都可以链接到站点地图
  10. 站点地图提供一个简洁的网站概貌，而非主要导航的重复或各主题的简单罗列
  11. 提供良好的导航反馈（例如显示当前位置）
  12. 分类标签应当能准确描述该分类的信息
  13. 链接或导航标签包含用户要达到目标所寻找的“触发字眼（trigger words）”
  14. 术语和常规（例如链接颜色）应当（近似地）与互联网习惯用法保持一致
  15. 在网站各个组成部分中的链接样子应当一致
  16. 产品页面应当包含与当前产品相似或互补产品的链接，以实现交叉营销
  17. 导航项和链接中的用词应当是无歧义的，并且使用术语
  18. 用户可以排序和过滤目录页面（例如按价格排序或最热门排序）
  19. 当鼠标放在某个可点击的元素上时，元素应当有明显变化（包括光标的变化）
  20. 重要内容可以通过不止一个链接访问到（不同的用户有可能需要不同的链接标签）
  21. 仅用于导航的页面（例如首页）可以再不滚动的情况下浏览
  22. 触发事件的超链接应当与链接到其它页面的超链接（例如：下载）在外观上有明显区分
  23. 网站允许用户控制交互速度和顺序
  24. 在网站每个页面清晰标注退出入口，允许用户从当前任务中推出，而不必通过一个额外的对话框
  25. 网站不可禁用浏览器的“后退”按钮，“后退”按钮应当在每个页面的浏览器工具栏上都有显示
  26. 用户点击浏览器后退按钮时，总能回到他之前所在页面
  27. 购物车（basket）和结账（checkout）链接应当在每个页面中都可以看的十分清楚
  28. 如果网站有打开新窗口，那么这个动作不应使用户困惑（例如：新窗口应该是一个设定大小的对话框或并可以轻松关闭）
  29. 菜单的使用说明、提示、相关信息应当在每个屏幕的同一位置显示
  首页   上一页   1   2   3   4   5   6   7   8   9   下一页   尾页 

责编：yezi
相关搜索： Web   可用性   设计   指导   方针  
Google
上一篇：10个创意滑动大导航网站设计(单页面)
下一篇：还没有下一篇
嗷嗷毙技术网版权申明：大家可以自由转载我站点的文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来链接，自行链接）。文章版权归作者所有。
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们联系，我们将立即删除修改。
子栏目
系统系
编程系
网站系
艺术系
动画系
办公系
搜索 
Google
最新 热门 推荐 随机
10个创意滑动大导航网站设计(单页面)10个创意滑动大导航网站设计(单页面)
         在国外优秀的设计网站中，开始流行一种这样的Web创意设计风格：整站由一个单一页面组成，通过设
浅谈品牌的视觉识别浅谈品牌的视觉识别
         什么是品牌的视觉传达 品牌，这个熟悉而又陌生的名词，有时总会让人产生误解。品牌很广，广到一
佳作欣赏：[Dianae+kerembeyit]插画精选集佳作欣赏：[Dianae+kerembeyit]插画精选集
         [Dianae+kerembeyit]插画精选集开始5张P非出自以上两位作者.Dianae:ht
用CSS3将你的设计带入下个高度用CSS3将你的设计带入下个高度
        原文：用CSS3将你的设计带入下个高度译自：Take Your Design To The Next
用Photoshop打造质感珍珠用Photoshop打造质感珍珠
         图层样式可以说是Photoshop针对质感的专用工具了，在经过针对性的设置之后，所创造出的质感可
世界各国货币鉴赏世界各国货币鉴赏
        中华人民共和国 人民币元 中国澳门地区 澳门币 中国台湾地区 元 中国香港地区 港币
极致美胸诱惑——回忆那曾经的汹涌波涛极致美胸诱惑——回忆那曾经的汹涌波涛
        
广告摄影师的把戏：眼球爆炸，视线模糊广告摄影师的把戏：眼球爆炸，视线模糊
        
暗夜中的华丽：褪去浮华 疯狂的爱上你暗夜中的华丽：褪去浮华 疯狂的爱上你
        
惊艳的空中摄影：男人们高高在上的梦想惊艳的空中摄影：男人们高高在上的梦想
        当摄影遇到飞机，那些由云朵构成的世界，那些被阳光照射着的梦想，顷刻间离生活很近很真实