手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >导航设计中的信息结构
导航设计中的信息结构
摘要:在进入今天的主题之前,我们先来探讨导航的重要性,并分析一下门户网站中导航的表现。导航直接影响到公司的财政收入导航会给我们带来哪些好处?导航不...

导航设计中的信息结构1

在进入今天的主题之前,我们先来探讨导航的重要性,并分析一下门户网站中导航的表现。

导航直接影响到公司的财政收入

导航会给我们带来哪些好处?导航不光只是提供信息获取的途径,它的设计优劣会直接影响到整个公司财政收入。下面我们看一个例子(以下内容来自alibaba李凡的《设计师的商业意识》):

导航设计中的信息结构2 

alibaba大致的广告价格

上图反映了阿里巴巴网站大致的广告价格。

其实页面上方大量的空间都被导航占据了,见下图:

导航设计中的信息结构3

可以看出,上方的导航非常庞大,在一屏之内,用户几乎看不到搜索结果。

用户是来找信息的,第一屏完全看不到结果!!!

下面我们要为导航减肥:

导航设计中的信息结构4

导航减肥后的页面

这是减肥之后的导航,搜索结果在更高的位置呈现,同时每个产品位的价格也增加了很多,第一个位置的广告位由9.5万增加到12万。

导航的改变,直接带来了网站的财政收益。

门户网站的导航

导航在Web设计中占据着非常重要的位置,但是我们在设计网站时,常常会忽略导航的重要性,特别在门户网站中,这种现象更加普遍。以下为网易财经频道的页面导航:

导航设计中的信息结构5

【导航设计中的信息结构】相关文章:

网页设计中的图标的使用技巧与资源合集

著名网站重新设计的10个经典案例

帮设计师快速解决GIF图的锯齿问题

搞定APP重设计的五个关键要点

视觉设计师怎样让前端100%实现设计效果?

台湾美女聊聊设计师的鄙视链

做好扁平化设计-交互篇

扁平化设计的字体和配色

2015网页设计七大杀手锏

浅谈交互设计的未来之服务设计

精品推荐
分类导航