專業級網站優化的 7 個經過驗證的 UX 提示

網站設計中的用戶體驗設計（UXD 或 UX）是一種通過開發網站內用戶交互的可用性、可查找性和效率來提高用戶滿意度的方法。 今天，我將列出我積累的經過驗證的技巧，任何一位網頁設計師都應該知道並利用這些技巧來增強他或她的網站用戶體驗。

提示 #1：使用 Flow

為了讓您的用戶輕鬆瀏覽您的網站，您需要站在他們的立場上並了解您的角色目標。 想想你的角色的心態，你創造的虛構人物代表將使用你的網站的人的類型。 他們會首先註意到您網站的哪個部分？

對此的一個相當明顯的答案是頁面頂部，並且應該將最重要的頁面放在頁面頂部，以便訪問您網站的人最先看到它們。 沒有人願意無休止地滾動和挖掘才能找到他們想要的信息，因此將其放在頂部非常有幫助。

改善網站流量的另一個重要因素是使用一致、方便、易於理解的用戶界面，以確保您的角色可以專注於他們需要的內容並不受阻礙地瀏覽它。

為了避免混淆並避免為您的用戶創建額外的不必要的工作，請避免在您的網站上創建死胡同頁面。 為了避免進一步的這種混淆，避免使用不常見的網站模式和界面，你不需要讓你的用戶學習新的東西，使用常見的模式和界面是完全沒問題的。

提示#2：滾動

只要您的用戶清楚與他們相關的信息在折疊之下，他們就會繼續滾動。 重要的是要記住，您的網站應始終清晰地指示滾動方向，並應告知用戶是否有更多可用材料。

一個相當明顯但經常被忘記的一點是，您的網頁越長，人們就越不可能費力地向下滾動到頁面底部以找到他們需要的東西。 只要您的網頁不太長，運行網頁就會很愉快，因為多虧了點擊，滾動速度要快得多。

提示＃3：對比度和顏色

由於各種各樣的人都會訪問您的網站，請考慮那些色盲的人——確保您的網站設計是灰度的，以便所有用戶都可以閱讀有價值的信息。 網站上顏色的另一個指針是不要在文本的任何其他部分使用藍色，除了鏈接，因為它經常與您的背景發生嚴重衝突，或者只是消失，變得幾乎不可讀，這是所有網頁設計師都應該知道的。 請記住，如果您沒有意識到移動網站上的對比度，屏幕眩光會破壞您網站的可用性因素。

為確保您的 CTA 有效工作，請為它們使用一種顏色並避免將其用於其他任何顏色。 如果你想讓你的文字出現在你的背景上，請使用溫暖、明亮的顏色，因為它們很突出，而冷、暗的顏色往往留在背景中。

提示 #4：提高加載速度

網站加載速度是重要的 SEO 因素之一。 作為專業的 SEO 服務提供商，我們始終專注於提高網站速度。沒有用戶喜歡等待超過 3 秒的網站加載，因此確保延遲超過 3 秒是不可能的。 當網站加載時，確保網站用戶可以快速完成他們的目標，沒有任何問題。

網站速度的感知基於加載時間、加載行為、等待時間和動畫流暢度等因素。 為了提高對這些因素的理解，展示一個網站元素的骨架，在它仍在加載時向用戶展示佈局。 如果用戶可以在圖片之前看到文字，則用戶可以在圖片加載之前閱讀文字，因此請確保先加載文字。

相關文章： 5 種使 WordPress 網站更快的方法

提示 #5：讓它成為移動和平板電腦用戶的天堂

如果移動界面元素較小或靠近放置，則很難準確選擇它們，因此相應地，移動設備上的觸摸目標的最小尺寸應為 1cm x 1 cm，並帶有適當的填充。 如果用戶必須使用小指訪問它們，您可以看出您網站或應用程序上的界面目標太小。

使用平板電腦訪問您的網站的人會發現屏幕的側面和底部最容易用拇指訪問，因此在創建網頁時請記住這一點。 當您開始創建移動佈局時，您應該確定人們是使用一隻手還是兩隻手來操作他們的設備。

提示#6：乾淨的導航

通常，您的網站應該有一個易於查找的導航菜單。 如果您意識到您的網站層次結構比 3-4 級深，那麼可能是時候重新考慮您網站的設計了。

如果您的網站頁面很長，或者您的用戶需要即時訪問網站的特定部分，則粘性菜單是使訪問更快更容易的絕佳方式。 導航標籤必須準確，確保它們由不超過 2-3 個單詞組成，並且信息量最大的單詞在開頭。

麵包屑是讓您的用戶知道他們在您的網頁上的位置的絕佳方式。 您的導航菜單應該消失，不會在路上，也不會通過網站更改。 在設計您的移動導航時，請確保最常用的選項位於頂部，並將所有不太受歡迎的選項隱藏在漢堡菜單下。

這些菜單在台式機上不太常見和引人注目，並且導致交互成本上升和信息氣味下降。 如果您需要在您的移動網站上進行二級導航，類別著陸頁、子菜單或頁內菜單都是合適的。 如果您的網站有 megamenus，請將鏈接分組以區分可點擊和不可點擊的項目。 您不得在網站菜單中隱藏登錄和搜索功能。

提示＃7：表格

為了向用戶提供快速掃描，請確保將表單標籤和字段放置在一條垂直線上。 您的用戶不必擔心丟失字段標籤，因此請將它們放在文本字段之外。 您必須使您的 Web 表單易於理解，因此請使用分隔符將各個部分分開。

表單錯誤應放在每個 Web 表單中導致錯誤的區域旁邊。 提供的錯誤消息必須易於理解、簡短且對用戶有幫助。 如果您立即顯示所有錯誤 - 導致字段，在其各自有問題的文件旁邊，移動用戶錯過警告的可能性較小。

相關文章：如何有效防止 Web 表單垃圾郵件

我希望這些技巧在創建您的網站時能派上用場。 創建一個出色的網站以很好地銷售您的想法始終是一項艱鉅的任務。 牢記這些提示，您會發現您網站的用戶感到滿意。

作者是 Logo Orbit 的品牌專家 Daniel Shane。