当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页设计技巧:网页中导航和搜索合并设计

心得技巧
固定、流动、弹性网页布局的利弊分析
网页设计中的tab应用的两种类型
50个漂亮的FLASH网站设计实例
好的网站文案 良好的用户体验
设计欣赏:张扬个性的名片网站设计实例
网页设计教程:网页模式窗口要适时使用
设计参考:23个精美的橙黄色调网站设计实例
优秀网站UI设计简单的和通用的可用性策略
设计参考:11个合理排版结构的新杂志网站设计
如何设计兼顾美观与可用性的网站购物车
网页设计理论:IE6必须下地狱
网站地图放到网页底部的好处和实例
WEB安全工具大收集
密码保护设置影响用户体验的几点因素
简单分析新闻网站二级新闻列表的表现形式
网页图片的点击区域设计的用户体验
WEB设计师需要什么样的网页字体?
HTML中的input type="reset"标签失效(不起作用)的可能原因。
修改网页中的FlashSWF文件的方法
网页设计制作试题及参考答案

心得技巧 中的 网页设计技巧:网页中导航和搜索合并设计


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 59 ::
收藏到网摘: n/a

导航与搜索合并的可能性

网站内容的入口很大一部分都是依赖于导航系统,而网站的入口很大一部分依赖于搜索系统,这也在一定意义上证明了导航与搜索之间的重叠性。搜索系统可以完成导航的功能,而导航在一定意义上也可以完成搜索的功能。

网站的导航在一定意义上可以看做是对搜索系统中的关键词类别的提取,这个类别可大可小。比如众多购物网站中的“手机”类别,这是一个大的类别,而“手机”类别下的“索爱”品牌则是属于小类别。这两个类别可以通过导航系统的上下级关系表现出来,同样也可以基于搜索系统的范围搜索展现出来。

即使搜索系统在功能上几乎可以完全替代导航系统,但是导航系统却仍然是网站中不可缺少的组件,预先以网站主题为核心提取搜索系统中的大类别做为导航,将用户获取特定信息的范围进行类别的筛选。这是从让用户在最短的时间内获取特定信息为出发点的需求。

然而几乎所有网站的导航系统与搜索系统的表现形式都是区别开来的,以便于用户快速准确的区分哪里是导航,哪里是搜索。既然导航系统可以做为搜索系统中的一部分,那为何两者不能在表现形式上也进行叠加呢?

Nav_Search

如上图,直接将导航系统中的类别以下拉框的形式表现,这个下拉框本身是搜索系统中的一部分,是对搜索范围的筛选。

第二类的导航与第一类实际上是形式上的差距,但第三类采用联动的下拉菜单方式则更趋向于搜索系统中的范围筛选,同时这样的导航设计也可以兼顾到指引用户路径的面包屑导航,然而这个导航的限制是大类别不能进行交叉筛选,只能是线性的范围筛选。

于是尝试带有维度的第四种导航跟搜索的合并方式:

Nav_Search_1

当然,这样的导航与搜索的合并方式有很大的局限性,那就是网站中的类别不能多,如果是垂直性质的购物网站也许是可行的,用户可以通过交叉维度的筛选方式去寻找一定范围内的信息。

如果用户是有着明确的目标的,比如说知道新闻的标题,或是知道即将购买的物品的名称型号,那么用户只需要一个搜索框,导航在这里都是显得多余的。