10個(gè)網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤，即使是專業(yè)人士也犯錯(cuò)

　　網(wǎng)頁(yè)設(shè)計(jì)是一門藝術(shù)，很容易把它搞砸。

　　一個(gè)小錯(cuò)誤足以讓一個(gè)漂亮的、值得獲獎(jiǎng)的網(wǎng)站變成一個(gè)我再也不會(huì)訪問(wèn)這個(gè)網(wǎng)站的時(shí)刻。

　　我們一次又一次地看到同樣的錯(cuò)誤；即使是專業(yè)人士有時(shí)也會(huì)犯下他們的罪行。

　　繼續(xù)閱讀以了解一些最常見(jiàn)和最令人畏懼的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤，這樣您就可以避免自己犯...

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#1：在移動(dòng)網(wǎng)站上禁用縮放

　　這不僅僅是令人畏縮，這是令人頭疼的……字面意思！

　　如果您在手機(jī)上訪問(wèn)想要閱讀的網(wǎng)站，那么發(fā)現(xiàn)無(wú)法放大以使文本足夠大是相當(dāng)惱人的。

　　結(jié)果是您的訪問(wèn)者只能瞇著眼睛看著一小段文字，而且他們往往會(huì)離開(kāi)。

　　請(qǐng)記住：現(xiàn)在移動(dòng)網(wǎng)絡(luò)用戶比桌面網(wǎng)絡(luò)用戶多。在當(dāng)今時(shí)代，您的網(wǎng)站絕-對(duì)必須針對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化！

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#2：彈出窗口/彈出窗口

　　不要誤會(huì)我們的意思，彈出窗口是可以的。彈出式顯示的“何時(shí)”可能是錯(cuò)誤的

　　如今，許多網(wǎng)站在您到達(dá)頁(yè)面后立即將彈出窗口“彈出”?。

　　如果他們甚至沒(méi)有讀過(guò)你寫的一個(gè)字，為什么還要注冊(cè)你的郵件列表？內(nèi)容營(yíng)銷的全部意義在于展示您如何提供價(jià)值，然后嘗試讓人們訂閱。

　　它有它的好處。無(wú)可否認(rèn)。但是請(qǐng)考慮在訪問(wèn)者在頁(yè)面上停留幾分鐘之前阻止該框顯示。

　　有一件事比早期彈出窗口更糟糕。

　　最糟糕的一種是非移動(dòng)友好型。您的用戶實(shí)際上一直在看彈出窗口，并且“x”關(guān)閉按鈕不起作用。不要讓這種情況發(fā)生！

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#3：自動(dòng)播放有聲視頻

　　如果您的網(wǎng)站上嵌入了視頻，請(qǐng)關(guān)閉自動(dòng)播放。或者至少，消除聲音。

　　盡管您可能認(rèn)為在人們加載您的頁(yè)面后立即向他們大聲喧嘩是一種吸引注意力的好方法，但實(shí)際上這是讓您的網(wǎng)站立即關(guān)閉的更好方法。

　　大多數(shù)人一次瀏覽多個(gè)站點(diǎn)，當(dāng)他們聽(tīng)到噪音時(shí)，他們只會(huì)尋找旁邊帶有聲音圖標(biāo)的站點(diǎn)并點(diǎn)擊“關(guān)閉”。很多人也喜歡在瀏覽時(shí)聽(tīng)自己的音樂(lè)，所以無(wú)論如何他們都不會(huì)正確聽(tīng)到您的視頻，而且只會(huì)出現(xiàn)亂碼。

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#4：白色背景上的淺灰色文本

　　嚴(yán)肅的問(wèn)題，為什么有人會(huì)這樣做？

　　這似乎是一個(gè)明顯的禁忌，但你卻一次又一次地看到它。

　　當(dāng)然，白色是一種很棒的顏色，是任何網(wǎng)頁(yè)設(shè)計(jì)師創(chuàng)造空間和給網(wǎng)站帶來(lái)最小感覺(jué)的最好朋友。

　　當(dāng)然，淺灰色是一種很好的柔和顏色，具有現(xiàn)代感……

　　但這并不意味著您應(yīng)該將兩者結(jié)合起來(lái)作為您的文本。

　　可讀的文本都是關(guān)于對(duì)比度的，所以要確保字體的顏色與背景的顏色有很大的不同！

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#5：小文本

　　同樣，使用小文本同樣糟糕。

　　這里的問(wèn)題是一些網(wǎng)頁(yè)設(shè)計(jì)師完全忘記了他們字體的重要性，因此只使用默認(rèn)字體。

　　您希望用戶覺(jué)得您的網(wǎng)站是一種閱讀樂(lè)趣，充滿了現(xiàn)代排版。您不希望他們?cè)谒阉鞔罅啃《温鋾r(shí)感到頭疼。

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#6：滾動(dòng)劫持

　　滾動(dòng)劫持在網(wǎng)頁(yè)設(shè)計(jì)師中是一個(gè)骯臟的詞，這是正確的。

　　這是本質(zhì)上“劫持”網(wǎng)站上的滾動(dòng)條并將正常內(nèi)容頁(yè)面轉(zhuǎn)換為一系列幻燈片的過(guò)程。

　　如果您曾經(jīng)訪問(wèn)過(guò)這樣做的網(wǎng)站，那么您很可能會(huì)知道它有多煩人，最糟糕的是，它會(huì)阻止您瀏覽閱讀，這意味著您需要等待每張“幻燈片”加載。

　　至少提供“以列表形式查看”的選項(xiàng)。

　　當(dāng)然，一些網(wǎng)站管理員喜歡這種設(shè)計(jì)，因?yàn)檫@意味著他們可以放入更多廣告。這將我們帶到了下一點(diǎn)……

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#7：展示太多廣告

　　廣告賺錢，是的；但它們也會(huì)分散您的內(nèi)容并破壞您的設(shè)計(jì)。

　　如果頁(yè)面上有太多，它們都會(huì)閃爍并試圖讓你的讀者看到它們。結(jié)果是感官超載，導(dǎo)致混亂并最終增加您的跳出率。

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#8：不友好的下拉菜單

　　我們已經(jīng)談到了確保網(wǎng)站對(duì)移動(dòng)設(shè)備友好的重要性。

　　當(dāng)您考慮到如今，許多人也通過(guò)觸摸屏與他們的?PC?進(jìn)行交互時(shí)，這一點(diǎn)變得更加重要。

　　創(chuàng)建一個(gè)需要鼠標(biāo)懸停才能操作的下拉菜單并不是僅限于小型網(wǎng)頁(yè)設(shè)計(jì)師的錯(cuò)誤。

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#9：太多大圖

　　如果您的頁(yè)面有太多大圖像，則加載速度可能會(huì)很慢，滾動(dòng)速度也會(huì)很慢。

　　如果歸結(jié)為展示另一個(gè)?巨大的圖像或讓您的網(wǎng)站加載和運(yùn)行得更快，那么選擇后者。

　　否則，人們不會(huì)去那里，因?yàn)樗麄儧](méi)有耐心！

　　網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤#10：遺漏小細(xì)節(jié)

　　如果您的菜單中的某個(gè)項(xiàng)目稍微不符合要求，這真的很重要嗎？

　　是的，它確實(shí)。

　　這些小細(xì)節(jié)是人們不一定會(huì)注意到的確切類型，但它們共同會(huì)對(duì)網(wǎng)站的專業(yè)性和吸引力產(chǎn)生重大影響。

　　錯(cuò)誤確實(shí)在細(xì)節(jié)中，所以請(qǐng)多花幾分鐘仔細(xì)觀察一下，并為您的網(wǎng)站提供應(yīng)有的額外滋潤(rùn)。