如果您在本地大學(xué)上過課程,多年來建立了網(wǎng)站,或者如果您去過業(yè)余培訓(xùn),則每個(gè)網(wǎng)站設(shè)計(jì)師都應(yīng)該避免某些事情,如果他希望訪問者在他們的網(wǎng)站上玩得開心。
您可能聽說過“粘性”一詞,并帶有指向該網(wǎng)站的鏈接。
它僅表示訪問者想要關(guān)注的站點(diǎn)-停留在瀏覽器中并且被放置并且經(jīng)常訪問的站點(diǎn)。有太多因素使網(wǎng)站變得難以置信,這又是另一個(gè)主題。
但是,肯定存在一些建設(shè)性的網(wǎng)絡(luò)錯(cuò)誤,這些錯(cuò)誤會使網(wǎng)站成為訪客想要逃脫的網(wǎng)站。這不是一個(gè)不可以的設(shè)計(jì),不是您應(yīng)該避免的事情。
錯(cuò)誤#1:色彩
它們會傷害您的眼睛的鮮艷顏色或彼此碰撞的顏色可能使站點(diǎn)訪問者希望逃避網(wǎng)頁的攻擊。
在計(jì)劃網(wǎng)站主題時(shí),請嘗試選擇相互補(bǔ)充的顏色。盡管很少看起來像黃色,但黃色很少作為原色。使用彩虹的每種顏色很少是一個(gè)好主意。
不良Ita蜘蛛網(wǎng)的一個(gè)示例:Maradita
錯(cuò)誤2:圖形過多
當(dāng)您用圖形使網(wǎng)頁混亂時(shí),會發(fā)生兩種不同的情況。
首先,頁面變得如此繁忙,以至于訪問者可能不知道單擊何處或想看什么。
其次,如果用戶的Internet連接速度較慢,則加載頁面可能會花費(fèi)太長時(shí)間。30秒后,大多數(shù)人將離開并轉(zhuǎn)到另一個(gè)站點(diǎn)。我們生活在一個(gè)瞬息萬變的時(shí)代。如果在最初的幾秒鐘內(nèi)沒有引起客戶的注意,則可能會完全失去客戶的注意。
Ito的不良蜘蛛網(wǎng)示例:松鹽
錯(cuò)誤3:下載速度慢
您的網(wǎng)站加載速度是否如此之慢,以至于訪客有時(shí)間去回去之前先喝杯咖啡和一個(gè)甜甜圈?
添加過多的元素(例如,閃光燈,聲音,大量高分辨率圖形或Java腳本)會導(dǎo)致網(wǎng)站加載速度越來越慢。請記住,雖然大多數(shù)訪問者的訪問速度都很高,但仍然有一些農(nóng)村客戶會切換到該站點(diǎn),并且如果站點(diǎn)加載速度太慢,則無法訪問該站點(diǎn)。
提示:使用Google Page Speed Insights檢查網(wǎng)站速度并獲得更好的建議。
速度不僅對于用戶體驗(yàn)很重要,而且是非常重要的排名因素。頁面速度在2010年成為搜索引擎排名因素,并且在2016年6月,Google宣布將更新頁面速度排名因素,以專門查看您移動頁面的頁面速度。由于移動搜索占Google搜索的一半以上,因此還需要優(yōu)化移動頁面的速度。
-來源:以更快的網(wǎng)站速度提升SEO
不良蜘蛛網(wǎng)的一個(gè)例子:博物館我
錯(cuò)誤四:廣告過多
內(nèi)容網(wǎng)站和博客賺錢廣告而不是銷售產(chǎn)品。但是,當(dāng)許多網(wǎng)站所有者失敗時(shí),添加太多的廣告,訪問者就無法分辨內(nèi)容和廣告之間的區(qū)別。如果訪問者必須搜索以查找文章或文章的其余部分,則此頁面上的廣告過多。最好在網(wǎng)站上放置一兩個(gè)廣告。而且,您還可能會惹惱瀏覽器。
實(shí)際上,在Upstream和YouGov在2012年發(fā)布的數(shù)字廣告報(bào)告中,他們發(fā)現(xiàn)大約20%的消費(fèi)者表示,如果一家公司的廣告過多,他們將永遠(yuǎn)不會再使用該廣告系列。
不良蜘蛛網(wǎng)的一個(gè)示例:Hemmy.net
錯(cuò)誤編號5:業(yè)余照片編輯
沒有正確編輯的圖像,沒有比戀人更能大聲尖叫。出現(xiàn)此類問題的網(wǎng)站可能會切出帶有模糊邊界的圖像,自動調(diào)整后的顏色,使人看不見,無效的分層技術(shù)(清楚地表明兩幅畫已融合在一起)或比例縮放的比例奇怪。
提示:在以下位置使用免費(fèi)的圖像編輯工具:?Canva,?Pic Monkey
不良蜘蛛網(wǎng)的一個(gè)例子:彼得的公共汽車
錯(cuò)誤6:可以創(chuàng)建三年的設(shè)計(jì)
如果您的網(wǎng)站看起來像已經(jīng)打開了Microsoft Word,創(chuàng)建了一部分藝術(shù)字,然后將該網(wǎng)站發(fā)布到網(wǎng)上,那么您可能希望重新訪問您的設(shè)計(jì)元素。雖然簡單性是一些下載的站點(diǎn)盼望已久的緩解方法,但是如果您過于簡單,則會冒著尋找未成年人和廉價(jià)站點(diǎn)的風(fēng)險(xiǎn)。
不良蜘蛛網(wǎng)的一個(gè)例子是:網(wǎng)絡(luò)D-Sign氏族
錯(cuò)誤7:交通不暢
即使網(wǎng)站的設(shè)計(jì)誘人,訪問者也會感到沮喪,并留下不良的導(dǎo)航。
例如,沒有明確鏈接或站點(diǎn)太多的站點(diǎn)很難確定去向。許多網(wǎng)站所有者面臨的問題之一是一個(gè)突然變大的小型網(wǎng)站。如果網(wǎng)站只有500個(gè)頁面,則該網(wǎng)站只有5個(gè)頁面時(shí)無法正常運(yùn)行的導(dǎo)航。了解如何重新設(shè)計(jì)網(wǎng)站并將其重新構(gòu)建為類別和子類別,以便訪問者確切地知道要去哪里尋找他們想要的東西。添加搜索框也是明智的。
不良網(wǎng)站的示例:?LawnSignDirectory.com
錯(cuò)誤8:文字問題
使用緊張背景的網(wǎng)絡(luò)設(shè)計(jì)師,然后選擇一種文本顏色,該顏色不能提供足夠的對比度以致于無法使網(wǎng)頁可讀。如果訪問者在閱讀一篇文章后眼睛受傷,為什么還要留下來閱讀您網(wǎng)站的更多頁面?如果需要選擇緊張的背景,請至少放置具有純色背景的框,層或目錄,然后選擇相反的文本顏色。盡量避免在灰色上顯示灰色,但在深紅色上選擇白色,在淺粉紅色上選擇黑色,等等。
重疊的單詞與重疊圖形且部分在堅(jiān)實(shí)背景上的段落一樣難以閱讀。
不良ito蜘蛛網(wǎng)的一個(gè)例子:百慕大三角
錯(cuò)誤9:打印錯(cuò)誤
沒有什么比這更令人憤怒的錯(cuò)別字和語法問題了。即使沒有人是完美的,您也可以嘗試?yán)嚯x。請朋友和家人查看您的頁面并幫助您發(fā)現(xiàn)這些錯(cuò)誤,或雇用專業(yè)編輯器來證明您的頁面。下面的示例只是為了好玩。這不是一家真正的網(wǎng)頁設(shè)計(jì)公司,但這種觀點(diǎn)嘲笑了一些公司的專業(yè)程度。
提示:?了解如何在自己的寫作中捕捉錯(cuò)別字和錯(cuò)誤。
不良蜘蛛網(wǎng)的一個(gè)例子:Web Tek Rocks
錯(cuò)誤編號10:最糟糕的網(wǎng)站設(shè)計(jì)非常糟糕,您無法解釋
有些網(wǎng)站本來就設(shè)計(jì)上確實(shí)非常糟糕。這些設(shè)計(jì)不佳的網(wǎng)站不是使您的網(wǎng)站痛苦的一件事,而是網(wǎng)站上的幾乎所有內(nèi)容。
可能是丑陋的顏色,導(dǎo)航不佳和其他項(xiàng)目的組合。幸運(yùn)的是,這些站點(diǎn)很少見,但是瀏覽它們可以幫助您知道在設(shè)計(jì)站點(diǎn)時(shí)不應(yīng)該做的事情。