首頁?>?知識?資訊?>?網(wǎng)頁設計中10個最嚴重的錯誤示例。?>?正文

網(wǎng)頁設計中10個最嚴重的錯誤示例。

2020/12/8 0:05:20 · 稿源:傳誠信

如果您在本地大學上過課程,多年來建立了網(wǎng)站,或者如果您去過業(yè)余培訓,則每個網(wǎng)站設計師都應該避免某些事情,如果他希望訪問者在他們的網(wǎng)站上玩得開心。

您可能聽說過“粘性”一詞,并帶有指向該網(wǎng)站的鏈接。

它僅表示訪問者想要關注的站點-停留在瀏覽器中并且被放置并且經(jīng)常訪問的站點。有太多因素使網(wǎng)站變得難以置信,這又是另一個主題。

但是,肯定存在一些建設性的網(wǎng)絡錯誤,這些錯誤會使網(wǎng)站成為訪客想要逃脫的網(wǎng)站。這不是一個不可以的設計,不是您應該避免的事情。

錯誤#1:色彩

它們會傷害您的眼睛的鮮艷顏色或彼此碰撞的顏色可能使站點訪問者希望逃避網(wǎng)頁的攻擊。

在計劃網(wǎng)站主題時,請嘗試選擇相互補充的顏色。盡管很少看起來像黃色,但黃色很少作為原色。使用彩虹的每種顏色很少是一個好主意。

不良Ita蜘蛛網(wǎng)的一個示例:Maradita


網(wǎng)頁設計中最嚴重的錯誤

該站點幾乎使用拼圖類型模板中可以想象的每種顏色。描述它的唯一方法是丑陋的。

錯誤2:圖形過多

當您用圖形使網(wǎng)頁混亂時,會發(fā)生兩種不同的情況。

首先,頁面變得如此繁忙,以至于訪問者可能不知道單擊何處或想看什么。

其次,如果用戶的Internet連接速度較慢,則加載頁面可能會花費太長時間。30秒后,大多數(shù)人將離開并轉到另一個站點。我們生活在一個瞬息萬變的時代。如果在最初的幾秒鐘內(nèi)沒有引起客戶的注意,則可能會完全失去客戶的注意。

Ito的不良蜘蛛網(wǎng)示例:松鹽



網(wǎng)頁設計中最嚴重的錯誤
這個站點上有太多的圖形,看起來簡直令人迷惑。除了許多圖形圖像外,圖像還會在頁面上移動,因此,即使訪問者想要單擊其中一張圖像,她也必須用鼠標追逐它們。



錯誤3:下載速度慢

您的網(wǎng)站加載速度是否如此之慢,以至于訪客有時間去回去之前先喝杯咖啡和一個甜甜圈?

添加過多的元素(例如,閃光燈,聲音,大量高分辨率圖形或Java腳本)會導致網(wǎng)站加載速度越來越慢。請記住,雖然大多數(shù)訪問者的訪問速度都很高,但仍然有一些農(nóng)村客戶會切換到該站點,并且如果站點加載速度太慢,則無法訪問該站點。

提示:使用Google Page Speed Insights檢查網(wǎng)站速度并獲得更好的建議。

速度不僅對于用戶體驗很重要,而且是非常重要的排名因素。頁面速度在2010年成為搜索引擎排名因素,并且在2016年6月,Google宣布將更新頁面速度排名因素,以專門查看您移動頁面的頁面速度。由于移動搜索占Google搜索的一半以上,因此還需要優(yōu)化移動頁面的速度。

-來源:以更快的網(wǎng)站速度提升SEO

不良蜘蛛網(wǎng)的一個例子:博物館我



網(wǎng)頁設計中最嚴重的錯誤
該站點上的Flash使其加載非常緩慢。另外,沒有一個簡單的獨特鏈接可以跳過閃光燈。下載速度慢的瀏覽器會發(fā)現(xiàn)此網(wǎng)站下載繁瑣,以至于他們更有可能離開該網(wǎng)站而永不返回。


錯誤四:廣告過多

內(nèi)容網(wǎng)站和博客賺錢廣告而不是銷售產(chǎn)品。但是,當許多網(wǎng)站所有者失敗時,添加太多的廣告,訪問者就無法分辨內(nèi)容和廣告之間的區(qū)別。如果訪問者必須搜索以查找文章或文章的其余部分,則此頁面上的廣告過多。最好在網(wǎng)站上放置一兩個廣告。而且,您還可能會惹惱瀏覽器。

實際上,在Upstream和YouGov在2012年發(fā)布的數(shù)字廣告報告中,他們發(fā)現(xiàn)大約20%的消費者表示,如果一家公司的廣告過多,他們將永遠不會再使用該廣告系列。

不良蜘蛛網(wǎng)的一個示例:Hemmy.net



網(wǎng)頁設計中最嚴重的錯誤
在此網(wǎng)站的多個頁面上,頁面頂部的整個查看區(qū)域約占不同品種廣告的90%。要獲取頁面內(nèi)容,您需要向下滾動。甚至在那里,到處都有其他廣告。太讓人分心了,很難專注于該網(wǎng)站。



錯誤編號5:業(yè)余照片編輯

沒有正確編輯的圖像,沒有比戀人更能大聲尖叫。出現(xiàn)此類問題的網(wǎng)站可能會切出帶有模糊邊界的圖像,自動調(diào)整后的顏色,使人看不見,無效的分層技術(清楚地表明兩幅畫已融合在一起)或比例縮放的比例奇怪。

提示:在以下位置使用免費的圖像編輯工具:?Canva,?Pic Monkey

不良蜘蛛網(wǎng)的一個例子:彼得的公共汽車



網(wǎng)頁設計中最嚴重的錯誤
此頁面上存在一些圖形問題。首先,有一個輪胎是白色的而不是透明的背景,它剛從頁面上撕下來看起來很業(yè)余。右邊的兩張照片也存在問題,因為它們在未保持寬高比的情況下被拉伸和調(diào)整了尺寸。在照片中,站在右邊的人看起來很伸直,可以在利里普特(Lilliput)的土地上成為巨人。



錯誤6:可以創(chuàng)建三年的設計

如果您的網(wǎng)站看起來像已經(jīng)打開了Microsoft Word,創(chuàng)建了一部分藝術字,然后將該網(wǎng)站發(fā)布到網(wǎng)上,那么您可能希望重新訪問您的設計元素。雖然簡單性是一些下載的站點盼望已久的緩解方法,但是如果您過于簡單,則會冒著尋找未成年人和廉價站點的風險。

不良蜘蛛網(wǎng)的一個例子是:網(wǎng)絡D-Sign氏族



網(wǎng)頁設計中最嚴重的錯誤
設計人員甚至沒有更改MS最初的標準設計中的文字顏色。這種設計非常簡單,可以立即被視為Microsoft和藝術字圖片的基本示例。




網(wǎng)頁設計中最嚴重的錯誤
此外,正在嘗試加載一個彈出頁面。如果您跳過介紹并轉到主頁,則可以看出設計是否更好。但是,鏈接頁面的設計(如下)同樣令人失望。


錯誤7:交通不暢

即使網(wǎng)站的設計誘人,訪問者也會感到沮喪,并留下不良的導航。

例如,沒有明確鏈接或站點太多的站點很難確定去向。許多網(wǎng)站所有者面臨的問題之一是一個突然變大的小型網(wǎng)站。如果網(wǎng)站只有500個頁面,則該網(wǎng)站只有5個頁面時無法正常運行的導航。了解如何重新設計網(wǎng)站并將其重新構建為類別和子類別,以便訪問者確切地知道要去哪里尋找他們想要的東西。添加搜索框也是明智的。

不良網(wǎng)站的示例:?LawnSignDirectory.com


網(wǎng)頁設計中最嚴重的錯誤
訪客等待著尋找他們所在地區(qū)的目的地,但是頁面的左下方列出了很多鏈接,右側是廣告,以及一些著名的企業(yè)。該站點可以從重建組織結構中受益,以便訪問者可以輕松找到他們正在尋找的資源。


錯誤8:文字問題

使用緊張背景的網(wǎng)絡設計師,然后選擇一種文本顏色,該顏色不能提供足夠的對比度以致于無法使網(wǎng)頁可讀。如果訪問者在閱讀一篇文章后眼睛受傷,為什么還要留下來閱讀您網(wǎng)站的更多頁面?如果需要選擇緊張的背景,請至少放置具有純色背景的框,層或目錄,然后選擇相反的文本顏色。盡量避免在灰色上顯示灰色,但在深紅色上選擇白色,在淺粉紅色上選擇黑色,等等。

重疊的單詞與重疊圖形且部分在堅實背景上的段落一樣難以閱讀。

不良ito蜘蛛網(wǎng)的一個例子:百慕大三角


網(wǎng)頁設計中最嚴重的錯誤
該網(wǎng)站上不僅存在對比鮮明的問題,而且文字與其他文字重疊,幾乎無法閱讀。


錯誤9:打印錯誤

沒有什么比這更令人憤怒的錯別字和語法問題了。即使沒有人是完美的,您也可以嘗試拉近距離。請朋友和家人查看您的頁面并幫助您發(fā)現(xiàn)這些錯誤,或雇用專業(yè)編輯器來證明您的頁面。下面的示例只是為了好玩。這不是一家真正的網(wǎng)頁設計公司,但這種觀點嘲笑了一些公司的專業(yè)程度。

提示:?了解如何在自己的寫作中捕捉錯別字和錯誤。

不良蜘蛛網(wǎng)的一個例子:Web Tek Rocks


網(wǎng)頁設計中最嚴重的錯誤
可能會遺漏一個錯字,但是此站點顯示了一些影子站點如何充滿錯誤。對于想幫助您將網(wǎng)站置于在線狀態(tài)的公司而言,在建立您的網(wǎng)站之前花一些時間在其自己的網(wǎng)站上糾正問題可能會更好?!疤厥狻逼磳憺椤疤厥狻保弧皩I(yè)知識”被拼寫為“專業(yè)知識”;他們在網(wǎng)上提供“幫助您完成自己的工作”;“我們可以比任何人都更快地建立您的網(wǎng)站!?

錯誤編號10:最糟糕的網(wǎng)站設計非常糟糕,您無法解釋

有些網(wǎng)站本來就設計上確實非常糟糕。這些設計不佳的網(wǎng)站不是使您的網(wǎng)站痛苦的一件事,而是網(wǎng)站上的幾乎所有內(nèi)容。

可能是丑陋的顏色,導航不佳和其他項目的組合。幸運的是,這些站點很少見,但是瀏覽它們可以幫助您知道在設計站點時不應該做的事情。

不良蜘蛛網(wǎng)的一個例子:來世




錯誤的設計實例
這個網(wǎng)站太糟糕了,難以描述。首先,任何容易發(fā)作的人都應遠離此站點,因為即使在不容易發(fā)作的人中,它也可能引發(fā)攻擊。該網(wǎng)站滾動,充滿了動畫和閃爍的圖形。另外,圖形大部分沒有吸引力,最終出現(xiàn)在一個樂隊的孩子和彈吉他的狀態(tài)。如果您敢,請訪問。




  • 相關推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354