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

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

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

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

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

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

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

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

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

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

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

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

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

4、華為頂部分析

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

5、華為的不足

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

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

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

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

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

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

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

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

分享標(biāo)題：華為官網(wǎng)網(wǎng)站UI設(shè)計分析之導(dǎo)航欄目
文章路徑：http://www.bm7419.com/news40/18140.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站營銷、電子商務(wù)、網(wǎng)站收錄、外貿(mào)建站、手機網(wǎng)站建設(shè)

廣告

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