即使對于營銷人員來說,設計標準也不是您想得太多的事情。但是對于網(wǎng)頁設計師而言,它們至關重要。
“標準Web約定”是Web設計標準和實踐。它們是
網(wǎng)站設計師遵循的一組規(guī)則,知道它們符合訪問者的期望。它們是清晰度和可用性的指南。
但實際上是什么標準?
為了回答這個問題,我們創(chuàng)建了一個包含10個Web設計標準的清單,然后查看了排名前50位的營銷網(wǎng)站,以了解這些標準的真正標準。使用指南從早期NN組文章中,我們使用以下閾值:
標準:80%或更多的網(wǎng)站使用相同的設計方法
慣例:50 – 79%的網(wǎng)站使用相同的設計方法
困惑:49%或更少的網(wǎng)站符合標準,沒有任何一種設計方法能成為主流
注意:本研究中包含的網(wǎng)站是Alexa上“業(yè)務營銷與廣告”類別中的頂級營銷網(wǎng)站。在排除不具有常規(guī)潛在客戶生成或電子商務目標的新聞,媒體和出版物網(wǎng)站之后,我們最終排名前50位的營銷網(wǎng)站。
1.左上方的徽標
在所研究的網(wǎng)站中,有100%的網(wǎng)站每個頁面的左上角都有一個可點擊的徽標。這是一個標準!
2.右上角的聯(lián)系方式
44%的聯(lián)系人按鈕或鏈接位于每個頁面的右上角。盡管此放置非常普遍并且被認為是實踐,但不能認為它是標準的。
設計標準博客發(fā)布-聯(lián)系方式-小
3.頂部的主要導航
88%的網(wǎng)站的主導航位于每個頁面頂部的標題中,從而使水平的頂級導航成為Web設計的標準。
設計標準博客-小
4.主頁幻燈片
32%的網(wǎng)站都有主頁幻燈片放映(也稱為輪播),其中包含一系列旋轉(zhuǎn)的圖像和消息。
設計標準博客帖子小
這是Orbit設計師正在仔細觀察的一個,因為越來越多的網(wǎng)站似乎更喜歡靜態(tài)的特色圖片,而不是旋轉(zhuǎn)的圖片系列。
關于每種選擇的有效性的研究混雜在一起。結(jié)果各不相同!為您的網(wǎng)站,消息和訪問者選擇選項。
5.首頁上的價值主張
80%的營銷網(wǎng)站在首頁上都有明確的價值主張。因此,大多數(shù)網(wǎng)站都“向折疊上方”說明了其價值。其余的根本沒有明確的價值主張。
designstandardsblogpost-value-small
任何網(wǎng)頁設計師都會告訴您,瀏覽器沒有標準的像素高度。因此,沒有折痕。但是,當然,某些設計元素會出現(xiàn)在頁面的上方,并且大多數(shù)訪問者通常無需滾動即可看到它們。
6.在首頁上方的號召性用語
78%的網(wǎng)站在視覺上吸引了號召性用語。該百分比低于我們的標準閾值,這當然是慣例。
設計標準博客-cta-small
7.標頭中的搜索功能
54%的網(wǎng)站的標題中都有搜索功能。大約一半的營銷站點沒有一個搜索功能,該功能以鏈接,圖標或搜索框的形式在每個頁面上“全局”顯示。
designstandardsblogpost-search-small
這對我們來說并不奇怪。除非網(wǎng)站包含大量內(nèi)容,否則不需要搜索工具。搜索工具通常是組織不良的網(wǎng)站的“拐杖”。
8.頁腳中的注冊框
24%的網(wǎng)站允許訪問者在頁腳中注冊和訂閱電子郵件更新。因此,這是收集電子郵件地址的常見位置,而不是約定或標準。
designstandardsblogpost注冊小
頁腳最常見的內(nèi)容是版權(quán),隱私,法律,站點地圖和聯(lián)系鏈接。訪客希望在網(wǎng)站的右下角或底部中心找到聯(lián)系信息。
想要一個更好的頁腳嗎?這是我們的頁腳設計實踐,您可以在頁面底部添加27項內(nèi)容。
9.頁腳中的社交媒體圖標
72%的網(wǎng)站的頁腳中都包含社交媒體網(wǎng)站的圖標。這幾乎使這些成為標準設計元素。
設計標準博客博客-socialfooter-footer
26%的網(wǎng)站在標題中突出顯示了社交媒體圖標。
設計標準博客帖子-社會標頭-小
就像在頁腳中一樣,單擊任何這些圖標會將訪問者帶到社交媒體網(wǎng)站。因此,這是一個設計元素,可能會浪費您的流量,增加跳出率并損害結(jié)果。
我們建議在頁腳中添加社交媒體圖標。為了進一步減少視覺沖擊,只有在訪問者將鼠標光標移到圖標上之后,才可以顯示全色版本。
10.響應式設計
68%的網(wǎng)站使用響應式網(wǎng)頁設計對移動設備友好。無論使用哪種設備(手機,平板電腦或臺式機),這都為游客帶來了好的體驗。
designstandardsblogpost響應式-小
它是設計和編程的結(jié)合,在站點構(gòu)建后很難添加。通常,它是重新設計的一部分,這可以解釋為什么它是慣例而不是標準。
響應式設計多年來一直是實踐。我們很高興看到這種情況變得越來越普遍,并且希望該功能最終成為標準。
關于數(shù)據(jù)的注釋:本研究中包含的站點是知名的大品牌。他們有很多頁面,并且業(yè)務多種多樣。大型網(wǎng)站的某些設計方面(搜索工具,通用導航標簽)可能與較小的營銷網(wǎng)站無關。
我們來復習…
designstandardsblogpost-bar-small
定制設計占主導地位
顯然,并不是所有的設計標準都是標準的。除了徽標的位置,主要導航和價值主張之外,沒有用于
網(wǎng)頁設計的標準。
關于標準的好處是您有很多選擇。–計算機科學家Andy S. Tanenbaum
Web設計約定包括醒目的號召性用語,頁眉中的搜索工具,頁腳中的社交媒體圖標和響應式Web設計。
其他常見的設計功能仍然可以視為做法,但大多數(shù)網(wǎng)站可能不會使用。專門針對企業(yè)及其受眾的自定義Web設計是一天的工作。
Web設計師的實用見解
符合標準是滿足觀眾期望的簡便方法。您的訪客不是空白。您的網(wǎng)站是他們訪問過的第百萬個網(wǎng)站,因此,他們對所能找到的內(nèi)容以及在何處可以找到深刻的想法。該網(wǎng)站是您數(shù)字營銷基礎知識的關鍵。
為什么要使您的網(wǎng)站與眾不同?
如果在某個特定位置需要設計元素,則應該在該位置。
除了設計元素之外,所有優(yōu)秀設計師還可以理解以下幾種Web設計標準:
品牌標準
顏色,類型和色調(diào)特定于每項業(yè)務。您應該為自己的網(wǎng)站準備一份樣式指南,并堅持使用。
編碼標準
網(wǎng)站應使用W3C同意的編程標準來構(gòu)建。這使它們更有可能在瀏覽器中顯示和正常運行。
無障礙標準
獲取信息是一項基本人權(quán)。聯(lián)合國《殘疾人權(quán)利公約》已經(jīng)承認了這一點。遵循這些標準,使每個人都可以訪問您的網(wǎng)站。
標準Web約定是良好設計的簡寫。如果您違反任何這些規(guī)則,則應有充分的理由有意地這樣做。而且,您應該計劃測量出乎意料的影響。
網(wǎng)頁題目:成都定制開發(fā)網(wǎng)站的設計標準
網(wǎng)站地址:http://jinyejixie.com/news2/174852.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供面包屑導航、定制網(wǎng)站、網(wǎng)站策劃、小程序開發(fā)、域名注冊、自適應網(wǎng)站
廣告
聲明:本網(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)