Design News

網頁設計新知

設計師千萬別「自我感覺良好」,這五種網站設計盲點會把你的使用者逼瘋!

Aug 26, 2015

有沒有看過身邊的人疲倦的坐在網頁前,從一臉的困惑、茫然、不解到憤怒,最後挫折的放棄?如果你不巧正好是個網站設計者,或許你的重要客戶正像上面所描述的一樣──坐在你的網頁前嘆氣憤怒然後放棄,那麼你一定要來看看這篇文章。UserTesting.com 所做的 100000 個使用者測試,告訴你網站設計的五大盲點!

  • 「看得到,但點不到」的多層次檢視模式

下面影片中的女士得用著她的滑鼠不斷來回尋找,才從一層又一層的檢視模式中找到她要去的項目,但才要點下去,整個檢視模式又消失了!這種看得到點不到的多層次檢視設計真是讓人非、常、挫、折!

 

 

建議:可參考 Amazon.com 的作法,讓整個選項區塊同時跳出來。這種方法可以讓使用者毋須小心翼翼的控制他們的滑鼠,又能夠同時看清所有選項。

 

  • 想找也找不到的奇異分類

這是使用者調查中出現最頻繁的問題之一。下面影片中的女士試圖在購物網站的繁複分類中找到一個小小的吸塵器,卻花了 48 秒才找到正確的分類。他從「電子產品」開始看起,然後又看了看「居家用品」,最後在「家庭與庭園」分類中找到他要的吸塵器。

 

 

使用者想說:「家庭與庭園」到底算是哪門子的分類!?

 

設計者想說:這麼明顯就在「家庭與庭園」你怎麼會找不到!?

究竟為什麼小小的一個吸塵器這麼難找?要怎麼分才能讓所有人都清楚?

建議:

最好的測試方法,就是請某個人在你的網站前坐下來,並請他不用站內搜尋的方式找到某項產品。這個測試非常快速簡單,但卻會讓設計者如坐針氈。

但沒關係,坐完針氈後你就會學會,可以使用 OptimalSort TreeJack 等工具來幫助你分類。OptimalSort 是一個線上分類工具,幫助你按照一般人普遍理解的方式將內容分類。然後當你覺得都分類得差不多時,TreeJack 幫助你確認網站架構能順利運作。

  • 讓人氣到抓頭髮的站內搜尋功能

據統計,近 10% 的網站使用者會使用站內搜尋功能。當他們在你的網站中搜尋某樣東西時,你知道他們得的結果長什麼樣子嗎?

在我們所進行的研究中,我們發現站內搜尋功能普遍有的四大問題:

1. 搜尋結果不包含錯別字、複數、連字或其他文字變化
2. 搜尋空隔根本不夠長
3. 搜尋結果根本一點道理都沒有
4. 搜尋結果沒有優先順序排列

看看下面影片中的男士,掙扎著試圖用站內搜尋找到另一個小小的吸塵器。由於搜尋結果自動按照「熱門程度」排列,第一個出現的搜尋結果居然是替換電池與過濾紙袋!我的天啊!

 

 

建議:

 

到你的網站中搜尋前 10-20 名的熱門關鍵字,然後再搜搜你們公司十大最重要的商品,看看結果是否令你滿意。最後,用一些非商品名稱的關鍵字搜尋看看,例如「接觸」、「小時」…等。看來如何?

如果以上的幾個搜尋結果看來都不錯,並且你也讓你的搜尋結果按照「相關程度」自動排列,那麼你應該沒什麼大問題了。

  • 「看不出來是連結」的連結

聽起來很荒謬嗎?其實真的有非常多的連結因為看起來不像連結而讓使用者根本不知道可以點開它!在下面的影片中,這位女士想找一個「簡易上傳」(Basic uploader) 的連結,讓自己上傳照片,卻過了好一會才發現「Basic Uploader」本身就是一個連結了!

 

 

建議:

 

這裡沒有什麼新奇的方案,只是若是你想要你的使用者能夠開心的瀏覽你的網頁,請讓你的連結是「藍色」而且「有底線」的。而且造訪過和沒有造訪過的連結,也應該用不同顏色分別開來。

  • 無聊到看不下去的網站 / App

有些時候很多網站在使用性上是完全沒有問題的,它們有很好的檢視模式、清晰的分類、好用的站內搜尋而且連結也長得像連結。但它們常常患有令一種更嚴重的疾病 ── 無聊。

或者換一種比較溫和的說法,它們沒有讓使用者感到樂在其中。使用者順利的找到他們想要的東西,做他們要做的事情,但他們並不感到與該品牌或產品有任何連結。簡而言之,他們根本不在乎。

在下面的影片中,這位女士在試玩一個新的手機遊戲。聽聽她那無奈的嘆息吧!設計師們你們聽到了嗎?

 

 

建議:

 

這就是觀察使用者實際使用你的網站、程式或產品的好處 ── 讓你了解到統計資料無法告訴你的細節,例如無聊。在開發的過程中,我們很容易就會只專注於統計資料或可用性的問題,但別忘了要讓你的使用者樂在其中並且建立你的品牌。

以上只是簡略的陳述 5 個常見的問題,但事實上,一個網站或程式可以有 N 種方法讓使用者放棄離開,殺死了一個問題可能還有千千萬萬個問題。

值得注意的是,許多設計者完全無感於任何可能讓使用者挫敗、放棄的問題。這就是心理學所說的「隧道視覺」(Tunnel Vision),也是為什麼我們非常需要請真正的新使用者來做測試,並給予我們回饋。很多的反應與評價或許聽來非常錐心刺骨,但它將是幫助我們網站進步的最好推手!

(資料來源:Moz;圖片來源:Sean MacEntee, CC Licensed)