直达电梯-导航

2019-04-03    来源:携程UED

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

超大信息类站点的导航条就像中药铺的抽屉,一字排开气势恢宏,分别拉开,别有洞天。

国人喜好:多!大!全!最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此,对比浏览了同类大型新闻信息类站点,发现中/洋;东/西,界面感受果然不同。

今天只说导航,只对比了新闻类站点:

(娱乐类,设计类,个人站点导航形式多样,逻辑复杂,暂来不及铺开)

Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / 腾讯新闻 / 新浪

首先关注首页横向主导航:

(常规纵向导航通常配合横向主导航试用,且在商务型,大型信息类站点主页中单独使用频率不高,通常在次级页面出现,且一定是信息内容量大,分类繁琐的站点。)

可见基本导航条模式如下:

1. 对于信息统一,归纳性强的站点,通常会使用简单模式:

2. 对于有丰富次级信息的,通常会使用以下两种模式:

a. 鼠标hover下拉

b. tab展开

a 型导航方便快捷预览, b 型导航直接展开次级信息,也有站点把a/b模式合并。

3. 特别案例,盖浇饭类型的,把所有信息都铺出来,比如s浪:

(与其说导航,不如说是归纳过的标签)

导航操作性:

一个完美的导航,最基本最重要的是随时随地,快速引导用户去相关页面,而且能及时返回,方便跳转到其他页面。

有意思的是,去容易,反而找到来时路就千差万别了。

比如:用户很可能是从首页任何一个兴趣点,误入了详情页面,去的容易,1步到~!但从详情页面返回到其他模块或想去其他分支类别页面,就要仰赖导航了。

为了提供必要引导,当用户进入到足够深的详细页面,各种索引,面包屑都配合导航条应运而生。

做一个反向测试,看哪种导航配套设置更便捷。

测试内容:从A类详情页【1】去B类详情页【2】:

测试站点:

Korea Times

http://www.koreatimes.co.kr/www/news/nation/2011/10/115_97248.html

BBC News

http://www.bbc.co.uk/news/uk-england-leeds-15438299

Yahoo News

http://news.yahoo.com

China Daily

http://www.chinadaily.com.cn/china/2011-10/25/content_13968775.htm

标签: 新闻网站 网站导航 产品对比 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:他们到底需要神马?——戏说“用户需求”

下一篇:完美瞬间——QQ电脑管家6.0项目小结