HCI 板


LINE

看板 HCI  RSS
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)
1F:推 hilorrk:不过我总觉得我很习惯认icon啊...@@ 08/17 01:30
2F:→ norchen:这一篇跟我所学的部份有点歧异 待我整理厘清後再刊文 08/17 13:58
3F:→ Armuro:欢迎提出异议 他们说的不一定是对的 08/17 19:48







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:WOW站内搜寻

TOP