网站导航跟搜索的合并方式探讨

我是丘吉尔首相

我是丘吉尔首相

2016-02-17 04:50

下面是个超简单的网站导航跟搜索的合并方式探讨教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

网站导航跟搜索的合并方式探讨,PS教程,图老师教程网

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

网站导航跟搜索的合并方式探讨,PS教程,图老师教程网

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

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

展开更多 50%)
分享

猜你喜欢

网站导航跟搜索的合并方式探讨

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网站导航跟搜索的合并方式探讨

探讨网站中的搜索提示功能

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
探讨网站中的搜索提示功能

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Webjx推荐30个网站导航使用CSS的最佳方式

Web开发
Webjx推荐30个网站导航使用CSS的最佳方式

探讨观念人像的摄影创作方式

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
探讨观念人像的摄影创作方式

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Photoshop制作网站导航教程

PS PS基础
Photoshop制作网站导航教程

CSS实例:超酷的网站导航按钮

Web开发
CSS实例:超酷的网站导航按钮

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

设计师先让自己明白:目的是什么?

设计师先让自己明白:目的是什么?

如何快速合理的设计网站导航系统?

如何快速合理的设计网站导航系统?
下拉加载更多内容 ↓