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)