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

心得技巧
网页设计心得:网页设计中的包容原则
网页设计理论:站在用户立场思考问题
设计参考:B2C网站添加到购物车按钮设计欣赏
收集国外优秀的杂志风格网站设计实例
用户体验参考:网页产品原型设计到网站界面
电子商务网站常见模式案例:分页设计
WEBJX收集55个新鲜的企业网站设计案例
70个漂亮的带有灵感的单页面网站设计实例
提高视觉冲击纹理质感风格Web设计实例参考
设计灵感:启发灵感的网页设计实例
Webjx收集50个新鲜的时尚和精致的组合设计网站
45个阅读更多和继续阅读链接设计实例
50个漂亮的有强烈设计感的博客网站实例
35个漂亮的国外摄影类网站(WEBJX收集)
54个出色的“网站建设中”网页设计实例
设计参考:10个使用涂鸦风格的网店设计
设计参考:12个设计精彩的国外游戏网站设计
用户体验:准确的发现问题和优雅的解决问题
淘宝网允许非注册用户购买的设计流程
网页设计理论:网站首页如何增加互动

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


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

导航与搜索合并的可能性

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

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

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

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

Nav_Search

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

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

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

Nav_Search_1

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

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