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

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

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

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

但實(shí)際上是什么標(biāo)準(zhǔn)?
為了回答這個(gè)問(wèn)題,我們創(chuàng)建了一個(gè)包含10個(gè)Web設(shè)計(jì)標(biāo)準(zhǔn)的清單,然后查看了排名前50位的營(yíng)銷網(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),沒(méi)有任何一種設(shè)計(jì)方法能成為主流
注意:本研究中包含的網(wǎng)站是Alexa上“業(yè)務(wù)營(yíng)銷與廣告”類別中的頂級(jí)營(yíng)銷網(wǎng)站。在排除不具有常規(guī)潛在客戶生成或電子商務(wù)目標(biāo)的新聞,媒體和出版物網(wǎng)站之后,我們最終排名前50位的營(yíng)銷網(wǎng)站。

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

2.右上角的聯(lián)系方式
44%的聯(lián)系人按鈕或鏈接位于每個(gè)頁(yè)面的右上角。盡管此放置非常普遍并且被認(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è)頁(yè)面頂部的標(biāo)題中,從而使水平的頂級(jí)導(dǎo)航成為Web設(shè)計(jì)的標(biāo)準(zhǔn)。

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

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

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

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

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

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

designstandardsblogpost-value-small

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

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

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

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

designstandardsblogpost-search-small

這對(duì)我們來(lái)說(shuō)并不奇怪。除非網(wǎng)站包含大量?jī)?nèi)容,否則不需要搜索工具。搜索工具通常是組織不良的網(wǎng)站的“拐杖”。

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

designstandardsblogpost注冊(cè)小

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

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

9.頁(yè)腳中的社交媒體圖標(biāo)
72%的網(wǎng)站的頁(yè)腳中都包含社交媒體網(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)頭-小

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

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

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

designstandardsblogpost響應(yīng)式-小

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

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

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

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

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

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

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

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

Web設(shè)計(jì)師的實(shí)用見(jiàn)解
符合標(biāo)準(zhǔn)是滿足觀眾期望的簡(jiǎn)便方法。您的訪客不是空白。您的網(wǎng)站是他們?cè)L問(wèn)過(guò)的第百萬(wàn)個(gè)網(wǎng)站,因此,他們對(duì)所能找到的內(nèi)容以及在何處可以找到深刻的想法。該網(wǎng)站是您數(shù)字營(yíng)銷基礎(chǔ)知識(shí)的關(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)來(lái)構(gòu)建。這使它們更有可能在瀏覽器中顯示和正常運(yùn)行。
無(wú)障礙標(biāo)準(zhǔn)
獲取信息是一項(xiàng)基本人權(quán)。聯(lián)合國(guó)《殘疾人權(quán)利公約》已經(jīng)承認(rèn)了這一點(diǎn)。遵循這些標(biāo)準(zhǔn),使每個(gè)人都可以訪問(wèn)您的網(wǎng)站。
標(biāo)準(zhǔn)Web約定是良好設(shè)計(jì)的簡(jiǎn)寫。如果您違反任何這些規(guī)則,則應(yīng)有充分的理由有意地這樣做。而且,您應(yīng)該計(jì)劃測(cè)量出乎意料的影響。

網(wǎng)頁(yè)題目:成都定制開發(fā)網(wǎng)站的設(shè)計(jì)標(biāo)準(zhǔn)
網(wǎng)站地址:http://muchs.cn/news2/174852.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航定制網(wǎng)站、網(wǎng)站策劃小程序開發(fā)、域名注冊(cè)、自適應(yīng)網(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)

成都網(wǎng)站建設(shè)