華為官網(wǎng)網(wǎng)站UI設(shè)計(jì)分析之導(dǎo)航欄目

首先聲明一下,以下內(nèi)容為個(gè)人觀點(diǎn),與創(chuàng)新互聯(lián)無(wú)關(guān),如果以下內(nèi)容有冒犯之處,請(qǐng)聯(lián)系我微信13518219792.

作為在創(chuàng)新互聯(lián)工作了18年的小編來(lái)說(shuō),策劃過許多大型公司的網(wǎng)站,一直想寫一篇關(guān)于集團(tuán)官網(wǎng)網(wǎng)站設(shè)計(jì)方面的個(gè)人見解,今天公司安排讓我挑一個(gè)知名的大型公司來(lái)寫一篇我對(duì)于網(wǎng)站設(shè)計(jì)的理解,于是我就挑選了華為,為什么要挑選華為官網(wǎng)來(lái)分析呢？因?yàn)槲矣昧巳A為三個(gè)手機(jī)了,以后估計(jì)也會(huì)用華為手機(jī),為什么呢？因?yàn)樾【幱幸粋€(gè)蘋果6S嶄新的放在家里睡覺,不習(xí)慣用ISO系統(tǒng),只有在測(cè)試我們?cè)O(shè)計(jì)制作的手機(jī)網(wǎng)站兼容性時(shí)的才使用,對(duì)華為有一種親切感,而且小編對(duì)華為的任先生有一種崇拜,堅(jiān)持不上市圈錢,中年后創(chuàng)業(yè),員工持股等等，都是我們學(xué)習(xí)的榜樣.先大體講一下華為的歷史吧.

華為是一家作通信行業(yè)的民營(yíng)企業(yè).擁有生產(chǎn)與銷售都非常強(qiáng)的一家公司.1987年注冊(cè)成立,近40年的一家公司,而且發(fā)展越來(lái)越強(qiáng)大,前幾天華為決定退出美國(guó)市場(chǎng),為什么主動(dòng)退出呢,我個(gè)人認(rèn)為,因?yàn)椴挥绊懘缶职?你要制裁我不如我宣布退出.華為的通信產(chǎn)品最重要的手機(jī),目前已經(jīng)在國(guó)內(nèi)手機(jī)中占居首位.這是小編對(duì)華為的印象.

言歸正傳,分析華為官網(wǎng)網(wǎng)站的幾個(gè)特點(diǎn),小編在以下的描述中盡量不采用專業(yè)術(shù)語(yǔ),讓大家都有看懂：

簡(jiǎn)約大氣實(shí)用的網(wǎng)站導(dǎo)航欄目

華為官網(wǎng)的導(dǎo)航欄目是典型的一級(jí)帶二級(jí)下拉的欄目,是目前非常流行的一種方式。這種方式的特點(diǎn)是內(nèi)容全,用戶體驗(yàn)度高。如果普通企業(yè)站用這種方式還會(huì)讓網(wǎng)站的排名非常好,導(dǎo)航欄目是一個(gè)網(wǎng)站的地圖,它能引導(dǎo)著用戶應(yīng)該如何看這個(gè)網(wǎng)站.是所有網(wǎng)站官網(wǎng)中最重要的一部分,它沒有太多的設(shè)計(jì)理念,越簡(jiǎn)單越好,5年前做網(wǎng)站的時(shí)候這個(gè)位置很多企業(yè)用圖片的方式還有用FLASH的,但現(xiàn)在90%的網(wǎng)站就采用文字,就是因?yàn)檫@個(gè)位置不需要太花哨,用文字最簡(jiǎn)單實(shí)用

1、華為官網(wǎng)下拉欄目最左邊

看上面的華為官網(wǎng)的導(dǎo)航截圖,當(dāng)鼠標(biāo)放到手機(jī)、筆記本平板時(shí),自動(dòng)出現(xiàn)下拉,展示了華為的最新產(chǎn)品P20，把新產(chǎn)品放在這個(gè)位置顯著位置,因?yàn)樵L問華為官網(wǎng)的用戶有一半以上是想來(lái)了解這個(gè)產(chǎn)品的.那么在這里我們就建議當(dāng)一個(gè)企業(yè)網(wǎng)站設(shè)計(jì)時(shí),小編在這里也推薦這種展示方式,讓用戶知道該企業(yè)的主動(dòng)產(chǎn)品,當(dāng)有超過50%的用戶訪問你的網(wǎng)站官網(wǎng)時(shí)就為了找某一款產(chǎn)品時(shí),那么你就把這款放在這個(gè)位置,用戶第一時(shí)間找到,而且能提高該產(chǎn)品在百度排名.

2、華為官網(wǎng)產(chǎn)品分類的設(shè)置

再分析下導(dǎo)航欄目的右邊,就是產(chǎn)品分類,目前已經(jīng)有許多企業(yè)都在這樣采用了,華為采用了黑白矢量圖+產(chǎn)品分類名稱.矢量圖是為了增加美感,你打開近兩年內(nèi)大型網(wǎng)站建設(shè)公司做過的網(wǎng)站你會(huì)發(fā)現(xiàn),超過50%的網(wǎng)站里都有矢量圖標(biāo),這種圖標(biāo)的典型特點(diǎn)就是增加網(wǎng)站美感的同時(shí)又不會(huì)花哨,所以這個(gè)地方我們建議采用.

3、導(dǎo)航欄里帶有問答文章

這個(gè)應(yīng)該說(shuō)華為的網(wǎng)站策劃用心了,互聯(lián)網(wǎng)的一個(gè)重要作用就是信息對(duì)稱,拓寬了網(wǎng)民的知識(shí)面,互聯(lián)網(wǎng)每天都有幾億人在網(wǎng)上搜一些問題類的問題.因?yàn)樵S多大型網(wǎng)站都有問題類的頻道,比如百度知道、360問答、新浪愛問、知乎、今日頭條里的悟空問答等都非?；?就是因?yàn)橛腥讼胫雷约翰恢赖木蜁?huì)網(wǎng)上問.而華為正好也策劃了,預(yù)知到你想問的幾個(gè)典型問題,放在官網(wǎng)的二級(jí)導(dǎo)航欄目里,這又是增加用戶體驗(yàn)感的一個(gè)非常好的策劃.于是我們又建議企業(yè)在設(shè)計(jì)自己的官網(wǎng)的時(shí)候也把幾個(gè)客戶會(huì)問的典型問題放在這里.讓用戶多在你的網(wǎng)站里點(diǎn)擊查看.增加了PV值（簡(jiǎn)單的說(shuō)就是一個(gè)人打開了你的網(wǎng)站許多頁(yè)面）,這個(gè)PV值越高百度就會(huì)認(rèn)定這個(gè)網(wǎng)站非常有價(jià)值,就會(huì)提高你的網(wǎng)站的排名.

4、華為頂部分析

頂部有集團(tuán)、語(yǔ)言選擇以及用戶登錄.我們建議企業(yè)在設(shè)計(jì)網(wǎng)站的時(shí)候頂部好用以下方式：
“歡迎您瀏覽專注網(wǎng)站建設(shè)近10余年的創(chuàng)新互聯(lián)官網(wǎng)”這個(gè)位置作用也是非常大.因?yàn)槿A為并不需要為排名而設(shè)計(jì)網(wǎng)站,所以他這個(gè)位置沒有必要這樣寫.這樣的寫的目的就是為了百度排名考慮,網(wǎng)站建設(shè)是一個(gè)行業(yè)詞,合理的放置了一個(gè)你的行業(yè)詞,創(chuàng)新互聯(lián)是公司名稱,增加了公司名稱的曝光率,提高了這兩個(gè)詞在百度的排名.這里建議就不要采用華為的方式了,用我的方式吧.當(dāng)然后面還要有內(nèi)容,它的語(yǔ)言選擇與用戶登錄那里改為 加入收藏和網(wǎng)站地圖.或者寫上聯(lián)系電話.實(shí)用而且增加排名。

5、華為的不足

導(dǎo)航欄目我個(gè)人認(rèn)為也有以下不足之處：

（1）&的應(yīng)用,這個(gè)特別字符看上去有點(diǎn)雜亂了,而且特殊字符會(huì)被認(rèn)為亂碼的情況,當(dāng)然很少有企業(yè)在用這個(gè)字符.就不多做說(shuō)明了.

（2）一級(jí)導(dǎo)航里不建議用矢量圖標(biāo)

我們講過,導(dǎo)航欄目越簡(jiǎn)單越好,增加了這幾個(gè)圖標(biāo)讓網(wǎng)站看上去有亂了.

（3）解決方案與服務(wù)建議改名,改為通俗易懂的名稱,小編一直喜歡用簡(jiǎn)單易懂的語(yǔ)言來(lái)寫文章或表達(dá)某個(gè)事物,這里我也建議用簡(jiǎn)單的方式,華為商城與華為云放在這里可以,但就不用那兩個(gè)圖標(biāo)了。

（4）作為華為官網(wǎng),并不是所有用戶都只想進(jìn)來(lái)了解產(chǎn)品,還有好多想來(lái)了解公司介紹、文化、招聘等,我知道你雖然有一個(gè)招聘官網(wǎng),但每天有超過1萬(wàn)人訪問這個(gè)網(wǎng)站是來(lái)了解這些內(nèi)容的.那么導(dǎo)航欄既然還能再放一個(gè)欄目,就加上一個(gè)集團(tuán)介紹的鏈接吧,別放在頂部不顯眼的位置了.目的還是增加用戶體驗(yàn)度.

以上創(chuàng)新互聯(lián)小編做的關(guān)于華為官網(wǎng)網(wǎng)站設(shè)計(jì)分析,如果大家喜歡后期還我會(huì)寫網(wǎng)站整體布局、配色、內(nèi)頁(yè)等方面的設(shè)計(jì)分析.認(rèn)知不同,觀點(diǎn)不同,無(wú)論你認(rèn)可與否,以上都代表個(gè)人觀點(diǎn),不喜勿噴,小編自作聰明的認(rèn)為里面有許多見解很值得企業(yè)在進(jìn)行網(wǎng)站設(shè)計(jì)時(shí)參考,希望我寫的這篇官網(wǎng)分析的文章能為你家的官網(wǎng)制作帶來(lái)幫助.

如果你所在的企業(yè)要進(jìn)行網(wǎng)站設(shè)計(jì),那么也來(lái)找創(chuàng)新互聯(lián)的小編交流一下吧.我的工作QQ631063699，我們可以單純的交流不談業(yè)務(wù)的事.

分享文章：華為官網(wǎng)網(wǎng)站UI設(shè)計(jì)分析之導(dǎo)航欄目
文章出自：http://www.bm7419.com/news/18140.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、App設(shè)計(jì)、微信公眾號(hào)、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)