創建用戶友好型網站設計的 4 個挑戰

要創建一個可訪問的網站，您需要以所有用戶都能平等訪問該網站的信息、功能和特性的方式來設計和開發它。 但是你的時間是有限的。 當您完成這句話時，有人會訪問並放棄您的網站。 除非你給你的訪客一個留下來的理由，否則他們就走了。

高跳出率是訪問者缺乏興趣的一個指標。 用戶查看一個頁面可能絕對沒問題，特別是如果它是新聞稿或其他事件驅動的內容。 但是您的目標應該是與訪問者建立關係。

網站設計的成功取決於它與訪問者溝通和引導訪問者的效率。 考慮到在後廣告時代吸引用戶是多麼困難，很難融入良好的網站設計而不會給人留下太銷售的印象。 這就是用戶友好的網站設計的用武之地。

將您的網站視為一個試驗場——您確實必須即興發揮導航的外觀和感覺，這需要解決某些設計問題。 在我們深入研究它們之前，重要的是要討論為什麼用戶友好性如此重要。

大多數網站的跳出率為 85%——這意味著您的大部分潛在客戶開發工作都付諸東流。 如果流量來自 Google 廣告，那就是對 PPC 預算的極大浪費。 這就是為什麼我們始終建議您在啟動 PPC 活動之前仔細優化您的目標網頁。

這通常是網站設計機構的獨家專長，他們會謹慎地兼顧業務目標和用戶友好性。 這是一個高強度的行為，需要大量的試驗和錯誤才能正確，但它是可以做到的。

以下是創建用戶友好型網站時必須解決的 4 個 UI 挑戰。

1. 結合 GUI 元素

您是否見過當今許多網站中使用的那些激進的新按鈕、鏈接、按鈕和滾動條？ 雖然它們看起來令人印象深刻並且做得很專業，但你有沒有問過自己這是否讓用戶的生活變得困難？

如果這個問題的答案是肯定的，那麼您剛剛失去了大量用戶。

網站設計，無論多麼別緻和令人印象深刻，都必須將可用性放在首位。 如果 GUI 元素降低了整體可用性，那麼最好完全刪除它。 在網站設計中，您必須優先考慮可訪問性、可用性和美觀性：按此順序。 只有在您能保證不會讓用戶感到困惑的情況下，才應使用按鈕和水平滾動。

這是網站設計中要記住的一條很好的經驗法則：如果您只是為了進步而加入新的設計元素，那麼最好避免使用它。

2. 如果您不需要導航菜單，請避免使用它們

許多 UI 設計師採用新穎的設計理念，只是把它們吹得不成比例。 漢堡菜單和無限滾動就是一個很好的例子。 這兩種趨勢都在加速發展，並被成千上萬的網站肆無忌憚地使用。 信息架構是否需要這些菜單是完全不同的事情。

無限滾動只有在信息架構需要時才看起來不錯。 一個很好的例子是 Twitter、Facebook、Google 圖片和各種電子商務網站； 在這種情況下，無限滾動是一個足夠好的解決方案。 但是問問自己這個問題：您的用戶將如何找到並標記他們真正喜歡的內容？

他們將如何從他們選擇的內容中來回移動？ 他們將如何瀏覽您向他們提供的大量信息？

這也帶來了漢堡菜單：一個神奇的導航菜單，讓遊客在公園裡散步——至少看起來是這樣。 它的名字來源於它的設計：它由三個類似漢堡的水平線組成。 就像它的真正對應物一樣，漢堡菜單旨在節省空間。

但它是一個徹底混淆用戶的圖標。 首先，人們真的會點擊漢堡菜單嗎？ 即使他們這樣做了，如果菜單項如此重要，它們不應該在屏幕上佔據更顯眼的位置嗎？

一個菜單只有在它能夠實現兩件事時才重要：

• 他們告訴用戶他們在哪裡
• 他們會告訴你你還能去哪裡

漢堡菜單，如果做得不好，可能會很糟糕，因為菜單不在屏幕上並且不夠可見。

然而，好消息是漢堡菜單已經變得無處不在——它們幾乎無處不在，從應用程序到網站再到視頻遊戲。 他們甚至找到了打印方式。 它是一個烙印在在線用戶腦海中的圖標，並已成為導航的代名詞。 人們熟悉它並且可以依靠它進行導航，這與用戶知道主頁圖標是您轉到主菜單的位置或垃圾桶圖標是您刪除文件的位置非常相似。

在網站和移動應用程序等視覺空間難以獲得的數字空間中，漢堡菜單可以節省空間。 畢竟，您永遠不應該用太多的選擇來壓倒您的訪問者。 這是因為當用戶面臨太多選擇時，他們往往根本不會做出選擇。

3. 創建響應式站點

現在大部分在線流量來自移動設備。 當然，桌面網站是必不可少的，但它們也應該很容易為移動用戶加載。 你最不想做的就是因為糟糕的移動體驗而拒絕你的觀眾。 如今，移動網站開髮變得如此簡單，以至於不將其納入您的設計是不可原諒的。

有 WordPress 插件和負擔得起的 UI 設計師可以幫助您的網站更具響應性。

以下是響應式網站的三個關鍵要素：

流體網格：固定百分比允許具有不同屏幕分辨率和設備的用戶像其他人一樣看到相同的屏幕。

自適應圖像和文本：圖像和字體大小不能在所有設備上保持相同，因此您必須調整代碼，以便它為每個不同的設備加載完全優化。 這需要仔細調整網站代碼，例如 CSS 文件。

媒體查詢：如果您已經成功實現了上述兩個場景的代碼，那麼是時候組裝它們了。 媒體查詢告訴您在桌面和移動設備上具體顯示什麼。

4.加載速度快

大多數用戶的注意力範圍都很短，而您每過一秒都在競爭。 今天的在線用戶根本沒有耐心等待超過 2 秒的時間來加載您的網頁。

想提高網站速度？ 有許多創造性的方法可以做到這一點，而無需在託管上花費更多的錢：

壓縮網站：圖像和視頻更受歡迎，但過多的媒體實際上會分散整體體驗並減慢您的網站速度。 除了謹慎使用圖像外，還可以使用 RIOT、Smush.it 等解決方案壓縮您的網站。

拆分圖像：在單個頁面上壓縮所有信息不是一個好主意。 為您的網站提供幾個短頁面以加快加載速度會更有益，而且它還可以為您提供更多的 SEO 優勢。

清潔編碼：搜索引擎使用爬蟲來了解您的頁面的全部內容。 如果您將它們與復雜的編碼混淆，只會迫使他們花時間，或者更糟的是，完全忽略您的網站。 所以總是優先考慮乾淨的編碼。

您如何處理網站上的導航？ 請在下面的評論中告訴我們。

作者簡介 -

Faye Eldridge 是 The Fyami Marketing group limited 的創始人兼董事。 Fyami 是倫敦一家好奇的網頁設計和營銷諮詢公司，提供需求生成、潛在客戶培育、數字、社交媒體以及一般營銷支持和解決方案。 我們的使命是在這個以技術為主導的數字時代吸引更多企業。 Faye 相信積極影響、透明度、多樣性、好奇、頑強和分享知識。 她擁有碩士學位，目前正在從事與 CMO 和 CTO 合作相關的博士商業研究。