最糟糕的網頁設計錯誤:不良網站的10個示例

文章撰寫者:
  • 網站設計
  • 更新:Apr 16,2020

無論您是在當地社區學院上課的, 一直在創建網站 多年以來,或者是業餘學習,每個Web設計師都應該避免某些事情,如果他希望訪問者喜歡在他的網站上花費時間。

您可能聽說過“”指網站。

這僅僅意味著訪問者想要留下的網站 - 一個與瀏覽器保持一致的網站以及她書籤和頻繁出現的網站。 有很多元素可以使網站變得粘稠,這是另一個主題。

但是,肯定會出現一些網頁設計錯誤,這些錯誤可能會使訪問者想要逃離的網站失敗。 這是你應該避免的設計禁忌。

錯誤#1:Jarring Colors

如此鮮豔的顏色會傷到您的眼睛,或者彼此衝突的顏色會使網站訪問者想要逃避網頁的困擾。

在計劃網站主題時,請嘗試選擇能夠相互補充的顏色。 黃色雖然可以看起來很重,但​​很少用作主要顏色。 使用彩虹的每種顏色也很少是一個好主意。

惡意網站示例ite:莫拉迪托

糟糕的設計實例
該網站幾乎使用了拼圖類型中可以想像的每種顏色。 描述它的唯一方法是醜陋。

錯誤#2:圖形太多了

如果用圖形使網頁混亂,則會發生兩種不同的情況。

首先,頁面變得如此繁忙以至於訪問者可能不確定在哪裡點擊或者他們想要首先看什麼。

其次,如果用戶的Internet連接速度較慢,則該頁面可能需要很長時間才能加載。 30秒後,大多數人將離開並移至另一個站點。 我們生活在一個瞬息萬變的時代。 如果在最初的幾秒鐘內沒有引起客戶的注意,則可能會完全失去客戶。

惡意網站示例ite:Pine-Sol

糟糕的設計實例
這個站點有太多的圖形,看起來很混亂。 在眾多圖形的頂部,圖像在頁面上四處移動,因此即使訪客想要單擊其中一張圖像,她也必須用鼠標追逐它們。

錯誤#3:慢加載時間

您的網站加載速度如此之慢,以至於訪問者在回來之前有時間去喝杯咖啡和甜甜圈嗎?

添加太多元素(如閃存,聲音,大量高分辨率圖形或java腳本)可能會導致網站加載速度越來越慢。 請注意,雖然大多數訪問者都會有高速訪問,但仍有農村客戶在撥號時無法訪問您的網站,如果加載速度太慢。

類型: 檢查網站速度並獲得改進建議 Google Page Speed Insights.

速度不僅對用戶體驗至關重要,而且是一個非常重要的排名因素。 頁面速度成為2010中的搜索引擎排名因素,並且在6月2016中,谷歌報告它將更新頁面速度排名因子,專門查看移動頁面的頁面速度。 由於移動搜索佔Google搜索量的一半以上,因此還必須優化移動網頁的速度。

- 資源: 以更好的網站速度提升您的SEO

惡意網站示例ite:我的博物館

糟糕的設計實例
此網站上的閃存導致加載速度非常慢。 最重要的是,沒有一個容易看到的鏈接可以跳過閃光燈。 下載速度較慢的瀏覽器會發現此網站加載非常繁瑣,以至於它們可能會退出網站而永遠不會返回。

錯誤#4:廣告太多了

內容網站和博客通過廣告賺錢,而不是通過銷售產品。 然而,許多網站所有者失敗的地方是添加了太多廣告,訪問者無法區分內容和廣告。 如果訪問者必須搜索以查找文章或文章的其餘部分,則頁面上的廣告過多。 放置到網站的一兩個廣告是最好的。 更重要的是,你冒著煩惱瀏覽器的風險。

事實上,在一個 數字廣告報導 由Upstream和YouGov在2012進行的,他們發現大約有20%的消費者表示,如果一家公司做廣告過多,他們將永遠不再使用該公司。

惡意網站示例ite:Hemmy.net

糟糕的設計實例
在本網站的幾個頁面上,頁面頂部的整個查看區域是關於不同種類的90%廣告。 要獲取頁面內容,必須向下滾動。 即使在那裡,也有分散的廣告。 它太令人分心了,很難專注於網站。

錯誤#5:業餘照片編輯

沒有什麼比沒有正確編輯的圖像更能讓業餘人士大聲尖叫。 具有此類問題的網站可能會刪除帶有模糊邊框的圖像,自動校正的顏色以及不合適的分層技術,這些技術可以明顯地將兩張圖片拼接在一起,或者調整奇怪的比例。

類型: 在線使用免費的圖像編輯工具: canva, Pic Monkey

惡意網站示例ite:彼得的巴士

糟糕的設計實例
此頁面上的圖形存在幾個問題。 首先,有一輛白色而不是透明背景的公交車,它只是塞在頁面上,看起來很業餘。 右邊的兩張照片也存在問題,因為它們在未保持比例的情況下進行了拉伸和調整大小。 這些照片看起來很不對,右邊右邊的人顯得如此伸展,以至於他們可能是Lilliput土地上的巨人。

錯誤#6:設計一個三歲的孩子可以創造

如果您的網站看起來像是打開了Microsoft Word,創建了一段Word藝術並將該網站放到了互聯網上,那麼您可能需要重新考慮您的設計元素。 雖然簡單是一些繁忙的網站的一個受歡迎的緩解,如果你太簡單,你冒險你的網站看起來少年和便宜。

惡意網站示例ite:Cyber​​ D-Sign氏族

糟糕的設計實例
設計師甚至還沒有更改MS開頭的標准設計中文字的顏色。 這種設計非常簡單,可以立即識別為基本的Microsoft模式背景和藝術字。
糟糕的設計實例
最重要的是,一個彈出頁面嘗試加載。 如果您跳過介紹並單擊進入主頁,則如果設計更好,這可能會被忽略。 但是,鏈接頁面的設計(如下)同樣令人失望。

錯誤#7:導航不良

即使網站具有視覺吸引力的設計,訪問者也可能會感到沮喪,並且會因為導航不便而離開。

例如,沒有明確鏈接或站點太多的站點很難決定去哪裡。 許多網站所有者面臨的一個問題是一個小型網站突然變得越來越大。 當網站只有五頁時,僅在網站有500頁時無法使用的導航功能。 查看如何對網站進行重新整理和重組,將其分為類別和子類別,以便訪問者確切了解要去的地方。 添加搜索框也很聰明。

惡意網站示例ite: LawnSignDirectory.com

糟糕的設計實例
訪問者希望他們的區域有一個可搜索的方向,但是頁面左側列出了數十個鏈接,右側有廣告,還有一些特色商家。 該網站可以從組織結構的改進中受益,以便訪問者可以輕鬆找到他們正在尋找的資源。

錯誤#8:文本問題

使用繁忙背景然後選擇不提供足夠對比度的文本顏色的Web設計人員使他們的網頁不可讀。 如果一位訪客在閱讀一篇文章後眼睛受傷,為什麼還要留下來閱讀更多網站頁面? 如果必須選擇繁忙的背景,請至少放置具有純色背景的框,圖層或內容表,並選擇相反的文本顏色。 盡量避免灰色灰色,但選擇深紅色為白色,淺粉色為黑色等。

彼此重疊的單詞也難以閱讀,部分覆蓋圖形並部分覆蓋在實體背景上的段落也是如此。

惡意網站示例ite:百慕大三角

糟糕的設計實例
這個網站上不僅存在對比問題,而且文本與其他文本重疊,幾乎無法閱讀。

錯誤#9:錯別字

除了明顯的拼寫錯誤和語法問題之外,沒有什麼比不專業更令人尖叫的了。 雖然沒有人是完美的,但你可以嘗試接近。 讓朋友和家人查看您的頁面並幫助您找到這些錯誤,或聘請專業編輯來證明您的頁面。 下面的例子只是為了好玩。 這不是一個真正的網頁設計公司,而是一瞥一些公司出現的不專業。

類型: 了解如何 在你自己的寫作中發現拼寫錯誤和錯誤.

惡意網站示例ite:Web Tek Rocks

糟糕的設計實例
一個拼寫錯誤可以忽略,但這個網站顯示了一些陰暗的網站是如何充滿錯誤的。 對於想要幫助您將網站放在網絡上的公司而言,在構建您的網站之前花一些時間糾正自己網站上的問題可能會更好。 “特殊”拼寫為SPECAIL; “專業知識”拼寫為“experteze”; 他們提供“幫助自己”在線; “我們可以 你的網站比任何人都快!“

錯誤10:有史以來最糟糕的網站設計-太糟糕了,您無法解釋

有些網站在本質上確實在設計上確實非常糟糕。 這些設計不佳的網站–不是讓您感到痛苦的網站的一件事,而是網站上的幾乎所有內容。

可能有醜陋的顏色,導航不良和其他項目的組合。 幸運的是,這些網站很少見,但查看它們可以幫助您了解什麼 在設計網站時要做的事情。

惡意網站示例ite:來世

糟糕的設計實例
這個網站太恐怖了,很難描述。 首先,任何容易癲癇發作的人都應遠離此部位,因為即使是非易發作的人也有可能引發癲癇發作。 該網站滾動,充滿了動畫和閃爍的圖形。 最重要的是,圖形在大多數情況下都沒有吸引力,最後是樂隊裡的嬰兒並彈吉他。 如果您敢,請訪問。

關於Lori Soard

Lori Soard自1996以來一直擔任自由撰稿人和編輯。 她擁有英語教育學士學位和新聞學博士學位。 她的文章出現在報紙,雜誌和網上,她已經出版了幾本書。 自1997以來,她一直是作家和小企業的網頁設計師和推動者。 她甚至在短時間內為一個熱門的搜索引擎排名網站,並為許多客戶研究深入的SEO策略。 她喜歡聽讀者的意見。