最常見的網頁設計錯誤——網站的棺材

已發表: 2017-02-25

每天，許多網站都在使用盡可能多的設計概念，我們會遇到一些我們見過的最好的設計，另一方面，有時我們會遇到設計如此愚蠢的網站，以至於證明是該網站的棺材。 任何來到該特定網站的新訪問者都會發現自己迷失了方向，並會放棄這種設計的網站。 那麼，現在最大的問題是我們應該如何設計我們的網站，或者網頁設計師最常犯的網頁設計錯誤是什麼？

建立網站可能令人生畏，但真正的挑戰在於使其可用。 問題是大多數網頁設計師忘記了網站不是為自己創建的，而是為了解決用戶的需求。 他們將創意優先於實用性和可用性。

讓我們看一些，

最常見的網頁設計錯誤

在我們可能見過也可能沒見過的許多錯誤中，我們將討論網頁設計師所犯的最愚蠢的錯誤。

#1 搜索搜索框

網絡就像一個信息檔案。 無論是企業網站還是博客，搜索框都是必不可少的。 訪問者可能正在尋找隱藏在網站內的東西，通過搜索框，訪問者很可能會得到他們想要的東西。

建議： Google 自定義搜索是一種簡潔、簡單且有效的入門方式。 它使訪問者能夠以有效的方式搜索您的網站。 只需從控制面板複製 HTML 代碼並將其粘貼到您的網站中即可，您的網站上就有了搜索功能。

#2 可讀性差和不清晰

這是網頁設計的關鍵要素。 當然，好的界面設計會吸引用戶的注意力，但用戶必須閱讀文本才能掌握他們想要的信息。 一些網站使用最奇怪的字體樣式和大小，使閱讀變得痛苦。

建議：幸運的是，您可以採取一些簡單的方法來改善用戶在您網站上的閱讀體驗。

  1. 比較大多數主要網站的配色方案，並註意顏色如何提高可讀性。 嘗試不同配色方案的好地方是Adob​​e Kuler 。
  2. 使用無襯線字體，以便在網絡上輕鬆閱讀

#3 雜亂的內容佈局

網站的內容是吸引流量的原因。 內容的結構方式決定了它的成功或失敗。 除非絕對必要，否則用戶不會閱讀，而是瀏覽信息並挑選網頁上的興趣點。 有些設計師只是在網頁上放了一段文字，完全忽略了標題、副標題、項目符號、關鍵字、段落等。

為每個網頁使用適當的頁面標題，以便用戶準確地知道他們在哪裡。 一些設計師甚至忘記給網頁命名。

總體而言，該類別中最糟糕的情況是在您的網站上放置不准確、無法訪問、無關緊要或過時的內容。 內容必須與網站的整體主題一致並且有用。 如果一個頁面正在建設中，為什麼還要麻煩把它放上去呢？ 如果設計師真的必須，那隻是暫時的，3週將不再被視為暫時的。

建議：在創建頁面設計時，應使用 HTML 和 CSS 組織網站上的內容。

  1. 使用邊距在文本和圖像之間創建足夠的空白。
  2. 更新並保持一致。 更新的目的不僅僅是添加新內容，而是發現和糾正過去的錯誤。

#4 導航問題

網站內的導航應該是無縫的。 用戶應該能夠輕鬆找到自己的方式。 雖然網站內的導航沒有標準，尤其是現在隨著更多新的 Web 開發技術的出現，但必須了解導航必須直觀且一致。

如果文本用作導航，它應該是簡潔的。 視覺隱喻不應該被重新發明。 如果使用了超鏈接，那麼它們應該從正文中脫穎而出。 死鏈接不應該出現在任何網頁上。 這會增加用戶的困惑並浪費時間。 更糟糕的是在主頁上有一個鏈接到主頁的鏈接。

建議：

  1. 通過對所有鏈接使用文本描述，使導航更順暢。 為圖像提供替代文本。 對 Flash 或 Javascript 鏈接使用替代文本描述技術。
  2. 根據網站的主題組織和構建您的導航。 個人網站可以更具創意且易於訪問，但商業網站需要更高的效率和清晰度。

請記住，如果用戶在不到 3 次點擊中找不到他們想要的東西，大多數人會立即離開。

#5 不均勻的界面規劃

過度的創造力可能就是這樣。 過多的！ 一些設計師在創建網站時通過為網站中的每個網頁創建不同的設計將其提升到另一個層次。 這絕不會讓用戶感到困惑。 而且非常煩人。 無論一個網站多麼出色和吸引人，如果整體外觀和感覺不一致，用戶就無法與之相關，並且感覺無法控制。 因此，他們一到就離開。

建議：

  1. 為每個帶有網站主要部分鏈接的頁面使用標準一致的模板。
  2. 關鍵字很簡單。 創建美觀簡單的設計，用戶將永遠不會對您的網站感到困惑。

#6 無反應

我確定我們訪問過您必須水平滾動的網站。 這是現代網頁設計中的絕對禁忌。 一個好的設計師會開發適合大多數屏幕尺寸的網站。 當前優化的網站佈局是 1024 x 768 像素。

建議：要滿足每個分辨率的設計很難，幾乎不可能，尤其是當訪問者現在通過手機和上網本上網時，但我們可以通過以下方式大致了解普遍使用的屏幕分辨率：

  • 檢查您的統計數據- 像 Google Analytics 這樣的分析服務會為您提供有關他們正在使用的顯示器分辨率的信息。 這些是您在開始下一次改造之前應該了解的有用信息。
  • W3 Schools Browser Stats – W3 Schools 給出了網民使用的最流行瀏覽器的清晰列表，並根據受歡迎程度對其進行排序。 還有其他有趣且重要的統計數據。

#7 複雜的註冊表單

登記表很棘手。 您需要用戶提供多少信息？ 用戶必須輸入大量詳細信息才能註冊到您的網站的日子已經一去不復返了。 一些網站將大多數註冊字段設為必填字段，並在用戶嘗試幾次後感到沮喪的情況下驗證這些字段。 請記住，用戶，訪問網站以獲取信息。 不是反過來。

Someecard 的簡單表格使註冊變得輕鬆。

建議：在網絡上比較各個社區的註冊表單，了解用戶在註冊過程中需要哪些基本信息。

更多：網頁設計中的 9 個常見可用性錯誤– Smashing Magazine 上的這篇文章深入研究了註冊表單以及其他可用性錯誤。

#8 網站上的欺騙性圖片

網頁上太多的圖像是一個巨大的關閉。 圖像可以用來吸引用戶的注意力，但它也可以分散注意力或只是簡單地加重。 在適當的情況下，應使用圖像來說明和指導用戶。

動畫很棒，也是一種強大的媒介。 特別是在適當使用時。 當它是一個循環或網頁上太多時，它會引起用戶的緊張。 用戶沒有耐心、時間或資源，因此設計師必須提供替代方案，或者更好的是，如果是整頁動畫，則提供跳過按鈕。

更多： Flash：99% 不好——適當地使用 Flash。 Jakob Nielsen 發表這篇文章已經快 10 年了，但它仍然與 Flash 可用性有關，尤其是Breaks Web Fundamentals文章。

#9 混亂的頁面，更多的空白空間

太多的設計師忘記了空白及其重要性。 他們如此沉迷於自己的設計創意，以至於忘記了這與他們無關。 因此，他們試圖將盡可能多的內容塞進一頁紙上。 最終結果？ 一個忙碌、雜亂且難以閱讀的頁面。

kylestanding 在他們的設計中充分利用了空白。

這裡有幾篇文章可以讓您了解空白在網頁設計中的重要性：

  • 四種空白佈局的比較
  • 留白的價值
  • 空白

#10 背景音樂，巨大的挫折

用戶不要酷，他們要的是效率。 是的，99% 的人不關心您網站上的音樂。 一些設計師通過在每個網頁上放置不同的背景音樂來使情況變得更糟。

建議：不要使用背景音樂，但如果必須，為代碼和用戶控件創建一個框架。 這樣，音樂就會不斷循環播放，而不是每次在網站內加載新頁面時都會改變。 用戶可以隨時停止或暫停。

包起來

吻是底線，哦，我的意思是保持簡單，愚蠢。 這實際上是人們在網站中最喜歡的，如果它簡單，它就很容易使用。

希望您對常見的網頁設計錯誤有了更多的了解。

有錯誤，也有靈感，所以不要忘記閱讀十大網頁設計趨勢和讓您的網站易於訪問的幾種方法。