網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)藝術(shù),很容易把它搞砸。
一個(gè)小錯(cuò)誤足以讓一個(gè)漂亮的、值得獲獎(jiǎng)的網(wǎng)站變成一個(gè)我再也不會(huì)訪問(wèn)這個(gè)網(wǎng)站的時(shí)刻。
我們一次又一次地看到同樣的錯(cuò)誤;即使是專(zhuān)業(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)記?。含F(xiàn)在移動(dòng)網(wǎng)絡(luò)用戶(hù)比桌面網(wǎng)絡(luò)用戶(hù)多。在當(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ò)你寫(xiě)的一個(gè)字,為什么還要注冊(cè)你的郵件列表?內(nèi)容營(yíng)銷(xiāo)的全部意義在于展示您如何提供價(jià)值,然后嘗試讓人們訂閱。
它有它的好處。無(wú)可否認(rèn)。但是請(qǐng)考慮在訪問(wèn)者在頁(yè)面上停留幾分鐘之前阻止該框顯示。
有一件事比早期彈出窗口更糟糕。
最糟糕的一種是非移動(dòng)友好型。您的用戶(hù)實(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)字體。
您希望用戶(hù)覺(jué)得您的網(wǎng)站是一種閱讀樂(lè)趣,充滿(mǎn)了現(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:展示太多廣告
廣告賺錢(qián),是的;但它們也會(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ì)注意到的確切類(lèi)型,但它們共同會(huì)對(duì)網(wǎng)站的專(zhuān)業(yè)性和吸引力產(chǎn)生重大影響。
錯(cuò)誤確實(shí)在細(xì)節(jié)中,所以請(qǐng)多花幾分鐘仔細(xì)觀察一下,并為您的網(wǎng)站提供應(yīng)有的額外滋潤(rùn)。