时间:2013-05-03 来源:合肥网hfw.cc 作者:hfw.cc 我要纠错
原文地址:
用户为了实现义务须要找到必须的内容和功效.左侧导航条在垂直的紧凑的空间内供给给用户疾速拜访已分类内容的进口,网站制作.
详细解决措施是什么?
在页面题目下方以一列的方法显示一系列链接,并且左对齐.
对于更高等别的导航可以联合标签组和/或顶部导航条
左侧导航条给于当前地位特殊的视觉标识.通过对色彩,网站建设,字体或者其余方式来表现”选中状况”.
左侧导航条内的所有页面自身也该显示在导航条内,同时必需准确的标识当前地位
左侧导航条中文字标签四周的元素都应当是可点的,而不仅是文字本身
一个左侧导航条最多有两层导航
当需要展示两层导航并且有良多的一级分类和二级分类时,应斟酌使用可折叠的左侧导航条(或者手风琴导航)
解决什么问题?
用户为了实现义务需要找到必要的内容和功效.
什么时候用?
分类至少有4个
分类可能会超过10个
分类的标题可能会很长或者是体系天生
页面宽度没问题
推举二级导航内容;比方,当在信息架构层面,所展示的分类是这个页面标题的子元素时
当开展/暗藏是有必要的
为了让二级或三级导航条有更好的可见性,能够用来替换标签或顶部导航条
分类是属于一个独自的产品
可点父导航 VS 静态父导航(Semantic Parents)
可点父导航(左图) VS 静态父导航(右图)
(译者注:忘了从前某个名目中跟共事还争了良久,当初看各有各的利益跟用法,只有满意基础准则即可)
当把左侧导航条中的链接进行分类后,分类的名字能够是静态的(语义的)或者是动态的(可点的).静态父导航只是定义了下面的子分类.可点父导航不仅仅是定义了子分类,他们还链接到一个特别的目的页.
永远不要在e5f2988daf2e18ed00785afcf17d左侧导航中将可点父导航跟静态父导航混杂应用.
关注内容的划分范畴(合乎用户的心智模型)比关注页面的展现更主要.由于最常见的过错是将一系列没意思的内容归在一类.
尽可能下降分类之间的交加
让分类之间的界线尽可能的清楚(例如,很轻易猜到想要的货色是否在一个分类中)
防止过于宽泛或者过于特别的分类名字.
开放式问题?
对长文字咱们该如何解决?在左侧导航中咱们是否应当避免文字换行?
为什么至少须要4个分类?对只有3个或者更少的分类时对那些设计师有什么提议吗?
假如页面宽度成问题,是否有其余的可选倡议?
为什么应用这个组件?
顶部导航条提供应用户一种很便利,北京网站制作,简练分类展现方法,让用户拜访品类繁多的有组织的内容
可访问性
当使用”弹出式”或”滑动式”菜单时,大意的做法会导致有鼠标的用户可以访问下级菜单(通过鼠标划过)或者点击链接,然而键盘用户只能做到后者.解决方法是让用户可以通过Enter或Return键来触发(通常会用在静态父导航中).