浅谈网站前端导航功能的设计要点
<p><strong>用户对导航的三种行为<br /></strong>1.适应<br />人们对导航会逐渐适应<br />2.预测<br />导航提供的信息气味的线索，使人们可以预测下一步是什么<br />3.重定向<br />到达一个新网页，人们会让自己重新熟悉它</p><p><strong>网站的导航设计大致类型<br /></strong>超大信息类站点的导航条就像中药铺的抽屉，一字排开气势恢宏，分别拉开，别有洞天。<br />国人喜好：多！大！全！最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此，对比浏览了同类大型新闻信息类站点，发现中/洋；东/西，界面感受果然不同。<br />今天只说导航，只对比了新闻类站点：<br />（娱乐类，设计类，个人站点导航形式多样，逻辑复杂，暂来不及铺开）<br />Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / 腾讯新闻 / 新浪<br />首先关注首页横向主导航：<br />（常规纵向导航通常配合横向主导航试用，且在商务型，大型信息类站点主页中单独使用频率不高，通常在次级页面出现，且一定是信息内容量大，分类繁琐的站点。）<br />可见基本导航条模式如下：<br />1. 对于信息统一，归纳性强的站点，通常会使用简单模式：<br /><img alt="201677111415621.png (653×108)" src="https://img.jbzj.com/file_images/article/201607/201677111415621.png?201667111426" /></p>
<p>2. 对于有丰富次级信息的，通常会使用以下两种模式：<br />a. 鼠标hover下拉<br /><img alt="201677111447916.png (655×278)" src="https://img.jbzj.com/file_images/article/201607/201677111447916.png?201667111454" /></p>
<p>b. tab展开<br /><img alt="201677111503021.png (653×134)" src="https://img.jbzj.com/file_images/article/201607/201677111503021.png?201667111510" /></p>
<p>a 型导航方便快捷预览， b 型导航直接展开次级信息，也有站点把a/b模式合并。<br />3. 特别案例，盖浇饭类型的，把所有信息都铺出来，比如s浪：<br /><img alt="201677111519635.png (653×114)" src="https://img.jbzj.com/file_images/article/201607/201677111519635.png?201667111527" /></p>
<p>（与其说导航，不如说是归纳过的标签）</p>
<p><strong></strong></p>
<p><strong>导航设计的一些注意点<br /></strong>导航上的迷失有多方面的原因：<br />1.当人们不理解资料的时候可能会感到迷惑<br />2.人们在查寻过程中迷失，不知道下一步做什么<br />3.人们可能会在网站中偏离方向感，无法回到以前的页面，甚至是首页<br />4.人们在信息系统中偏离方向、分散了注意力。</p>
<p><br /><strong>导航操作性：<br /></strong>一个完美的导航，最基本最重要的是随时随地，快速引导用户去相关页面，而且能及时返回，方便跳转到其他页面。<br />有意思的是，去容易，反而找到来时路就千差万别了。<br />比如：用户很可能是从首页任何一个兴趣点，误入了详情页面，去的容易，1步到～！但从详情页面返回到其他模块或想去其他分支类别页面，就要仰赖导航了。<br />为了提供必要引导，当用户进入到足够深的详细页面，各种索引，面包屑都配合导航条应运而生。<br />做一个反向测试，看哪种导航配套设置更便捷。</p>
<p></p>
<p><strong>导航路径的确定：<br /></strong>1.以最终目标为起点<br />2.确定导航的需求<br />3.选择适当的机制</p>
頁:
[1]