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

心得技巧
图片在办公用品识别设计中的运用
设计理论之趣用文化元素
网站导航设计:Vista系统地址栏的设计
不要被“网页呈现F形关注热度”理论忽悠了
用户体验设计:工作中最常用到的统计方法
让设计的目标能更有效的指导设计工作
网页前端分析:关于淘宝页面编码的疑惑
如何设计能让来访用户都有点击欲望的按钮
web前端的弱架构导致的代码污染
设计理论:设计海报的基本原则
设计案例分析:QQ公益图标诞生记
用户体验与团队建设
交互设计:给用户带去快乐的设计
网页交互设计:网站的搜索框设计
设计参考:20个超酷的音乐网站设计实例
设计灵感:27个令你眼前一亮的知名品牌网站
为什么设计在不同的国家效果有差异?
设计理论:烟斗的故事
浅谈用户体验设计与创新的关系
用户体验设计:公用样式模板的设计制作

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


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

导航与搜索合并的可能性

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

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

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

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

Nav_Search

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

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

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

Nav_Search_1

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

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