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

心得技巧
淘宝网技术专家:大型交易网站的设计和调优
设计思想:商务Web应用程序的界面设计
简洁富有创造性的深色调网页设计
讨论产品的设计:用户学一次就会用了
兼容Firefox 3.6最好的IE Tab的替代插件:Coral IE Tab
架构是把握问题的关键:平衡设计
设计观点:搜集设计线索和搜集客户资料
国内SNS现状:2008年之前facebook:校内
HTML5视频的注意事项
网页设计技巧:设计颜色尺寸对齐方式对比
细致的Microsoft、轻巧的Apple和简洁的Google
中国用户体验设计精英汇走进清华大学
设计理论:用户界面UI的icon设计
使用情境决定设计一致性原则
分享比较热门的原型设计工具
设计观点:如何不让自己的设计变得俗气
交互设计(IxD)在中国
能帮助销售的网站设计的8点设计方法
搞笑漫画说明常用浏览器的区别
交互设计理论:有关内容和容器的关系

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


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

导航与搜索合并的可能性

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

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

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

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

Nav_Search

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

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

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

Nav_Search_1

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

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