本文從頁面各個模塊對網(wǎng)址導航做對比分析,三種導航的放圖順序均為2345.com、hao123、360。
一、內(nèi)容
1.頂部
三種網(wǎng)址導航的頂部均有l(wèi)ogo、定位、天氣、日期、郵箱登錄入口,不同之處:
圖1-1? ? 2345頂部
圖1-2? ? hao123頂部
圖1-3? ? 360頂部
(1)Logo行上方設有單獨的一行
2345:“2345設為主頁”,“登錄”,“留言板”,“款屏版”,“換膚”,“2345旗下產(chǎn)品”
360:“設360導航為主頁”,“主頁修復”,“瀏覽器”,“直播買彩票”,開心一刻“,“換膚”,“反饋投訴”,“隱私政策”
hao123:無
最佳:2345
理由:不僅有吸引用戶使用本網(wǎng)址導航的“把2345設為主頁”,還有“2345旗下產(chǎn)品”的介紹,方便用戶更好的了解2345的產(chǎn)品。
(2)登錄入口位置
2345登錄入口在頂部Logo上面的的一行里,hao123的登錄入口是在郵箱登錄入口后面,而360沒看見登錄入口。
最佳:2345、hao123
理由:容易找到,方便登錄,2345在頂部;hao123在郵箱入口后面,由于登錄所在位置下方正好為搜索欄空出的留白,“登錄”就更加醒目了。
(3)空氣指數(shù)
最佳:2345、360。
理由:2345和360都有,hao123沒有。
(4)星座運勢
2345:“星座運勢”
hao123:“農(nóng)歷查詢”“星座運勢”“宜/忌”
360:無
最佳:hao123
理由:更全面,對于喜歡看運勢的用戶來說很方便進入網(wǎng)站。
(5)郵箱入口上一行
2345:“笑話”(切換不同笑話)
hao123:“推薦”
360:“好奇/娛樂”(切換不同的好奇和娛樂消息)
最佳:3種差不多
理由:用戶對這個需求沒有太高的要求。
(6)郵箱右側(cè)
2345:無
hao123:網(wǎng)盤入口
360:廣告
最佳:360>hao123>2345
理由:百度網(wǎng)盤是用戶使用比較普遍的云盤,hao123設置登錄入口方便很多,360放入廣告模塊在這個顯眼的位置可增加流量,起到了很好的營銷效果,而且廣告模塊比網(wǎng)盤登錄入口大得多。
2.引導下載APP模塊
2345:右上角用紅包現(xiàn)金吸引用戶點擊,進入后是星球聯(lián)盟APP的下載界面
圖2-1? ? 2345引導下載APP模塊
hao123:在最上方用現(xiàn)金獎勵吸引用戶點擊,點擊進入好看視頻APP下載頁面
圖2-2? ? hao123引導下載APP模塊
360:右上角,點擊進入淘寶頁面
圖2-3? ? 360引導下載APP模塊
最佳:hao123>2345>360
理由:hao123用上方一整條較長的橙色條形欄吸引用戶目光,打開界面第一眼就會看到;2345和360都采用右上角翻頁的形式,但360的很小,不怎么醒目。
3.搜索欄
2345:與百度搜索欄一樣,右邊是一些熱點
圖3-1? ? 2345搜索欄
hao123:同為百度搜索欄,但沒有新聞、音樂、視頻、圖片、貼吧、地圖的切換,下發(fā)和右方都有熱搜新聞,有一個別致的換膚標簽
圖3-2? ? hao123搜索欄
360:360的搜索欄,下方有熱搜新聞,還有愛奇藝的圖標,下拉還有斗魚、QQ郵箱等圖標,右邊則是360的游戲、教育網(wǎng)站的有趣標簽
圖3-3? ? 360搜索欄
最佳:360、2345>hao123
理由:360不僅有搜索分類和熱搜,還有360網(wǎng)站的有趣標簽,比如:“吃雞畫面逼真嚇哭網(wǎng)友” 跳轉(zhuǎn)360游戲網(wǎng)站;“這老師教的真好”跳轉(zhuǎn)360教育網(wǎng)站,這些標簽會吸引人進入360的各種網(wǎng)站,對應2345在最上方的一欄“2345旗下產(chǎn)品”,360有特色,2345簡單明確;? ? ? ? ? ? ? ? ? ? hao123搜索欄沒有分類,下方和右方均為熱搜,沒必要分在兩個方向,但別致的換膚標簽倒是很吸引人眼光,很想讓人點擊。
4.菜單欄
2345:無菜單欄,顯示一些權(quán)威網(wǎng)站。
hao123:分類如下,切換方便
圖4-1? ? hao123菜單欄
360:分類如下,從推薦網(wǎng)站切換到新聞頭條是新打開一個頁面,切換到其他整個頁面寬度變窄
圖4-2? ? 360菜單欄
最佳:hao123>360>2345
理由:有菜單欄比沒有方便,一目了然。360的菜單欄切換顯得麻煩,hao123很順眼也很快捷。
5.主板塊
2345:熱門網(wǎng)站、猜你喜歡、各種類別(360自己的網(wǎng)站使用塊引用)、實時熱點、按生活細致分類、游戲、熱門頁游、看視頻、熱門動漫、實惠購物、生活百科、放松一下、生活服務、休閑娛樂、其他分類、今日頭條。
hao123:熱門網(wǎng)站、猜你喜歡、各種類別(360自己的網(wǎng)站使用塊引用)、熱門搜索、各類推薦一個具體內(nèi)容、視頻熱播、游戲、熱門單品、生活、輕松10分鐘、必備軟件/常用軟件、生活服務、娛樂休閑、其他類別、今日頭條。
360:熱門網(wǎng)站、猜你喜歡、資訊、各種類別(360自己的網(wǎng)站使用塊引用)、生活服務、娛樂休閑、其他類別、娛樂頭條、視頻、購物、游戲、直播、生活、360金融、時事。
最佳:360
理由:由上面的分類可以看出三個導航有很多相似之處,唯一不同的是:hao123有一項“必備軟件/常用軟件”,但由于位置偏下且無特殊標識所以不算有優(yōu)勢;360有一項“直播”模塊和“360金融”的廣告模塊其他兩個導航都沒有,尤其是直播模塊會吸引人注意,在現(xiàn)在視頻內(nèi)容正火的時候這個模塊很有必要。
6.側(cè)面一欄
2345:各種常用分類、新聞類、電視類、游戲類、購物類。
hao123:新聞、視頻類、游戲類、各種常用分類、八卦搞笑類。
360:各種常用分類、新聞類、電視類、購物類、游戲類、八卦搞笑類、文章類、熱點、其他雜類。
最佳:360
理由:360的類別多一點,有時候由于主模塊的分類過于復雜和繁冗,很多人可能就隨便看看邊上的簡化欄,360的種類較多,且其中的文章類是其他兩個網(wǎng)址導航都沒有的。
7.導航欄
最佳:2345
理由:2345沒有廣告,干凈簡潔,字體較大,最重要的是有“到底部”,經(jīng)常使用的用戶可以快捷的找到底端的網(wǎng)站。
二、頁面
1.排版
三個網(wǎng)址排版相似,都是搜索欄在上面,緊接著菜單欄(2345為各種權(quán)威網(wǎng)站),主內(nèi)容分兩欄,主模塊欄和簡化欄(2345在右側(cè),其他連個在左側(cè))。看起來都很清晰,分類詳細。
2.顏色
2345:藍色為主基調(diào),與2345logo顏色一致,干凈清爽,協(xié)調(diào)一致。
hao123:背景為灰色,用草綠色做關(guān)鍵詞的顏色,關(guān)鍵詞強調(diào)的不明顯。
360:背景為灰色,用亮綠色做關(guān)鍵詞的顏色,與360Logo顏色相近,協(xié)調(diào)一致。
最佳:2345
理由:直觀上看上去2345更舒服、更亮、更能緩解疲勞。
三、總結(jié)
現(xiàn)在的網(wǎng)址導航都很相似,種類繁多,很難找到自己想要的網(wǎng)站,不如直接搜索來得快,我認為可以逆向思維,把網(wǎng)址導航分類減少,簡單明確就好,可以稍微增加層級。比如:首頁只有游戲、影視、購物、百科、笑話、頭條、直播、社交、工作、旅游、金融/理財?shù)确诸悾詈脽o需下滑,將微博等社交類網(wǎng)站放入“社交”類,或者繼續(xù)增加層級。
其實分類是給不清楚自己要找哪個網(wǎng)站的人設置的,比如:我想買一個手機,我需要網(wǎng)站為我推薦淘寶、京東、國美、蘇寧等網(wǎng)站入口,而不是我從網(wǎng)站的上面滑到最下面去找購物類網(wǎng)址。而目的明確的人肯定是選擇直接搜索而非找入口。