作者:Dofy 来源:Dofy`s Den 酷勤网收集 2008-04-19
虽然偶是个 coder, 但对 ui 和 ue 也非常感兴趣. 掌握一些相关知识对程序设计大有裨益. 一款软件的成功与否不仅决定于他的功能强弱, 友好的界面和操作的易用性也是很重要的因素.
下面这幅图片(点击查看大图)是一款国际知名查杀木马软件, 功能强大, 口碑也不错. 但就这个界面来说我觉得他违反了一些UI设计的禁忌.
首先是上面的导航栏, 导航按钮颜色只有两种, 蓝色和灰色.
最初我很迷茫, 以为灰色按钮都不可用(因为 UI 设计中有一条规则是用灰色表示按钮的不可用状态), 直到我壮着胆子去点了某个灰色按钮才了解到, 原来灰色按钮并非不可用的, 蓝色和灰色只是用来区分当前选中项和其他项的, 也就是说点击某个按钮后, 这个被点击的按钮就变成蓝色, 而其他的按钮都变成灰色.
这种设计理念不知从何而来, 也许是来自 web 的设计吧, 但对于应用软件来说这种做法我个人觉得是不合适的, 比较妥善的做法是用其他颜色来区分当前和备选项(例如蓝色和红色).
另外一点是内容区域中, 每一项前面的倒三角形.
通常来说, 三角形和加号形符号放在一段文字前面, 用来表示该项是可以被展开和收缩的, 且这个符号是可以点击的. 但当我小心翼翼地去点击这个倒三角形时却什么也没发生, 紧接着我又用力猛击了一下, 仍然一无所获. 这时我才明白, 原来这只是个装饰品, 没有实际用途, 一种强烈的挫败感油然而生.
设计者可能想放置一个符号来标识这段文字是一组选项的标题, 这想法没错, 一个标识性的小符号也是应该有的, 但为什么偏偏选中了倒三角形这个有特殊含义的符号呢, 为什么不能是个圆点, 或者一辆坦克呢
还有一处就是那段蓝色的带有下划线的文字.
我想即使没有 UI 常识的人也应该知道, 这是典型的超链接样式. 一般情况下点击这种样式的文字都会打开浏览器去访问一个 URL. 但在这里不是, 当我点击了文字后, 奇迹发生了, 居然弹出了一个菜单
…
oh 泻特, 我被打败了, 抓狂了… 这个软件的 UI 设计师想干嘛? 你这是玩儿人啊~~ 要创新? 还是以高傲的设计理念向世俗挑战? 我想没有人会把这看成是创新, 只会觉得这软件用起来很别扭, 处处碰壁….
如果你是一名 UI 设计师, 正准备设计自己或公司的一个应用程序原型, 如果这个程序是拿来给人用的, 那么, 请在着手设计之前多少了解些 UI 常识吧, 学习是很有必要的, 对产品也是负责的.
创新不是漫无边际的, 是需要建立在用户习惯之上的, 前人总结的经验和多年来积累下来的用户习惯不是能轻易打破的. 所以, 按套路出招吧…
以上只是我个人的一点拙见, 还请大家见谅.


