固體比大綱圖示:哪些更快被識別?
來源:Medium網站
作者:UX運動
翻譯:奧創
閱讀時長:5min
在構建移動應用程式時,您需要決定是使用實體圖示還是大綱圖示。哪種風格更適合使用者體驗?
有些人認為它們之間的差異僅僅是一個偏好問題,但研究表明,它有更多的東西 - 一種風格的識別率比另一種風格更快。
瞭解何時使用實體或大綱圖示可讓您的使用者輕鬆瀏覽您的移動應用。他們將能夠更快地識別您的圖示並選擇正確的選項。
一項研究性研究“ 填充與大綱圖示:圖示樣式對可用性的影響 ”發現,圖示樣式會影響任務效能。通過識別和選擇圖示的速度和準確性來測量任務效能。
實體圖示通常比大綱圖示更快識別,但有一些例外。並且一些圖示顯示任務時間沒有差異。這與特徵線索有關。
特色線索
特徵提示是使用者用來識別圖示的內容。如果缺少或難以注意到特徵線索,則圖示變得無法識別。
例如,評論氣泡圖示的尾部是其特有的提示。沒有它,它只是一個圓圈。鎖圖示上的鑰匙孔是其特有的暗示。沒有它,很容易將圖示誤認為是一個包。齒輪圖示上的牙齒是其特有的提示。沒有它,它看起來像一個甜甜圈。
研究中使用的鎖定圖示沒有鎖孔,是最錯誤識別的圖示,超過四分之一的失敗。鑰匙孔是一個必要的特徵提示,因為沒有它,圖示看起來像一個包,錢包,甚至是一個鍋。
這些特徵提示是使用者依賴圖示識別的。使用圖示時,請確保它包含使用者識別它們所需的所有特徵提示。如果圖示看起來像是不同的物件,請考慮為其新增額外的特徵提示。
大綱圖示更快時
除了包括特徵提示之外,提示必須突出或易於注意。有時,某些圖示上的特徵線索在輪廓樣式中比實體樣式更突出。
該研究發現三個圖示在大綱樣式中更快識別 - 評論泡泡,垃圾桶和鑰匙。這些圖示具有出現在形狀外邊緣上的微妙特徵線索。因此,大綱樣式使這些提示更容易被注意到。
評論泡沫尾巴很容易被遺漏作為一個堅實的,但更明顯的輪廓。垃圾桶蓋子很難以實心的方式注意到,但在輪廓中更容易看到。關鍵的牙齒是微妙的,但鋸齒狀的邊緣在輪廓樣式上更加明顯。
當圖示的特徵提示很微妙並出現在形狀的邊緣時,請使用輪廓樣式。這使得提示更加突出,這導致更快的識別。
選擇圖示時,最好堅持一致的風格。不要混合實體樣式和輪廓樣式,而是嘗試選擇一組具有突出特徵線索的圖示,其中銳角指向外部。
例如,如果您將評論,垃圾桶和關鍵圖示與具有更多顯著提示的圖示進行比較,您可以看到差異。更突出的線索突然出現,更容易被注意到。
當實體圖示更快時
大多數圖示代表現實世界中的物理物件。這些物件呈實體形狀,並顯示為輪廓。將圖示視為輪廓並不是大多數人習慣看到的真實表現。這就是為什麼可以更快識別實體圖示的原因。
儘管如此,使用者仍然能夠識別大綱圖示。但如果圖示的形狀輪廓太靠近,那麼它們需要更長時間才能完成。
該研究發現,拇指,剪刀,手機和工具圖示更加難以識別。這是因為這些圖示的輪廓樣式在其提示上都具有狹窄的內部間距,從而產生視覺噪音。
對於內部間距較窄的物件,最好使用實心圖示。輪廓形狀提供更簡單的形狀,使圖示更容易識別。
風格沒有區別
該研究發現了這兩種風格中容易識別的圖示。例如,星形,購物車和旗幟圖示都具有相似的識別時間。
這意味著這些圖示的大綱樣式不會降低使用者的速度。原因在於它們具有寬的內部間距,從而降低了視覺噪音。內部間距越窄,產生的噪聲就越多,這會干擾識別。
按鈕選擇的圖示樣式
通常的做法是使用實 心圖示突出顯示標籤欄中的活動按鈕,而其他按鈕保持大綱形式。但是這種設計實踐是落後的,應該是另一種方式。
使用者需要更多他們尚未發現的選項的識別速度,而不是他們已經選擇的選項。不需要活動按鈕的實心圖示。對於非活動按鈕來說,獲取可靠圖示更為重要。
使用大綱圖示突出顯示活動按鈕,而不是實心圖示。它提供了更清晰的風格和顏色變化,強化了所選按鈕。
反傳統指南
如果任務速度對使用者很重要,則必須考慮圖示識別率。如果你想要更快的識別率,堅實的風格圖示會更好。但是這個規則有一個例外,你應該記住。瞭解規則的例外情況後,您可以在情況適合時使用輪廓樣式。
總之,這是使用圖示樣式時應該記住的內容:
圖示由需要識別和突出的特徵線索組成
除非他們的線索微妙且不夠突出,否則可以更快地識別實體圖示
當內部間距較寬時,輪廓圖示更容易辨認
如果實體版本在邊緣上具有微妙的特徵提示,請使用大綱圖示
如果輪廓版本建立窄內部間距,請使用實心圖示
-------------------------------------------------
喜歡請點贊加關注哦~~
也可以關注奧創公眾號哦~看圖文更方便~