作者:Dofy 来源:Dofy`s Den   酷勤网收集 2008-04-19

摘要
  首先是上面的导航栏, 导航按钮颜色只有两种, 蓝色和灰色;另外一点是内容区域中, 每一项前面的倒三角形;还有一处就是那段蓝色的带有下划线的文字。创新不是漫无边际的, 是需要建立在用户习惯之上的, 前人总结的经验和多年来积累下来的用户习惯不是能轻易打破的

虽然偶是个 coder, 但对 ui 和 ue 也非常感兴趣. 掌握一些相关知识对程序设计大有裨益. 一款软件的成功与否不仅决定于他的功能强弱, 友好的界面和操作的易用性也是很重要的因素.

下面这幅图片(点击查看大图)是一款国际知名查杀木马软件, 功能强大, 口碑也不错. 但就这个界面来说我觉得他违反了一些UI设计的禁忌.

首先是上面的导航栏, 导航按钮颜色只有两种, 蓝色和灰色.
最初我很迷茫, 以为灰色按钮都不可用(因为 UI 设计中有一条规则是用灰色表示按钮的不可用状态), 直到我壮着胆子去点了某个灰色按钮才了解到, 原来灰色按钮并非不可用的, 蓝色和灰色只是用来区分当前选中项和其他项的, 也就是说点击某个按钮后, 这个被点击的按钮就变成蓝色, 而其他的按钮都变成灰色.
这种设计理念不知从何而来, 也许是来自 web 的设计吧, 但对于应用软件来说这种做法我个人觉得是不合适的, 比较妥善的做法是用其他颜色来区分当前和备选项(例如蓝色和红色).

另外一点是内容区域中, 每一项前面的倒三角形.
通常来说, 三角形和加号形符号放在一段文字前面, 用来表示该项是可以被展开和收缩的, 且这个符号是可以点击的. 但当我小心翼翼地去点击这个倒三角形时却什么也没发生, 紧接着我又用力猛击了一下, 仍然一无所获. 这时我才明白, 原来这只是个装饰品, 没有实际用途, 一种强烈的挫败感油然而生.
设计者可能想放置一个符号来标识这段文字是一组选项的标题, 这想法没错, 一个标识性的小符号也是应该有的, 但为什么偏偏选中了倒三角形这个有特殊含义的符号呢, 为什么不能是个圆点, 或者一辆坦克呢 8-)

还有一处就是那段蓝色的带有下划线的文字.
我想即使没有 UI 常识的人也应该知道, 这是典型的超链接样式. 一般情况下点击这种样式的文字都会打开浏览器去访问一个 URL. 但在这里不是, 当我点击了文字后, 奇迹发生了, 居然弹出了一个菜单 :|
oh 泻特, 我被打败了, 抓狂了… 这个软件的 UI 设计师想干嘛? 你这是玩儿人啊~~ 要创新? 还是以高傲的设计理念向世俗挑战? 我想没有人会把这看成是创新, 只会觉得这软件用起来很别扭, 处处碰壁….

如果你是一名 UI 设计师, 正准备设计自己或公司的一个应用程序原型, 如果这个程序是拿来给人用的, 那么, 请在着手设计之前多少了解些 UI 常识吧, 学习是很有必要的, 对产品也是负责的.

创新不是漫无边际的, 是需要建立在用户习惯之上的, 前人总结的经验和多年来积累下来的用户习惯不是能轻易打破的. 所以, 按套路出招吧…

以上只是我个人的一点拙见, 还请大家见谅.

来自:http://blog.dofy.net/?p=586

分类: 交互设计 网页设计 艺术设计

上一篇:设计师有什么样的责任?   下一篇:交互设计师的定义、特点、对交…的要求、工作内容、工作方法