[分享] UX Myths #13 Icons enhance usability
Myth #13: Icons enhance usability
http://uxmyths.com/post/715009009/myth-icons-enhance-usability
許多的研究指出, icon很難記憶而且往往沒什麼效率. 微軟的outlook 工具列就是一個
例子. outlook之前的工具列是只有icon在上面, 不管是更改icon位置或換icon樣子,
都無法改善usability. 真正有幫助的是在icon旁邊放上文字. 這動作馬上就改善了
usability而且人們開始使用它的工具列. 在另外一個研究裡, UIE團隊使用者傾向於
去記按鈕的位置而非什麼圖示代表什麼功能的意思.
在很多的project裡面, icon常常無法用地很恰當而且需要很多的測試來驗證它可以
行得通. 對於要傳達抽象的意思, icon更難成功.
以下是一些關於icon用處的研究和文章
1. UIE做了兩個看使用者如何使用icon的測試. 在第一個測試裡, 他們更改了icon但是
維持他們的位置, 使用者很快地就可以適應這個改變. 之後, 他們隨機更改了icon的位置
, 使用者就開始迷路了.
http://www.uie.com/brainsparks/2006/02/20/orbitz-cant-get-a-date/
2. Michael Zuschlag認為icon不是直覺的東西, 比起文字label, 它並沒有更幫助使用
者找到該選什麼. Icon不是值得你去擺的東西.
http://uxexchange.com/questions/2368/best-practice-for-navigation-usability
3. 關於Microsoft Outlook的故事: 在文字label加到icon旁邊前, 非專業的使用者
根本完全沒有在使用工具列 (除了delete之外). "我們做過了各種改變, 我們換了
新的icon, 我們重新排列了icon的位置, 甚至是把該icon放在對應的menu下面, 最後只
有一個方法行得通....就是在icon旁邊放上文字label. 這個改變完成後大家幾乎是
立即就開始使用工具列, 不管他們是專家還是新手."
http://blogs.msdn.com/b/jensenh/archive/2005/11/01/487661.aspx
4. The Problem With Icons這篇文章提供了一個很好例子說明"要猜一個沒有label
在旁邊的icon的意思有多難"
http://www.smallfarmdesign.com/blog/2009/12/28/the-problem-with-icons/
5. 37signals讚揚Apple在MobileMe服務裡把登出圖示換成登出文字label.
http://37signals.com/svn/posts/1213-ui-sighting-clear-over-clever-on-mobileme
那麼那些情況下icon是可以改善usability呢?
1. 使用大家都認識的icon, 例如列印, 關閉, 播放, 暫停, 重播等
2. 當icon被當做是bulletpoints來用
3. 當這個好看的icon可以讓網站看起來更賞心悅目
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.168.196.4
※ 編輯: Armuro 來自: 118.168.196.4 (08/15 22:35)
推
08/17 01:30, , 1F
08/17 01:30, 1F
→
08/17 13:58, , 2F
08/17 13:58, 2F
→
08/17 19:48, , 3F
08/17 19:48, 3F
討論串 (同標題文章)
以下文章回應了本文：
完整討論串 (本文為第 1 之 2 篇)：