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

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

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

這僅表示訪問者想要停留的站點,該站點停留在瀏覽器中,並且為該站點添加書籤和訪問頻率。 使網站變得粘稠的因素太多了,這是另一個主題。

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

錯誤#1:Jarring Colors

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

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

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

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

錯誤#2:圖形太多了

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

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

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

惡意網站示例ite:Pine-Sol

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

錯誤#3:慢加載時間

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

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

提示: 來看看我們的 站點速度 並通過以下方式獲得改進建議 Google Page Speed Insights.

速度不僅是用戶體驗必不可少的,而且是非常重要的排名因素。 頁面速度在2010年成為搜索引擎排名因素,而Google報告在2016年XNUMX月將更新頁面速度排名因素,以專門查看您移動頁面的頁面速度。 由於移動搜索佔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