众多牛X创意的网站导航方式

这年头,信息和获得信息的渠道越来越多。随着信息量的增大,先有了分类,又有了导航,再有了搜索,后面的发展还不得而知。在此只是根据平日的所看所想简单聊下导航,欢迎各路高手拍砖~

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

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

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


图1:世界之窗浏览器


图2:Photoshop

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

全站性导航

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


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

区域性导航

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


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

内嵌式导航

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


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

时间: 2024-10-27 16:30:31

众多牛X创意的网站导航方式的相关文章

设计参考:27个独具创意的网站导航设计

这里整理了27个独具创意的网站导航设计案例,在网站应用性中,导航菜单应该是最重要的部分了,优秀的导航设计不仅可以方便用户浏览网站内容,还能在第一时间给用户准确的信息传达,直观地表现网站的内容涉猎,让用户更方便地找到想要的需要的内容. Vegas Uncork's SYNTHVIEW Help Your Habitat Electric Pulp The House Media Breezy Baby Curious Generation Group Pastebot Chirp

网站导航设计:综合型网站导航设计技巧

文章描述:综合型网站导航问题很棘手,看起来也不像只有一个显然的解决方案.一个让我写这篇文章的主要的原因是开放讨论这个话题,并希望能抛砖引出更多替代方案.正是因此,我真心感谢你能在评论中给出一些想法,或你发现的替代性的导航案例. 对于大部分网站,导航并不算是个挑战.一条主导航加条二级导航支撑,通常就足够了.典型的做法是,二级导航显示出父.兄及当前子菜单.常显的主导航条显示最顶层的菜单,允许用户在菜单间切换. 然而,有一类网站让这种传统的导航样式承担有些吃力.这就是我要提的大型网站. 定义大型网站

交互设计实例:手机界面中常用的导航方式

文章描述:手机界面常用导航设计分析. 所谓的交互设计,其实设计的就是人如何向机器发送指令,机器如何向人传达信息,一来一往是为交互.当要传达的信息量很少时,好办,就像Google的搜索框那样,往白底上一放就行了.但当等到信息是海量的.在一屏上难以全部呈现时,就需要有效地组织信息,将部分信息先隐藏起来,待到用户需要时再将用户引导到那里.在界面设计中,广义地来讲,从一组信息向另一组信息转移的的过程,就称之为导航. 明确了定义,我们就该知道,一个好的导航设计应该让用户明白: 现在在哪儿 以前去过哪儿 将

用户界面设计研究:手机网站导航设计分析

文章描述:手机界面常用导航设计分析. 所谓的交互设计,其实设计的就是人如何向机器发送指令,机器如何向人传达信息,一来一往是为交互.当要传达的信息量很少时,好办,就想Google的搜索框那样,往白底上一放就行了.但当等到信息是海量的.在一屏上难以全部呈现时,就需要有效地组织信息,将部分信息先隐藏起来,待到用户需要时再将用户引导到那里.在界面设计中,广义地来讲,从一组信息向另一组信息转移的的过程,就称之为导航. 明确了定义,我们就该知道,一个好的导航设计应该让用户明白: 现在在哪儿 以前去过哪儿 将

用CSS设计网站导航:横向导航

  网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具.网站导航从形式上主要由横向导航.纵向导航.下拉及多级菜单导航第三种形式.  横向导航 作为门户网站的设计而言,主导航一般采用横向导航.由于门户网站下方文字较多,且每个频道均有一同的样式区分,因此在顶部固定一个区域设计统一风格且不占用过多空间的导航是最理想的选择,国内大部分门户均采用这种形式.  纵向导航 目前在门户网站的设计中已经不再流行,纵向导航更倾向于表达产品分类. 下拉导航 主要用于功能复杂的网站.在有些

电商网站导航设计超全面指南

  伴随着互联网的成长,通过电子商务网站实现商品交易越来越频繁,而访客在面对越来越庞大的信息量时会感到迷茫,因此,优秀的导航设计能够提高网站的易用性,对实现电子商务网站的高效运作具有实际意义. 另,电子商务网站的首页导航设计必须本着用户体验为佳的原则,既要将网站中的所有信息都在有限的导航栏中体现,又要为用户反馈出重要的帮助信息.网站因其独特的重要性和不可替代性,在电子商务网站设计中日渐凸显出举足轻重的地位. 1.符合网站内容结构 在设计电商网站的导航之前,事先应该对网站整体的内容有一个全面的了解

传统导航样式承担吃力 大型网站导航设计

原文作者:Paul Boag 简介 对于大部分网站,导航并不算是个挑战.一条主导航加条二级导航支撑,通常就足够了. 对于大部分网站,导航并不算是个挑战.一条主导航加条二级导航支撑,通常就足够了. 典型的做法是,二级导航显示出父.兄及当前子菜单.常显的主导航条显示最顶层的菜单,允许用户在菜单间切换. 然而,有一类网站让这种传统的导航样式承担有些吃力.这就是我要提的大型网站. 定义大型网站 一个大型网站由结合了综合服务和产品的典型大型组织所有.这个组织通常也服务各色用户. 拥有大型网站的组织,包括B

大型网站导航设计指南

  对于大部分网站,导航并不算是个挑战.一条主导航加条二级导航支撑,通常就足够了.典型的做法是,二级导航显示出父.兄及当前子菜单.常显的主导航条显示最顶层的菜单,允许用户在菜单间切换. 然而,有一类网站让这种传统的导航样式承担有些吃力.这就是我要提的大型网站. 定义大型网站 一个大型网站由结合了综合服务和产品的典型大型组织所有.这个组织通常也服务各色用户.拥有大型网站的组织,包括BBC这类机构型的,类似微软这种项目多样化的公司型的,政府部门,高等教育类的以及运作多种活动的慈善组织类的,比如世界自

用一年的经验总结网站推广方法和网站收益方式

中介交易 SEO诊断 淘宝客 云主机 技术大厅 进入互联网行业整整一年,在国庆节到来之际,总结下自己的网站推广经验,希望给和我一样刚入门的还在迷茫的站长一些帮助,少走弯路,更快的赚到钞票.其实网站推广讲究的是方法和韧性,否则,得不偿失,推广之路越走越窄,收益也没有大的长进.那我用自己做企业站一年的经历来说说如何做一个赚钱的网站,以及如何进行有效推广获得高收益.如果您对我的方法有异议,也欢迎拍砖! 我没有做一个很大很全的所谓门户站,我觉得一个人的精力有限,而且那些所谓的一个人运作一个门户站的站长根