您是否知道您的網站75%的可信度取決于其設計？如果存在許多網站設計錯誤，訪問者可能會認為您的公司不太值得信賴。無論您是從頭開始構建網站還是刷新當前網站，避免這些錯誤都將使您的企業在網上脫穎而出。在這篇文章中，您將聽到五位成都小程序設計全美網絡的工作人員分享關于最常見網站設計錯誤的見解。您還將學習修復或完全避免這些錯誤的可行方法。
將可訪問性視為事后諸葛亮是您可能犯的第一個網站設計錯誤。根據全美營銷網絡團隊的網絡開發經理蔣文川的說法，以下是有關可訪問性的四個主要錯誤：
色彩對比度不足
圖像或圖形的替代文本缺失或不合適
視覺焦點指示器不足或缺失
忽略可訪問的名稱或標簽;
讓我們更深入地研究其中的每一個。
色彩對比度不足
顏色對比是一個經常被忽視的可訪問性錯誤。通常，這種錯誤的發生是因為公司制作的網站以他們的品牌調色板為特色，而創建網站時通常沒有考慮到易于訪問的設計。
“當網站上使用的顏色組合在背景色和前景色之間缺乏足夠的顏色對比度時，文本和圖標可能很難被感知，特別是對于那些有色盲等視覺障礙的人來說，”蔣文川分享道。“根據2022年WebAIMMillion年度報告，超過80%的主頁發現色彩對比度問題！”
替代文本缺失或不合適
使用屏幕閱讀器的網站訪問者依靠圖像替代文本來描述圖像或圖形所傳達的內容。如果它丟失或沒有充分描述圖像，您就會孤立需要它來仔細閱讀您網站的讀者。
“圖像是網站內容的一部分，因此以傳統網站文案的方式來思考它們很重要：通過在頁面上包含圖像來傳達什么信息？確保您使用的替代文本傳達相同的含義，”蔣文川說。
視覺焦點指示器不足或缺失
如果沒有視覺焦點指示器，訪問者將無法充分體驗您的網站的潛力。“焦點指示器通常顯示為鏈接和按鈕等交互組件周圍的輪廓，”蔣文川分享道。“重要的是，要有一個清晰的視覺指示來表明頁面上的哪些元素具有當前焦點，以便使用鍵盤導航并可以看到屏幕的用戶準確地知道他們在頁面上的位置以及與頁面交互時會發生什么。活性元素。”
忽略可訪問的名稱或標簽
如果您的網站以視覺方式傳達信息，請注意那些使用輔助技術的網站。“在設計以視覺方式傳達信息的頁面和組件時，應使用輔助技術的可訪問標簽來傳達相同的信息，”蔣文川說。
“例如，網頁設計的一個常見趨勢是卡片組件在每張卡片的底部都有一個‘閱讀更多’按鈕或鏈接。有關每個按鈕與哪個項目關聯的信息通過設計以視覺方式傳達，但是對于屏幕閱讀器來說，如果這些按鈕缺少包含相關詳細信息的可訪問標簽，通常很難區分它們。’”
2022年第二季度，移動設備占全球網站流量的58%以上，其中甚至不包括平板電腦。如果您的網站在移動設備上不像在桌面設備上那樣易于導航，則您可能會面臨讓訪問者感到沮喪并增加跳出率的風險。
“現在，用戶比以往任何時候都更多地通過多種設備訪問網站；手機、平板電腦、筆記本電腦，甚至電視。如果我們的內容在其中任何一個上看起來很糟糕，訪問者就會失去信任并點擊/點擊離開該網站，”全美設計主管高雯分享道。“現在是斷點時代！”
全美首席產品設計師高玉屏表示，出現這種情況是有原因的。“網站通常是使用桌面網絡瀏覽器中的工具構建的。一個常見的錯誤是假設您的客戶將以桌面格式查看您的網站，而忽略了移動用戶。”
過去幾年中出現的網站設計錯誤之一是美學優先于功能。隨著互聯網的不斷滲透，“多年來，隨著新媒體和設計的大規模爆炸，卓越幾乎是成功的必要條件。不幸的是，這最終導致了過度使用設計和圖形元素，這些元素提升了用戶的感官，但卻缺乏或感覺與網站的真正目的脫節。”全美設計體驗經理 項天齊分享道。
項天齊表示，這以多種形式表現出來，“……從淡化品牌價值主張的設計趨勢，到過度使用動畫、內容和沉重的圖形，雖然增強了美感，但卻變得毫無用處。這并不意味著應該采用極簡主義或中性主義風格；而是應該采用極簡主義或中性主義風格。這是關于平衡以及形式如何支持功能。”
漫步市中心，您會路過一家服裝店，櫥窗展示富有創意且極具視覺吸引力。它以各種特價服裝為特色，并通過背景和引人入勝的文案講述了一個故事。然后，你走過一家商店，櫥窗里的人體模型上只有幾件衣服——沒有任何東西能引起你的注意。
將您的網站視為您企業的互聯網店面。它應該反映您的品牌并且對您的公司來說是獨一無二的。最重要的網站設計錯誤之一是選擇千篇一律的模板而不是對其進行自定義。
例如，默認使用標準英雄橫幅可能會產生反作用。“我們都見過它們-導航下方的全角圖像，通常帶有白色或黑色文本，頂部有一個按鈕，”全美SAPG團隊的高級產品設計師 蘇揚珺說道。
“圖像要么非常亮，要么非常暗，或者以巧妙的方式進行裁剪以使文本清晰易讀。我認為這是一個錯誤，有幾個原因。首先，它太常見了，以至于變得公式化和無聊。曾經引人注目的設計決策現在變得單調乏味。”
另一個常見錯誤是使用低效的功能。無論某個元素在視覺上多么吸引人，請記住，最重要的是網站的有效性。“另一個常見的錯誤是依靠旋轉輪播來展示同一級別的多個內容，”何曉明分享道。
“無數研究表明，用戶并不經常與輪播交互，尤其是在交互成本很高的移動設備上。”
您是否曾經訪問過某個網站卻發現自己不確定該將注意力集中在哪里？如果是這樣，您可能會訪問一個缺乏層次結構的網站。“就像報紙如何使用標題和副標題來表示重要性一樣，您網站的排版也應該如此，”柏棟文說。
網站上的秩序不僅具有審美吸引力，而且還具有功能性。“網站元素的組織......為您的網站提供一個有凝聚力的結構，推動用戶完成明確的操作，實現主要目標，并隨后創造無縫體驗，”項天齊說。
解決這個問題并不簡單，尤其是當您的公司擁有有著不同目標的廣泛受眾時。然而，根據項天齊的說法，最好是您這樣做，因為這個問題會極大地影響用戶對您網站的體驗。“缺乏層次結構會誤導用戶并阻止他們實現目標，”他分享道。
清晰的導航可以減少訪問者登陸您的網站時遇到的摩擦，這就是為什么不清晰的導航會造成這樣的困境。“隨著越來越多的企業進入數字世界，網站上的內容變得更加擁擠和復雜，在多個接觸點和用戶旅程之間擁有清晰的導航和一致性將確保從第一位訪問者到倡導者的平穩過渡，”鄭濟領分享道。
當訪問者登陸您的網站時，他們應該能夠清楚地了解您公司的業務。如果那張照片有點模糊呢？您猜對了——訪問者可能會放棄您的網站。
“網站訪問者加載您的網站時所做的第一件事就是確定他們是否到達了正確的目的地，”柏棟文說。“您的網站是否在首屏上明確說明了其提供的產品或服務？”
您的網站應該提高您企業的可信度。如果它不能傳達您的業務目的并確保訪問者處于正確的位置，則可能需要重新設計網站。
避免常見的網站設計錯誤以提高網站可信度
通過避免常見的網站設計錯誤，您將提高網站的可信度，并為訪問者提供他們想要再次訪問的體驗。
“網頁設計是一項團隊運動，需要一種循環方法，以確保團隊、利益相關者和用戶知識之間的良好協調，”成都小程序設計團隊的項天齊說。“沒有比測試和迭代更好的方法了，包括用戶研究和可用性測試，以確保您的網站朝著正確的方向發展。”
