成都定制開發(fā)網(wǎng)站的設(shè)計(jì)標(biāo)準(zhǔn)

2022-07-06    分類： 網(wǎng)站建設(shè)

即使對于營銷人員來說，設(shè)計(jì)標(biāo)準(zhǔn)也不是您想得太多的事情。但是對于網(wǎng)頁設(shè)計(jì)師而言，它們至關(guān)重要。

“標(biāo)準(zhǔn)Web約定”是Web設(shè)計(jì)標(biāo)準(zhǔn)和實(shí)踐。它們是網(wǎng)站設(shè)計(jì)師遵循的一組規(guī)則，知道它們符合訪問者的期望。它們是清晰度和可用性的指南。

但實(shí)際上是什么標(biāo)準(zhǔn)？
為了回答這個(gè)問題，我們創(chuàng)建了一個(gè)包含10個(gè)Web設(shè)計(jì)標(biāo)準(zhǔn)的清單，然后查看了排名前50位的營銷網(wǎng)站，以了解這些標(biāo)準(zhǔn)的真正標(biāo)準(zhǔn)。使用指南從早期NN組文章中，我們使用以下閾值：

標(biāo)準(zhǔn)：80％或更多的網(wǎng)站使用相同的設(shè)計(jì)方法
慣例：50 – 79％的網(wǎng)站使用相同的設(shè)計(jì)方法
困惑：49％或更少的網(wǎng)站符合標(biāo)準(zhǔn)，沒有任何一種設(shè)計(jì)方法能成為主流
注意：本研究中包含的網(wǎng)站是Alexa上“業(yè)務(wù)營銷與廣告”類別中的頂級營銷網(wǎng)站。在排除不具有常規(guī)潛在客戶生成或電子商務(wù)目標(biāo)的新聞，媒體和出版物網(wǎng)站之后，我們最終排名前50位的營銷網(wǎng)站。

1.左上方的徽標(biāo)
在所研究的網(wǎng)站中，有100％的網(wǎng)站每個(gè)頁面的左上角都有一個(gè)可點(diǎn)擊的徽標(biāo)。這是一個(gè)標(biāo)準(zhǔn)！

2.右上角的聯(lián)系方式
44％的聯(lián)系人按鈕或鏈接位于每個(gè)頁面的右上角。盡管此放置非常普遍并且被認(rèn)為是實(shí)踐，但不能認(rèn)為它是標(biāo)準(zhǔn)的。

設(shè)計(jì)標(biāo)準(zhǔn)博客發(fā)布-聯(lián)系方式-小

3.頂部的主要導(dǎo)航
88％的網(wǎng)站的主導(dǎo)航位于每個(gè)頁面頂部的標(biāo)題中，從而使水平的頂級導(dǎo)航成為Web設(shè)計(jì)的標(biāo)準(zhǔn)。

設(shè)計(jì)標(biāo)準(zhǔn)博客-小

4.主頁幻燈片
32％的網(wǎng)站都有主頁幻燈片放映（也稱為輪播），其中包含一系列旋轉(zhuǎn)的圖像和消息。

設(shè)計(jì)標(biāo)準(zhǔn)博客帖子小

這是Orbit設(shè)計(jì)師正在仔細(xì)觀察的一個(gè)，因?yàn)樵絹碓蕉嗟木W(wǎng)站似乎更喜歡靜態(tài)的特色圖片，而不是旋轉(zhuǎn)的圖片系列。

關(guān)于每種選擇的有效性的研究混雜在一起。結(jié)果各不相同！為您的網(wǎng)站，消息和訪問者選擇選項(xiàng)。

5.首頁上的價(jià)值主張
80％的營銷網(wǎng)站在首頁上都有明確的價(jià)值主張。因此，大多數(shù)網(wǎng)站都“向折疊上方”說明了其價(jià)值。其余的根本沒有明確的價(jià)值主張。

designstandardsblogpost-value-small

任何網(wǎng)頁設(shè)計(jì)師都會(huì)告訴您，瀏覽器沒有標(biāo)準(zhǔn)的像素高度。因此，沒有折痕。但是，當(dāng)然，某些設(shè)計(jì)元素會(huì)出現(xiàn)在頁面的上方，并且大多數(shù)訪問者通常無需滾動(dòng)即可看到它們。

6.在首頁上方的號召性用語
78％的網(wǎng)站在視覺上吸引了號召性用語。該百分比低于我們的標(biāo)準(zhǔn)閾值，這當(dāng)然是慣例。

設(shè)計(jì)標(biāo)準(zhǔn)博客-cta-small

7.標(biāo)頭中的搜索功能
54％的網(wǎng)站的標(biāo)題中都有搜索功能。大約一半的營銷站點(diǎn)沒有一個(gè)搜索功能，該功能以鏈接，圖標(biāo)或搜索框的形式在每個(gè)頁面上“全局”顯示。

designstandardsblogpost-search-small

這對我們來說并不奇怪。除非網(wǎng)站包含大量內(nèi)容，否則不需要搜索工具。搜索工具通常是組織不良的網(wǎng)站的“拐杖”。

8.頁腳中的注冊框
24％的網(wǎng)站允許訪問者在頁腳中注冊和訂閱電子郵件更新。因此，這是收集電子郵件地址的常見位置，而不是約定或標(biāo)準(zhǔn)。

designstandardsblogpost注冊小

頁腳最常見的內(nèi)容是版權(quán)，隱私，法律，站點(diǎn)地圖和聯(lián)系鏈接。訪客希望在網(wǎng)站的右下角或底部中心找到聯(lián)系信息。

想要一個(gè)更好的頁腳嗎？這是我們的頁腳設(shè)計(jì)實(shí)踐，您可以在頁面底部添加27項(xiàng)內(nèi)容。

9.頁腳中的社交媒體圖標(biāo)
72％的網(wǎng)站的頁腳中都包含社交媒體網(wǎng)站的圖標(biāo)。這幾乎使這些成為標(biāo)準(zhǔn)設(shè)計(jì)元素。

設(shè)計(jì)標(biāo)準(zhǔn)博客博客-socialfooter-footer

26％的網(wǎng)站在標(biāo)題中突出顯示了社交媒體圖標(biāo)。

設(shè)計(jì)標(biāo)準(zhǔn)博客帖子-社會(huì)標(biāo)頭-小

就像在頁腳中一樣，單擊任何這些圖標(biāo)會(huì)將訪問者帶到社交媒體網(wǎng)站。因此，這是一個(gè)設(shè)計(jì)元素，可能會(huì)浪費(fèi)您的流量，增加跳出率并損害結(jié)果。

我們建議在頁腳中添加社交媒體圖標(biāo)。為了進(jìn)一步減少視覺沖擊，只有在訪問者將鼠標(biāo)光標(biāo)移到圖標(biāo)上之后，才可以顯示全色版本。

10.響應(yīng)式設(shè)計(jì)
68％的網(wǎng)站使用響應(yīng)式網(wǎng)頁設(shè)計(jì)對移動(dòng)設(shè)備友好。無論使用哪種設(shè)備（手機(jī)，平板電腦或臺式機(jī)），這都為游客帶來了好的體驗(yàn)。

designstandardsblogpost響應(yīng)式-小

它是設(shè)計(jì)和編程的結(jié)合，在站點(diǎn)構(gòu)建后很難添加。通常，它是重新設(shè)計(jì)的一部分，這可以解釋為什么它是慣例而不是標(biāo)準(zhǔn)。

響應(yīng)式設(shè)計(jì)多年來一直是實(shí)踐。我們很高興看到這種情況變得越來越普遍，并且希望該功能最終成為標(biāo)準(zhǔn)。

關(guān)于數(shù)據(jù)的注釋：本研究中包含的站點(diǎn)是知名的大品牌。他們有很多頁面，并且業(yè)務(wù)多種多樣。大型網(wǎng)站的某些設(shè)計(jì)方面（搜索工具，通用導(dǎo)航標(biāo)簽）可能與較小的營銷網(wǎng)站無關(guān)。

我們來復(fù)習(xí)…
designstandardsblogpost-bar-small

定制設(shè)計(jì)占主導(dǎo)地位
顯然，并不是所有的設(shè)計(jì)標(biāo)準(zhǔn)都是標(biāo)準(zhǔn)的。除了徽標(biāo)的位置，主要導(dǎo)航和價(jià)值主張之外，沒有用于網(wǎng)頁設(shè)計(jì)的標(biāo)準(zhǔn)。

關(guān)于標(biāo)準(zhǔn)的好處是您有很多選擇。–計(jì)算機(jī)科學(xué)家Andy S. Tanenbaum

Web設(shè)計(jì)約定包括醒目的號召性用語，頁眉中的搜索工具，頁腳中的社交媒體圖標(biāo)和響應(yīng)式Web設(shè)計(jì)。

其他常見的設(shè)計(jì)功能仍然可以視為做法，但大多數(shù)網(wǎng)站可能不會(huì)使用。專門針對企業(yè)及其受眾的自定義Web設(shè)計(jì)是一天的工作。

Web設(shè)計(jì)師的實(shí)用見解
符合標(biāo)準(zhǔn)是滿足觀眾期望的簡便方法。您的訪客不是空白。您的網(wǎng)站是他們訪問過的第百萬個(gè)網(wǎng)站，因此，他們對所能找到的內(nèi)容以及在何處可以找到深刻的想法。該網(wǎng)站是您數(shù)字營銷基礎(chǔ)知識的關(guān)鍵。

為什么要使您的網(wǎng)站與眾不同？
如果在某個(gè)特定位置需要設(shè)計(jì)元素，則應(yīng)該在該位置。

除了設(shè)計(jì)元素之外，所有優(yōu)秀設(shè)計(jì)師還可以理解以下幾種Web設(shè)計(jì)標(biāo)準(zhǔn)：

品牌標(biāo)準(zhǔn)
顏色，類型和色調(diào)特定于每項(xiàng)業(yè)務(wù)。您應(yīng)該為自己的網(wǎng)站準(zhǔn)備一份樣式指南，并堅(jiān)持使用。
編碼標(biāo)準(zhǔn)
網(wǎng)站應(yīng)使用W3C同意的編程標(biāo)準(zhǔn)來構(gòu)建。這使它們更有可能在瀏覽器中顯示和正常運(yùn)行。
無障礙標(biāo)準(zhǔn)
獲取信息是一項(xiàng)基本人權(quán)。聯(lián)合國《殘疾人權(quán)利公約》已經(jīng)承認(rèn)了這一點(diǎn)。遵循這些標(biāo)準(zhǔn)，使每個(gè)人都可以訪問您的網(wǎng)站。
標(biāo)準(zhǔn)Web約定是良好設(shè)計(jì)的簡寫。如果您違反任何這些規(guī)則，則應(yīng)有充分的理由有意地這樣做。而且，您應(yīng)該計(jì)劃測量出乎意料的影響。

當(dāng)前文章：成都定制開發(fā)網(wǎng)站的設(shè)計(jì)標(biāo)準(zhǔn)
文章分享：http://www.muchs.cn/news/174852.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、用戶體驗(yàn)、定制網(wǎng)站、企業(yè)建站、手機(jī)網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)

廣告

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

搜索引擎優(yōu)化