10最糟糕的網站設計錯誤

文章撰寫者:
  • 網站設計
  • 更新:Aug 03,2017

你是否曾在當地社區學院上過課程 設計網站多年,或者是一個業餘的學習,如果你想讓訪問者喜歡在他的網站上花時間,每個網頁設計師都應該避免一些事情。

你可能在網站上聽過“粘性”一詞。

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

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

錯誤#1:Jarring Colors

如此明亮的顏色會傷害您的眼睛或顏色彼此衝突,這會使網站訪問者想要逃離網頁。 在規劃網站主題時,請嘗試選擇相互補充的顏色。 黃色很少作為主色,雖然它看起來很好看作為一種口音。 使用彩虹的每種顏色也不是一個好主意。

網站標題:Moradito

糟糕的設計實例

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

錯誤#2:圖形太多了

如果您使用圖形使網頁混亂,則會出現兩種不同的情況。 首先,頁面變得如此繁忙以至於訪問者可能不確定首先要點擊的位置或他們想要查看的內容。 其次,如果瀏覽器的Internet連接速度較慢,則加載頁面可能需要很長時間。 在30秒之後,大多數人將離開並轉移到另一個站點。 我們生活在一切都很直接的時代。 如果你在最初的幾秒鐘內沒有引起顧客的注意,你就有可能完全失去她。

網站標題:Pine-Sol

糟糕的設計實例

這個網站有很多圖形,只是看起來很雜亂。

在眾多圖形之上,圖像在整個頁面上移動,因此即使訪問者想要點擊其中一個圖像,她也必須用鼠標追逐它們。

錯誤#3:慢加載時間

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

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

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

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

網站標題:我的博物館

糟糕的設計實例

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

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

錯誤#4:廣告太多了

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

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

網站標題:Hemmy.net

糟糕的設計實例

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

錯誤#5:業餘照片編輯

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

網站標題:彼得的公共汽車

糟糕的設計實例

此頁面上的圖形存在一些問題。

首先,有一個白色而不是透明背景的公共汽車,只是在頁面上插入,看起來很業餘。 右邊的兩張照片也存在問題,因為它們已被拉伸並調整大小而不保持比率。 照片看起來很像,右邊一個人看起來如此伸展,以至於他們可能成為Lilliput地區的巨人。

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

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

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

網站標題:Cyber​​ D-Sign Clan

糟糕的設計實例

糟糕的設計實例

這種設計非常簡單,可以立即識別為基本的Microsoft模式背景和Word Art。

設計師甚至沒有改變標准設計MS開頭的單詞的顏色。 最重要的是,彈出頁面會嘗試加載。 如果在跳過介紹並點擊進入主頁後設計更好,則可能會忽略這一點。 但是,鏈接頁面的設計(如下)同樣令人失望。

錯誤#7:導航不良

即使網站具有視覺上吸引人的設計,訪問者也會感到沮喪,並留下糟糕的導航。 例如,沒有明確鏈接或有太多項目的網站很難決定去哪裡。 許多網站所有者面臨的一個問題是一個小網站突然變大。 當網站有500頁面時,當網站有五個頁面時工作的導航將無法正常工作。 了解如何將網站重新設計並重新組織為類別和子類別,以便訪問者能夠準確了解他們想要的位置。 添加搜索框也很聰明。

網站標題:LawnSignDirectory.com

糟糕的設計實例

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

錯誤#8:文本問題

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

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

網站標題:百慕大三角

糟糕的設計實例

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

錯誤#9:錯別字

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

網站標題:Web Tek Rocks

糟糕的設計實例

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

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

錯誤#10:太糟糕了,你無法解釋它

有些網站在設計上本質上是不好的。 有時,這不是讓網站痛苦的一件事,而是網站上的幾乎所有內容。

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

網站標題:來世

糟糕的設計實例

這個網站太可怕了,很難描述。 首先,任何易患癲癇發作的人都應遠離本網站,因為即使是非癲癇發作的人也可能引發癲癇發作。 該網站滾動,充滿了動畫和閃爍的圖形。 最重要的是,圖形在大多數情況下並不吸引人,最後是一個嬰兒用頭巾彈吉他。 如果你敢,請去參觀。

關於Lori Soard

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