第 7 條正在損害您的品牌的可用性錯誤

已發表: 2022-08-12

可用性是網站成功的最重要因素之一。 但它經常被忽視。 我們一次又一次地看到公司違反可用性最佳實踐。

100% 的時候，它會傷害你的品牌，也會傷害你的底線。

在本文中，我們分解了七個最常見的錯誤，以便您知道要尋找什麼，並且可以與您的用戶建立善意而不是失去它。

我們與 Jason Wolter（信息架構師）和 Cynthia Stipeche（品牌體驗總監）坐下來討論這七個錯誤以及每個錯誤如何影響您的品牌。

  • 錯誤 #1：“漢堡菜單”
  • 錯誤 #2：不使用主頁鏈接
  • 錯誤 #3：沒有搜索功能
  • 錯誤#4：旋轉傳送帶
  • 錯誤 #5：自動播放視頻
  • 錯誤 #6：兩列表格
  • 錯誤 #7：佔位符文本

錯誤 #1：“漢堡”菜單

傑森：讓我們從大砲開始。 所以最大的可能是漢堡菜單。 人們經常使用漢堡菜單，但發現率非常低。 人們並不總是看到菜單，尤其是當它是三個酒吧時。

這三個條形通常無法識別。 在我們從事的業務中，使用漢堡菜單是我們的第二天性。 但是在現場測試中，人們不知道這三個條代表什麼。 它將菜單隱藏到較低可發現性的更好選項。

如果您必須使用漢堡菜單（例如，在移動設備上查看時），最佳做法是使用標有“菜單”的按鈕，並在其周圍有一個輪廓，以清楚地表明它是一個可點擊的按鈕。 但它不能替代可見導航。 理想情況下，這確實是您想要的方式。

許多機構使用它，因為它更清潔。 但人們很難看到。 可用性是關於讓事情變得順暢，讓用戶可以輕鬆地與之交互。 如果用戶必須學習如何使用您的網站才能與之互動，那麼他們回來的可能性有多大？

這被稱為認知負荷。 你一無所獲，但某人越難找到東西，或者你讓他們等待一些信息的時間越長，他們最終放棄你的可能性就越大。 解決方案是創建一個適合他們的更簡單的解決方案。

這是最重要的可用性錯誤之一； 漢堡菜單必須去！

辛西婭：我將為此提供一些背景信息。 很多人不認識漢堡菜單，測試證明了這一點。 但與此同時，這將取決於公司的受眾。

例如，如果它是一個娛樂或遊戲網站，並且觀眾偏年輕，他們可能會確切地知道這三行的含義。 測試中有最佳實踐，但通常是不同年齡的。 如果您的企業有很多年輕客戶，他們就會確切地知道那是什麼。 目前，尤其是如果您正在做一個 B2B 網站，您可能不應該依賴那個漢堡菜單。

目標受眾和角色很重要。 如果你有一個只迎合所有人的網站，那就大錯特錯了。 用戶將在沒有上下文和適合他們的信息的情況下不知所措。 您需要定義每個頁面的用途。 如果沒有定義，那麼它的結構不正確。 如果它的結構不正確，它將無法正常運行。

當您開發角色並且他們不是基於研究時，您最終可能會設計一個讓您的受眾失望的網站。 觀察最終用戶，與最終用戶交談，與客戶交談對於可用性和通過您的網站管理您的品牌至關重要。 我們這樣做。 我們做了很多客戶研究的聲音，以更好地了解我們的目標受眾和他們的痛點。

如果您要對目標受眾產生同理心，它應該植根於真實的人。 它應該植根於觀察而不是假設。

錯誤 #2：不使用主頁鏈接

Jason：很多網站都依賴於人們知道，如果您單擊左上角的徽標或品牌徽標所在的任何位置，就會始終將您帶回主頁。

測試表明情況並非如此。

很多人沒有意識到你能夠以這種方式導航。 所以人們最終會點擊瀏覽器中的後退按鈕以嘗試返回主頁。 因此，在內部頁面上擁有一個持久鏈接為用戶返回該主頁創造了一種清晰的方式。 很多人忽略了這一點。

Cynthia：有時我們想在內部頁面上再次清楚地引入一個顯示“主頁”的按鈕。 我認為這可以追溯到代際差異。 年輕的觀眾可能會期望，如果我點擊徽標，它會帶我回家。 但是現在，測試表明，將徽標作為導航回主頁的唯一方式並不是最佳實踐。

錯誤#3：沒有搜索功能️‍️

傑森：搜索是另一回事。 有一部分用戶通過搜索瀏覽網站。 因此，如果您沒有搜索選項，或者如果您沒有通過暴露的搜索欄或從導航中突出的搜索按鈕來強調您的搜索選項，那麼您正在疏遠特定的受眾。 這在具有深層架構的大型站點上尤其重要。 Search Engine Journal 的一項研究發現，接近三分之一的用戶表示他們對網站上沒有搜索框感到厭煩。 超過 40% 的人表示搜索框是網站上最重要的功能。

最低限度應該是一個在視覺上與您的導航不同的圖標。 有一個測試，你瞇著眼睛盯著屏幕中間。 您的視力變得模糊，您會尋找可以直觀識別的突出物品。 如果您可以看到從導航文本中突出的搜索圖標，那麼這是可以接受的。 但是您可以做的最好的事情是有一個暴露的搜索欄，以便清楚從哪裡開始您的查詢。

Cynthia：我的另一個問題是當你在你的網站上提供搜索，然後你不給人們一種過濾搜索結果的方法。 或者即使你有搜索功能，結果頁面也缺乏按文件類型過濾的能力。 當用戶試圖定位信息時，它會給用戶帶來更多的摩擦。

網站搜索功能的另一個錯誤是無法在結果頁面上再次搜索。 我們過去做過測試，發現很多偏年輕的人沒有使用主菜單來搜索網站或查找內容。 他們直接進入搜索功能。

他們不會弄亂導航並直接進行搜索。 對於通過谷歌等搜索引擎查找信息的一代人來說，如果您的搜索功能在您的網站上不起作用，您將失去它們。

錯誤#4：旋轉傳送帶

Jason：自動旋轉傳送帶——或一般的傳送帶——不是很有效。 人們通常會滾動過去。 所以如果你只是掃描一個頁面，一個選框可能有四個關鍵信息，但大多數人只會看到第一個，因為他們只是要向下滾動到內容。

自動旋轉木馬更糟糕。 根據您在其中的內容，用戶並不能真正控制他們所看到的消息。 因此，他們可能對您的一條關鍵消息感興趣，然後在他們能夠全部消費之前它就滑落了。 或者他們可能已經看到它並想回到它。 然後他們向上滾動，它不在那裡，他們必須單擊並找到它。

所以你讓他們工作。 這可以追溯到認知負荷。 然後，一旦他們找到他們正在尋找的消息，他們就會在上面停留五秒鐘，然後再次切換。 他們必須點擊它才能返回。 那隻是一團糟。

例如，如果您有五張推薦幻燈片，那麼 95% 的用戶只會看到第一張。 他們不會點擊並嘗試查看所有內容。 但這不是一個超高優先級，因此在某些情況下這是可以接受的。

真正糟糕的地方是你的選框，你有三四個主要信息和一個 CTA。 這些是您真正想要傳達的關鍵信息，而人們永遠看不到它們。 如果他們沒有看到您的四個推薦中的三個，那沒關係，但如果旋轉的輪播讓用戶錯過關鍵消息，那就不好了。

Cynthia：通常我們會避免像瘟疫這樣的輪播，但很多公司仍在使用它們。 這在選取框中尤其沒有意義，因為用戶可能會錯過重要的信息。 如果您不隱藏重要的內容，即使它位於頁面頂部，它可能會更好。

有些人想把所有的東西都塞在頁面的頂部，這就是他們所想的。 但是，如果信息隱藏在選框中，它就不會為您做任何事情。

錯誤 #5：自動播放視頻

傑森：很多網站喜歡在他們的字幕中使用運動。 可能有一個視頻，當他們登陸頁面時，視頻開始播放。 有些人不喜歡這樣。 他們不喜歡這種運動，也不想看視頻。

要解決此問題，您需要包含一個暫停按鈕。 如果用戶不想看到它，您希望擁有讓用戶能夠將其關閉的東西。 更好的做法可能是在後面放一張圖片，並真正強調播放按鈕，讓用戶可以選擇：“我想看這個視頻嗎？” 你不只是把它推到他們身上並讓他們看到它。

即使是網站上其他區域的自動播放視頻也會中斷用戶查找信息的流程。 因此，自動播放任何內容通常都不是一個好主意。

Cynthia：自動播放視頻很糟糕。 這是一個不和諧的經歷。 您不想訪問網站並自動啟動視頻。 關閉音量播放視頻會很糟糕。 更糟糕的是音量打開。 如果您想說服人們像瘟疫一樣避開您的網站，請繼續並放入自動播放視頻。

現在，如果您確實有一段強大的視頻內容，我可能會抓取該視頻的一部分並創建一個被動循環。 那麼它就不是那麼在你的臉上和突出。 它可以在三秒左右的循環中播放，並包含一個行動號召來觀看整個視頻。 然後它不會震動或讓你失望。 到那時，就足以誘使用戶說，“我有興趣了解更多有關這方面的信息。” 你給他們選擇，所以當音頻開始播放並且視頻開始播放時，他們不會感到驚訝。 用戶應始終處於控制之中。 人們往往不會想到這一點。

我們需要對用戶有同理心。 那是什麼意思？ 企業將有自己的目標。 但這不會妨礙最終用戶自己的需求。 一個關鍵問題是“我如何在他們的經驗框架內最好地提供我所提供的服務？ 因此，當您對最終用戶有同理心時，請邀請他們訪問該網站並了解它。 並在他們深入了解更多信息時支持他們。

那一刻，有一種善意的感覺。 如果您通過嘗試為用戶做最好的事情而不是直接為您的底線做最好的事情來接近您的網站，從長遠來看，這將帶來紅利。

錯誤 #6：兩列表格 ‍

Jason：在垂直線上設置字段而不是在頁面左右的字段更有用。 人們習慣於瀏覽某些東西，他們希望向下移動頁面。 如果您有兩列，則有太多不同的選項卡模式。 他們不知道它是否會下降。 他們不知道它是否會向右轉。 對應該發生的事情有一個期望，那就是向下移動。 因此，當您有多個列時，您並不總是能夠滿足該期望。 所以最好有一個單列，這樣人們就可以在表格中向下移動。

Two-Column Form Fields

錯誤 #7：佔位符文本

Jason：你不想使用佔位符文本。 佔位符可以幫助用戶理解您希望放入其中的內容。 用戶應該能夠在沒有任何類型的佔位符文本的情況下分辨出該字段中的內容。

所以你希望你的標籤在那個領域之外。 如果它們作為佔位符在裡面，當你點擊它時，文本就會消失。 如果你完成任務，你可能會回來，你將不確定你正在填寫哪個字段。

Best Practice for Form Fields

這也會影響屏幕閱讀器的可訪問性。 標籤告訴使用屏幕閱讀器的用戶，該內容應該是什麼。 如果標籤是佔位符且不包含在外部說明中，則可能會使人們與屏幕閱讀器混淆。

最大的錯誤：美學優於功能

永遠不要將美學置於功能之上，反之亦然。 你想要兩者兼得。 如果您正在考慮實施一種設計趨勢，請確保它對您的網站有意義，並且您出於正確的原因使用它。 設計元素可能看起來很酷，但對大多數用戶來說是不切實際的。 所以你要確保事情是正常的。

你的品牌就是你的聲譽。 如果您的網站難以使用，您可能會對其造成無法挽回的損害。