青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113118562723728 
知识普及 » 瞎扯之Web导航

瞎扯之Web导航

网页设计师 2020-06-03 09:54发表
阅读次数 1856
  这年头,信息和获得信息的渠道越来越多。随着信息量的增大,先有了分类,又有了导航,再有了搜索,后面的发展还不得而知。在此只是根据平日的所看所想简单聊下导航,欢迎各路高手拍砖~

  导航的目的很简单:告诉你现在的位置,你可以怎样来,又可以到哪去。生活中最常见的导航是路标,当遇到错误或指向性不明确的路标,你一定会抓狂。偶本人就曾在某大型商场见到一幅消防逃生路线图,指引标注的甚为详细,可惜的是没有标注“您当前的位置”……

  当然生活中的例子不是本文哼唧的重点,下面开始扯web网站中导航的应用。

  介个是我们熟悉的浏览器和PS的导航。浏览器提供的“前进”“后退”功能能够让用户双向返回浏览过的页面。PS的导航器则清楚的标明了当前所在的位置。

  图1:世界之窗浏览器

  图2:Photoshop

  在Web网站中,导航则被创造性的赋予了多种多样的表现形式。偶主要以友商网做个例子,继续瞎扯。

  全站性导航

  顾名思意,全站性导航是在网站的每一页都会出现的一种统一表现的全局性导航方式。通常出现在网页的顶端,直接链接到向用户展示的重要区域。另外有一种俗称“面包屑”的导航,虽然未必会出现在所有页面,但是它承担了告知用户所在页面的位置,以及由哪来到哪去的重要功能。(面包屑的由来详见格林童话《HanselandGretel》)

  图3:友商网的全站导航和面包屑导航

  区域性导航

  区域性导航作为全站性导航的辅助,主要用于对本区域中信息做进一步的分类,让用户更方便查阅。需要强调的是,此类区域性导航需要设计得比较灵活,能够应对信息增加导致导航层级增加的问题。下图是友商课堂栏目的区域导航,已经无法满足下一级目录分类的需求了-_-||

  图4:友商课堂的区域导航

  内嵌式导航

  内嵌式导航则更加灵活滴穿插在页面的各个部分,为区域不同却有关联的内容做牵线。在引导用户获得更多相关信息的同时,也可以增加网站的内链。友商网在4.0改版的设计中就大量使用了如下的内嵌式导航:

  图5:友商网的内嵌式导航

  辅助性导航

  辅助性导航包括了网站地图(Sitemap),索引(Index)以及其他基本导航以外的导航方式。网站地图需要清晰的写明整个网站的目录结构,虽然几乎没有人去看,但是他的核心作用是指引搜索引擎的爬虫直接爬向网站上的重要页面。索引则多数出现于有海量信息的商务网站(如B2B类站点),他能让用户跳过所有的目录级,直观得看到全部的底层信息。

  图6:Globalsources的索引导航

  社会化导航

  相比前面提到的导航类型,社会化导航则典型的拥有web2.0的灵魂。这类导航的开山鼻祖是yuhou.cn。当你购买一本书的时候,系统会根据其他用户购买的类似书籍或目录中的类似书籍,通过一套复杂的算法推荐给你相关的书籍,绝大多数情况下这本书是你需要或者感兴趣的,从而提高了销量。目前国内此类导航做的最优秀的非淘宝莫属。你浏览了商品,系统会“猜你喜欢”,推荐给你相关的商品信息;你收藏了商品,同样会推荐给你其他用户收藏的同类商品。研究一下这些推荐规则,不失为又一种网络推广的途径。另外一种值得一提的是云标签,实际上他是众多关键词的集合,不同的是他同样通过算法将热门的关键词以不同的颜色或字号加以区分,并且实时动态变化,告诉用户哪些信息最“热门”,引导用户去点击。

  图7:淘宝的“猜你喜欢”

  图8:淘宝的“同类收藏推荐”

  图9:Flickr的“云标签”

  网络上还有众多牛X创意的导航方式,大致都属于上述类型无法一一囊括举例。但目标都是一个,以更好的交互方式,友好得引导用户最大程度滴浏览站内信息,减少跳出率退出率,增加停留时间。相信随着思想和技术的深入,会有更好更强大的导航方式不断滴出现,让我们试目以待……

  原文:http://www.yuhou.cn/2009/03/%e7%9e%8e%e6%89%af%e4%b9%8bweb%e5%af%bc%e8%88%aa/

瞎扯之Web导航相关标签:网站设计网络公司企业网站制作企业做网站
相关热点推荐
针对搜索引擎最佳方式:
哪家英文网站建设做得比
网站建设好的一些建议
网页高手之浅谈设计中的
网页背景材质的选择
网站首页设计有窍门
网站建设中的“几点小事
企业网站规划和网页设计
什么样的网站才能实现效
企业微网站的商业价值及
普及360浏览器的极速
“模板化”——限制还是
做网站优化需要达到的目
建站攻略之使用CSS控
两大网站流量分析工具比
浅谈中小企业网站运营维
个人网站如何转型成商业
创建一个有强烈视觉冲击
网站如何吸引用户,提高
网站建设与设计应掌握的
常见的排版方式与表现类
使用预定义框架集为网页
青岛小程序开发公司该怎
关于青岛网站建设前需要
网站的价值
视觉层次感提升网页设计
网站管理维护过程中不要
企业怎么建网站才能更方
如何挑选专业的网站建设
优秀网站的五大特点
公司网站制作需要注意的
隐藏所有站长统计系统网
青岛网站制作公司哪家好
三层交换技术解析
帮你建设好网站
小谈网站定位与内容建设
网页代理
专业设计网站的公司哪里
设计一个好用的错误页面
如何提升网站的信任度
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
184个月 8