之前思域说到了主页的设计,如果把主页比作网站门面,那么导航就是通道,这些通道走向网站的每个角落,导航的设计是否合理对于一个网站是具有非常大意义的。

第一:决定用户在网站中穿梭浏览的体验,有的网站让用户感觉流连忘返,有的网站处处死胡同,让用户随地碰壁。

第二:网站导航设计合理,可以将网站的内容和服务最大面积的展现在用户面前。

第三:合理的导航设计可以增加用户黏性,提高网站的浏览深度,从而提高网站Page Views per user。

第四:促进用户消费,提高网站盈利。引导用户消费,将用户真正需要的产品和服务展示在他面前,甚至用户想不到的服务你也呈现。

第五:提高网站广告价值,增加网站广告收益。

·······

有很多好处,这里思域不详细列举,今天思域想重点说说,如何合理的设计导航,让用户体验像在逛超市。

如何才合理?

思域通过长期的实践论证,用户体验调查,得出了设计合理的导航大致具备三个特征――“明确、简单、一致”

在开始说导航之前,大家还是跟随思域去超市发现发现!

昨天思域去家乐福买菜(好久没有弄些好吃的犒劳自己啦

思域好像是个购物狂,但不是购物频率很高那种,而是不鸣则矣,一鸣惊人那种。

 

 

 左出右进,不要错位了哦!

 

 上 图是超市入口处的导航墙,思域为了说明行进路线添加了红色线条和蓝色圆点,箭头表明方向,蓝色圆点代表思域产生购买的位置。一眼看去这个导航图似乎并没有 什么特点,但是思域根据这次的购物体验,我的重点是去买菜的,可是似乎菜没有买多少,其他东西买了一堆,也许这就是典型的感性购物或者冲动型购物,所以再 细细回想自己购物的经历和分析这种导航上他们的产品布局,有几个地方思域想说说。(为下文说道网站内容布局做铺垫)

从外到内,环环相扣。

超市的外围基本上是农作物,比如水果、蔬菜、鱼、肉等等,这些是我这次来的重点,因为要作些好吃的犒劳自己。接着通过奶制品和饮料区,来到超市的内部,这里大多是生活用品,比如洗发水、沐浴露、牙膏、洗衣粉,还有厨房用品和零食便当等等。

  思 域要问了,为什么把农产品放外围?而外围是进入超市中心的通道。思域猜想,也许农产品的消费群体比较特殊,农产品只是超市的周边产品,或者部分所需,但是 农产品保存时间有限,比如蔬菜、水果、肉类如果不即时销售很容易变质。对于用户、对于超市看来把农产品放外围还是有道理的。而超市中部安排日用品、零食、 厨房用品等等因为这里是通过收银台的必经之地,而这些东西是大众所需,消费者在这停留的时间也最长。

其实思域在选购了几袋牛奶之后就直奔收银台的,可是天晓得,因为人多,我在排队的时候顺便向四周看了看,还有什么我需要的东西,该死的于是我就被超市设计进去了,最后我买单打印出来的小票一米长。大家到超市可以注意一下,收银台附件都摆放什么产品,思域发现很多超市在收银台附件摆放的产品都是类似的,一定有他们的道理。

 超市不会放过任何一个客户,任何一个购买机会,即使你在排队那些产品都会像站街女一样的向你招手,对于超市,这是成功的。那么对于网站我们怎么来做呢?稍候会说。

下面先来看看这些“站街女”是如何向我招手的吧!

 

 

 

 

 

 奥!天哪,直到现在思域都还想把这些“站街女”全部拉回家,实战是太诱人了!什么网站要是能给我这种感觉,我立即加入收藏夹,设为首页。

思域承认,思域是自愿的,自愿的被这些“站街女”强奸,被奸之后思域还大呼好爽,无论买单的时候我是多么心疼,但是至少这次购物体验是非常好的,我被超市精心设计的购物路线套住了。其实超市不仅仅设计了线路,还做了很好的引导。

  

  

  当然,超市的很多地方不会用这样的导航,因为文字导航实在是太没有技术含量了,超市喜欢用实物或者颜色做导航。这个是网站值得借鉴的。

比如超市用堆头做导航,因为堆头一般是放在过道中间,用户很远就可以看到,这样消费者就会知道哪些东西大概在这堆头附近,有客官问什么是堆头?堆头是超市里面的专业束语,请看下图。

 

 至于颜色,思域就不多说了,看看上面那些向思域招手的“站街女”,看她们的身着的颜色差异就知道。

上面说了思域在超市的购物体验,现在回到主题,网站导航如何合理的设计,让用户在网站上浏览也像在这超市里面那样酣畅?

在这之前,思域想和大家回顾一下超市中有那些元素被用做导航。

1、 超市门前的牌坊告诉人们这是哪里

2、 超市入口周围的布置以及进出标示告诉人们从哪里进出

3、 超市入口处的超市产品布局图告诉人们产品在超市中的位置

4、 琳琅满目的产品告诉人们这里有什么。

5、 过道拐角处的导航灯箱

6、 产品区的堆头

7、 产品区的颜色区别

8、 产品分类指示牌

9、 气味、温度、声音,当你闻到香水味也许洗发水就离你不远,感觉空气冰凉可能冷冻食品就在附近,你会闻到鱼腥味,你会听到剁肉的声音,你会听到儿童玩具的音乐

·······

超 市是个物理空间,可以用作导航的元素很多,他有上下、左右、前后,消费者在其中有空间感,可是网站怎么办呢?网站是个数字空间,在这里你似乎感觉不到这个 空间的大小,感觉不到网站到底有多少页面;你或许也感觉不到方向,没有东西南北;甚至你不知道自己处在网站的什么地方,感觉不到位置。那么用户的这一系列 不好的体验,网站是不是就真的因为自己是数字空间而不知所措呢?不是的!这时候就应该充分发挥网站导航的作用。我们就来牛刀小试一下!

1、 用户感觉不到网站大小的解决办法

1) 网站首页体现频道导航

  2) 网站地图

参考中国网地图

3) 告诉用户你网站的逻辑关系

例如哪个是首页、哪些是频道首页、哪些是栏目页面、哪些是信息列表、哪些是内容页。大家注意观察就会发现,很多网站的头部文件是不同的,首页、频道页、内容页的头部文件都不同,想过为什么没有?

4) 样式控制

例如用户未点击的链接是蓝色,点击之手的是紫色,这样用户会把你的信息量化,大小的感觉在他潜意识就产生了。

5) 搜索功能

很多网站提供站内搜索,其实这个功能不仅仅帮助用户找到他想要的,还可以告诉用户网站里面他想要的内容有多少。

小节:从上面看来,网站地图是导航、页面的差异是导航、样式也是导航、搜索还是导航,要告诉用户你网站有多大的方法有很多。

2、 用户在网站中感觉不到方向怎么办?

虽然网站没有东西南北,但是网站是有上一级下一级之分的,比如首页、频道页、信息列表页、内容页。网站把这个逻辑关系用灌输大用户脑子里,使用户养成习惯,看到你页面的头部就知道自己是在网站的那个级。

 我们来看看上图,网易汽车频道首页,网易在头部用了3个地方告诉用户,这里是网易的汽车频道。

3、 用户在网站上感觉不到位置的解决办法

1) 不要吝啬你的title

  2)给用户亮起一盏灯

  上图是艾瑞咨询内容页面的截图,他巧妙的利用了导航,用户在阅读的内容属于哪个频道,那么导航就会在这个频道上亮起一盏灯。

3)为用户提供层级菜单

 4)网站也有“堆头”哦

都说百字不如一图,上面说到了超市的堆头,他为什么要摆放在过道中,难道真是因为这样消费者容易拿取么?为什么堆头大部分是促销产品?思域觉得堆头更多的是让别人容易发现,发现这个促销产品,发现堆头周围的这一产品“频道”

上图是网易汽车频道的第一屏截图,网易巧妙的排布使得用户不看文字就知道这个页面大概是哪方面的内容。

那么,如果用户在你网站上不存在“感觉不到大小、感觉不到方向、感觉不到位置”这些问题的时候,逛网站就像逛超市这是不是就有可能了?是的,这只是个可能,只是基础而已,更精彩的还在后面! 

Author:思域

Original article:http://blog.donews.com/..../21/1100524.aspx