最新20個效果不佳的網(wǎng)站設(shè)計示例分享，設(shè)計避坑指南

時間：2023-09-20 00:42:01 | 來源：網(wǎng)站運營

時間：2023-09-20 00:42:01 來源：網(wǎng)站運營

最新20個效果不佳的網(wǎng)站設(shè)計示例分享，設(shè)計避坑指南：

我們都去過那里：你在網(wǎng)上尋找信息，但你找不到你要找的東西，因為網(wǎng)站設(shè)計太混亂了。這太糟糕了，你甚至不知道從哪里開始尋找。您最終會浪費寶貴的時間點擊沒有指向任何地方的鏈接或填寫無處可去的聯(lián)系表單。聽起來很熟悉？您并不孤單。




糟糕的網(wǎng)站設(shè)計是一個常見的問題。但別擔(dān)心，我們隨時為您提供幫助。在本文中，我們將討論一些最常見的不良網(wǎng)站設(shè)計示例以及如何修復(fù)它們。

什么是糟糕的網(wǎng)站設(shè)計？

有些事情可以表征糟糕的網(wǎng)站設(shè)計，但一些最常見的問題是布局，可用性，字體和配色方案。有時，網(wǎng)站可能難以導(dǎo)航，或者文本可能太小以至于無法閱讀。




顏色可能會發(fā)生可怕的沖突，或者網(wǎng)站可能過于擁擠，以至于很難找到您要查找的內(nèi)容。如果您希望創(chuàng)建一個網(wǎng)站，請務(wù)必避免這些常見錯誤，以便您的網(wǎng)站吸引用戶且易于使用。

糟糕的網(wǎng)站設(shè)計是什么樣的？

當(dāng)你看到它時，你就知道它。一個設(shè)計糟糕的網(wǎng)站很容易被發(fā)現(xiàn) - 而且很難忘記。糟糕的設(shè)計可能會使用戶難以找到他們需要的信息或完成他們設(shè)定的任務(wù)，從華麗的顏色和沖突的字體到混亂的頁面和令人困惑的布局。




在某些情況下，糟糕的設(shè)計可能是危險的，導(dǎo)致人們誤入合法網(wǎng)站或使他們暴露于詐騙和惡意內(nèi)容。那么究竟是什么導(dǎo)致了糟糕的網(wǎng)站設(shè)計呢？您如何避免在您的網(wǎng)站上犯同樣的錯誤？

好的和壞的網(wǎng)頁設(shè)計之間的區(qū)別

好的網(wǎng)頁設(shè)計就是要使網(wǎng)站直觀，易于使用，并在視覺上吸引用戶。另一方面，糟糕的網(wǎng)頁設(shè)計可能是一團(tuán)糟。它可能令人不快，視覺上壓倒性，難以導(dǎo)航和丑陋。那么是什么讓好的網(wǎng)頁設(shè)計變得好，是什么讓糟糕的網(wǎng)頁設(shè)計變得糟糕呢？




讓我們來看看。好的網(wǎng)頁設(shè)計是簡單和干凈的。它有效地使用排版和布局來清晰快速地向用戶傳達(dá)信息。它直觀且易于導(dǎo)航。用戶界面是一致且合乎邏輯的。




另一方面，糟糕的網(wǎng)頁設(shè)計可能會變得繁忙和混亂。它使用了太多的動畫，鮮艷的顏色和難以閱讀的字體。布局凌亂且令人困惑。導(dǎo)航很困難或不存在。




閱讀：建立一個偉大網(wǎng)站的最重要的事情





沒有明確信息的網(wǎng)站

許多糟糕的網(wǎng)站沒有明確的信息。他們太忙了，無法展示他們的所有功能。結(jié)果，用戶無法獲得他們應(yīng)該做什么或他們應(yīng)該去哪里。

這可能會令人沮喪，特別是如果您正在尋找特定信息。其他常見的設(shè)計錯誤包括：

• 使用過多的顏色或字體。
  
  
• 未使用足夠的空格。
  
  
• 頁面雜亂無章。
  
  

如果您不確定您網(wǎng)站的消息是什么，請花一些時間弄清楚。你想完成什么？誰是你的目標(biāo)受眾？一旦你清楚地知道你的目標(biāo)，設(shè)計一個有效和用戶友好的網(wǎng)站就會容易得多。

頂級20不良網(wǎng)頁設(shè)計示例

以下是糟糕的網(wǎng)站設(shè)計示例，突出顯示了常見的網(wǎng)站設(shè)計缺陷，包括其他缺陷：




1.丑陋的網(wǎng)站






“丑陋的大網(wǎng)站”旨在展示過時設(shè)計，可用性差和過時內(nèi)容的恐怖。該網(wǎng)站包含網(wǎng)頁設(shè)計中的1000多個錯誤，還有數(shù)千個錯誤。該網(wǎng)站也是“反可用性”網(wǎng)站的一個例子。




2. 高






政府問責(zé)局（GAO）是美國政府的一個獨立機(jī)構(gòu)，致力于提高政府的效率和有效性。GAO網(wǎng)站是糟糕網(wǎng)站設(shè)計的一個很好的例子。它雜亂無章，導(dǎo)航很差，并且使用過時的字體和顏色。此外，該網(wǎng)站不適合移動設(shè)備，這是一個很大的錯誤，因為越來越多的人在手機(jī)和平板電腦上瀏覽網(wǎng)頁。




3. 亞當(dāng)和無處不在 DDB




圣經(jīng)中臭名昭著的第一對夫婦亞當(dāng)和夏娃為現(xiàn)代提供了一個警示故事。廣告公司Adam和Eve DDB通過他們滑稽可笑的網(wǎng)站設(shè)計證明了這一點。這個網(wǎng)站很亂，從花哨的字體到刺耳的顏色再到混亂的導(dǎo)航。更糟糕的是，它不僅僅是一個丑陋的網(wǎng)站 - 它也很難使用。導(dǎo)航無處不在，目前尚不清楚用戶在登陸頁面時應(yīng)該做什么。簡而言之，這個網(wǎng)站是一場災(zāi)難 - 它提供了一個很好的例子，說明在設(shè)計網(wǎng)站時不要做什么。

4. 紐約大學(xué)

紐約大學(xué)的網(wǎng)站并不是最人性化的。導(dǎo)航可能會完全令人困惑和沮喪。有太多的菜單和鏈接，其中沒有明確應(yīng)該點擊的內(nèi)容。布局也非常繁忙和壓倒性，很難專注于任何一件事。字體非常小，難以閱讀，這當(dāng)然無濟(jì)于事。這個網(wǎng)站將受益于重新設(shè)計！




5.路易斯安那大學(xué)




一個應(yīng)該專注于更好設(shè)計的網(wǎng)站是路易斯安那大學(xué)網(wǎng)站。雖然乍一看可能看起來不錯，但仔細(xì)檢查會發(fā)現(xiàn)許多缺陷。該網(wǎng)站雜亂無章，勢不可擋，很難找到您要查找的信息。文本很小，難以閱讀，并且一次出現(xiàn)太多的顏色和字體。




該網(wǎng)站也不適合移動設(shè)備，這是一個巨大的問題，因為現(xiàn)在有如此多的流量來自移動設(shè)備。如果路易斯安那大學(xué)想要改進(jìn)其網(wǎng)站，它應(yīng)該專注于簡化設(shè)計，使用更干凈的字體和顏色，并使其適合移動設(shè)備。




6. 克雷格利斯特




一個經(jīng)常列出不良網(wǎng)站設(shè)計示例的網(wǎng)站是Craigslist。該網(wǎng)站具有過時的外觀和感覺，并且不容易導(dǎo)航。此外，廣告經(jīng)常雜亂無章，難以閱讀?？傮w而言，該網(wǎng)站不是很人性化。




7. 布林基




這個網(wǎng)站是可怕的，可笑的，令人討厭的。它旨在揭示潛在用戶如何容易被一個看似歡迎和欺騙性的網(wǎng)站嚇跑。




8. 世界上最差的網(wǎng)站




世界上最糟糕的網(wǎng)站設(shè)計是創(chuàng)建網(wǎng)站時不該做什么的完美例子。這些例子會讓你在困惑中撓頭，從混亂和令人困惑的布局到完全無法導(dǎo)航的網(wǎng)站。




為什么人們甚至創(chuàng)建這樣的網(wǎng)站？它們使用戶難以找到所需的信息，但也使公司看起來不專業(yè)和未經(jīng)修飾。如果您正在尋找一些設(shè)計靈感，請避開這些網(wǎng)站！




9. 靈傷病




最糟糕的網(wǎng)站設(shè)計例子之一是LingsCars。該網(wǎng)站的花哨黃色背景，巨大的字體和雜亂的布局使其難以閱讀或查找信息。頁面頂部的橫幅具有三種不同的優(yōu)惠，但無法判斷哪一個是最重要的。如果這還不夠糟糕，該網(wǎng)站還有一個彈出窗口，每次向下滾動時都會遮蓋大部分主要內(nèi)容。不是你想用來買車的網(wǎng)站！




10. 路飛




Wayfair是一個銷售家具和家居裝飾的網(wǎng)站。雖然他們的產(chǎn)品是高質(zhì)量和時尚的，但他們的網(wǎng)站設(shè)計卻不是。這是我們見過的最糟糕的一次。有些問題包括混亂的主頁，困難的導(dǎo)航和糟糕的用戶體驗，如果你正在尋找如何不設(shè)計網(wǎng)站的靈感。




11. 立頓




立頓的網(wǎng)站雜亂無章，難以導(dǎo)航。彈出式窗口、廣告和號召性用語過多，查找有關(guān)產(chǎn)品的信息并不容易。該網(wǎng)站也過時了，看起來已經(jīng)很多年沒有更新了?？偟膩碚f，這是一個糟糕的設(shè)計，不能很好地反映品牌。




12. 紙張來源




2022年糟糕的網(wǎng)站設(shè)計示例之一是Paper Source。雖然他們的網(wǎng)站在視覺上很吸引人，但它不是很人性化。布局令人困惑，并且有太多基于文本的鏈接沒有隨附的視覺對象。幾個斷開的鏈接使用戶難以瀏覽網(wǎng)站。




13. PNWX




該網(wǎng)站使用了網(wǎng)頁上常見的多色設(shè)計。但是，有時它可能會使人們很難對這種網(wǎng)頁設(shè)計產(chǎn)生良好的印象。訪問者閱讀標(biāo)題甚至從網(wǎng)頁上找到任何信息都不容易。最后，當(dāng)用戶瀏覽網(wǎng)站時，它不會給用戶留下關(guān)于您的網(wǎng)站的良好印象。




14. MGBD零件和服務(wù)




缺少第一個導(dǎo)航選項，顏色，文本和排版是不必要的用途;這個網(wǎng)站設(shè)計非常糟糕和無用;如果您使用了這個網(wǎng)站，您可以回來趕快。




15.阿格倫





16. 美國便士果汁




一個似乎沒有花太多心思設(shè)計的網(wǎng)站是美國的Penny Juice。該網(wǎng)站具有字體，顏色和圖像的不和諧混合，這些混合效果不佳。該網(wǎng)站還缺乏清晰度，因為許多按鈕和鏈接很難確定功能?？傮w而言，該網(wǎng)站提供了令人沮喪的用戶體驗，并且是不良網(wǎng)站設(shè)計的一個例子。




17. 電氣化時代




網(wǎng)站現(xiàn)在比以往任何時候都更加重要。它們充當(dāng)企業(yè)的虛擬代表，但它們也充當(dāng)人們及其家人的數(shù)字家園。這就是為什么網(wǎng)站設(shè)計如此重要 - 它可以成就或破壞一項業(yè)務(wù)。不幸的是，似乎沒有多少人理解這一點。




18. 寧靜自然主義者




Serene-Naturist是一個電子商務(wù)網(wǎng)站，銷售環(huán)保和可持續(xù)的家居用品。不幸的是，該網(wǎng)站的設(shè)計雜亂無章，勢不可擋。有太多的文本鏈接和圖形在爭奪注意力，使得很難找到您要查找的內(nèi)容。該網(wǎng)站還使用了過時的字體，使其難以閱讀?？傮w而言，該網(wǎng)站可以在設(shè)計和可用性方面進(jìn)行大量改進(jìn)。




19. 多倫多紙杯蛋糕




多倫多紙杯蛋糕是我們很長一段時間以來看到的最糟糕的網(wǎng)站設(shè)計示例之一。主頁雜亂無章，難以導(dǎo)航，有太多的鏈接和圖形爭奪注意力。目前尚不清楚該網(wǎng)站應(yīng)該銷售什么或為訪問者提供什么。




布局也非常過時，字體和顏色選擇令人不快且不專業(yè)?？傮w而言，該網(wǎng)站看起來很業(yè)余且不吸引人 - 與面包店應(yīng)該追求的完全相反。




20.阿瓦尼塔基斯




尋找一些網(wǎng)站設(shè)計靈感，看看Arvanitakis。這家公司是如何不做網(wǎng)站設(shè)計的一個很好的例子。從笨拙的布局到糟糕的排版，一切都會帶來令人不快的在線體驗。該網(wǎng)站也難以導(dǎo)航，使用戶難以找到所需的信息。不是我們想要效仿的榜樣！

如何避免網(wǎng)站糟糕的設(shè)計

雖然從其他網(wǎng)站獲得靈感總是很棒的，但重要的是不要越界，最終得到一個太相似的設(shè)計。在網(wǎng)頁設(shè)計方面，您應(yīng)該不惜一切代價避免一些主要的罪過。糟糕的排版，難以辨認(rèn)的文本，壓倒性的視覺效果和奢侈的動畫只是最常見的錯誤中的一小部分。另一個大禁忌是使用太多的顏色。




堅持使用最多兩種或三種顏色，以創(chuàng)造有凝聚力的外觀。太多的顏色可能會讓用戶感到不和諧和分心。最后，確保您的網(wǎng)站響應(yīng)迅速且易于在所有設(shè)備上使用。您的訪問者應(yīng)該能夠輕松瀏覽您的網(wǎng)站，無論他們使用什么設(shè)備。




結(jié)論：

一個設(shè)計良好的網(wǎng)站可能是成功和失敗的企業(yè)之間的區(qū)別。網(wǎng)站是客戶對您公司的第一印象之一，因此確保它看起來專業(yè)并以最佳方式代表您的業(yè)務(wù)非常重要。




不幸的是，并非所有企業(yè)都會花時間讓他們的網(wǎng)站看起來不錯，這可能會導(dǎo)致一些可怕的糟糕的網(wǎng)站設(shè)計示例。在本文中，我們將看看一些最嚴(yán)重的罪犯，并檢查是什么讓他們的設(shè)計如此糟糕。我們還將提供有關(guān)避免為您的網(wǎng)站犯相同錯誤的提示。

編輯：塵淵文化