本文从页面各个模块对网址导航做对比分析,三种导航的放图顺序均为2345.com、hao123、360。
一、内容
1.顶部
三种网址导航的顶部均有logo、定位、天气、日期、邮箱登录入口,不同之处:
图1-1 2345顶部
图1-2 hao123顶部
图1-3 360顶部
(1)Logo行上方设有单独的一行
2345:“2345设为主页”,“登录”,“留言板”,“款屏版”,“换肤”,“2345旗下产品”
360:“设360导航为主页”,“主页修复”,“浏览器”,“直播买彩票”,开心一刻“,“换肤”,“反馈投诉”,“隐私政策”
hao123:无
最佳:2345
理由:不仅有吸引用户使用本网址导航的“把2345设为主页”,还有“2345旗下产品”的介绍,方便用户更好的了解2345的产品。
(2)登录入口位置
2345登录入口在顶部Logo上面的的一行里,hao123的登录入口是在邮箱登录入口后面,而360没看见登录入口。
最佳:2345、hao123
理由:容易找到,方便登录,2345在顶部;hao123在邮箱入口后面,由于登录所在位置下方正好为搜索栏空出的留白,“登录”就更加醒目了。
(3)空气指数
最佳:2345、360。
理由:2345和360都有,hao123没有。
(4)星座运势
2345:“星座运势”
hao123:“农历查询”“星座运势”“宜/忌”
360:无
最佳:hao123
理由:更全面,对于喜欢看运势的用户来说很方便进入网站。
(5)邮箱入口上一行
2345:“笑话”(切换不同笑话)
hao123:“推荐”
360:“好奇/娱乐”(切换不同的好奇和娱乐消息)
最佳:3种差不多
理由:用户对这个需求没有太高的要求。
(6)邮箱右侧
2345:无
hao123:网盘入口
360:广告
最佳:360>hao123>2345
理由:百度网盘是用户使用比较普遍的云盘,hao123设置登录入口方便很多,360放入广告模块在这个显眼的位置可增加流量,起到了很好的营销效果,而且广告模块比网盘登录入口大得多。
2.引导下载APP模块
2345:右上角用红包现金吸引用户点击,进入后是星球联盟APP的下载界面
图2-1 2345引导下载APP模块
hao123:在最上方用现金奖励吸引用户点击,点击进入好看视频APP下载页面
图2-2 hao123引导下载APP模块
360:右上角,点击进入淘宝页面
图2-3 360引导下载APP模块
最佳:hao123>2345>360
理由:hao123用上方一整条较长的橙色条形栏吸引用户目光,打开界面第一眼就会看到;2345和360都采用右上角翻页的形式,但360的很小,不怎么醒目。
3.搜索栏
2345:与百度搜索栏一样,右边是一些热点
图3-1 2345搜索栏
hao123:同为百度搜索栏,但没有新闻、音乐、视频、图片、贴吧、地图的切换,下发和右方都有热搜新闻,有一个别致的换肤标签
图3-2 hao123搜索栏
360:360的搜索栏,下方有热搜新闻,还有爱奇艺的图标,下拉还有斗鱼、QQ邮箱等图标,右边则是360的游戏、教育网站的有趣标签
图3-3 360搜索栏
最佳:360、2345>hao123
理由:360不仅有搜索分类和热搜,还有360网站的有趣标签,比如:“吃鸡画面逼真吓哭网友” 跳转360游戏网站;“这老师教的真好”跳转360教育网站,这些标签会吸引人进入360的各种网站,对应2345在最上方的一栏“2345旗下产品”,360有特色,2345简单明确; hao123搜索栏没有分类,下方和右方均为热搜,没必要分在两个方向,但别致的换肤标签倒是很吸引人眼光,很想让人点击。
4.菜单栏
2345:无菜单栏,显示一些权威网站。
hao123:分类如下,切换方便
图4-1 hao123菜单栏
360:分类如下,从推荐网站切换到新闻头条是新打开一个页面,切换到其他整个页面宽度变窄
图4-2 360菜单栏
最佳:hao123>360>2345
理由:有菜单栏比没有方便,一目了然。360的菜单栏切换显得麻烦,hao123很顺眼也很快捷。
5.主板块
2345:热门网站、猜你喜欢、各种类别(360自己的网站使用块引用)、实时热点、按生活细致分类、游戏、热门页游、看视频、热门动漫、实惠购物、生活百科、放松一下、生活服务、休闲娱乐、其他分类、今日头条。
hao123:热门网站、猜你喜欢、各种类别(360自己的网站使用块引用)、热门搜索、各类推荐一个具体内容、视频热播、游戏、热门单品、生活、轻松10分钟、必备软件/常用软件、生活服务、娱乐休闲、其他类别、今日头条。
360:热门网站、猜你喜欢、资讯、各种类别(360自己的网站使用块引用)、生活服务、娱乐休闲、其他类别、娱乐头条、视频、购物、游戏、直播、生活、360金融、时事。
最佳:360
理由:由上面的分类可以看出三个导航有很多相似之处,唯一不同的是:hao123有一项“必备软件/常用软件”,但由于位置偏下且无特殊标识所以不算有优势;360有一项“直播”模块和“360金融”的广告模块其他两个导航都没有,尤其是直播模块会吸引人注意,在现在视频内容正火的时候这个模块很有必要。
6.侧面一栏
2345:各种常用分类、新闻类、电视类、游戏类、购物类。
hao123:新闻、视频类、游戏类、各种常用分类、八卦搞笑类。
360:各种常用分类、新闻类、电视类、购物类、游戏类、八卦搞笑类、文章类、热点、其他杂类。
最佳:360
理由:360的类别多一点,有时候由于主模块的分类过于复杂和繁冗,很多人可能就随便看看边上的简化栏,360的种类较多,且其中的文章类是其他两个网址导航都没有的。
7.导航栏
最佳:2345
理由:2345没有广告,干净简洁,字体较大,最重要的是有“到底部”,经常使用的用户可以快捷的找到底端的网站。
二、页面
1.排版
三个网址排版相似,都是搜索栏在上面,紧接着菜单栏(2345为各种权威网站),主内容分两栏,主模块栏和简化栏(2345在右侧,其他连个在左侧)。看起来都很清晰,分类详细。
2.颜色
2345:蓝色为主基调,与2345logo颜色一致,干净清爽,协调一致。
hao123:背景为灰色,用草绿色做关键词的颜色,关键词强调的不明显。
360:背景为灰色,用亮绿色做关键词的颜色,与360Logo颜色相近,协调一致。
最佳:2345
理由:直观上看上去2345更舒服、更亮、更能缓解疲劳。
三、总结
现在的网址导航都很相似,种类繁多,很难找到自己想要的网站,不如直接搜索来得快,我认为可以逆向思维,把网址导航分类减少,简单明确就好,可以稍微增加层级。比如:首页只有游戏、影视、购物、百科、笑话、头条、直播、社交、工作、旅游、金融/理财等分类,最好无需下滑,将微博等社交类网站放入“社交”类,或者继续增加层级。
其实分类是给不清楚自己要找哪个网站的人设置的,比如:我想买一个手机,我需要网站为我推荐淘宝、京东、国美、苏宁等网站入口,而不是我从网站的上面滑到最下面去找购物类网址。而目的明确的人肯定是选择直接搜索而非找入口。