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

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

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

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

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

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

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

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

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

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

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

3、導航欄里帶有問答文章

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

4、華為頂部分析

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

5、華為的不足

導航欄目我個人認為也有以下不足之處：

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

（2）一級導航里不建議用矢量圖標

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

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

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

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

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

分享文章：華為官網(wǎng)網(wǎng)站UI設計分析之導航欄目
文章出自：http://www.muchs.cn/news/18140.html

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

廣告

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