Teddy's Knowledge Base

GUI设计禁忌

本文列举Jeff Johnson:《GUI设计禁忌》一书中提及的明确针对Web设计和笔者认为对Web设计有参考意义的设计原则和禁忌。设计Web项目时尽量参考一下基本原则,避免设计禁忌,应该能使Web项目的GUI上一个层次。

基本原则:

1、关注用户及其任务,而不是技术

2、首先考虑功能,然后才是表示

3、从用户的视角看问题,使用用户的词汇进行描述

4、不要向用户暴露实现细节

5、使常用的用户任务简单化,不要让用户解决额外的问题

6、保持一致性,引导用户的使用习惯

7、保持显示惯性,传递信息,而不仅仅是数据

8、设计应满足响应需求

禁忌:

1、同一页面包含重复功能的链接或按钮

2、将复选框用作单选按钮

3、无初始值的多选一设置

4、在非开/关设置中使用复选框

5、用文本框显示只读数据

6、单选按钮之间间隔太大

7、属性标记对齐方式不一致

8、当前无效的控件不充分置灰

9、显示对用户无意义的错误提示

10、不同的类型页面窗口显示相同的标题

11、窗口的标题和调用的命令不一致

12、要求用户输入随机数

13、相似的功能却有不一致的用户操作界面

14、取消按钮无法真正取消操作

15、网站结构反映公司的结构或网站升级的历史

16、返回按钮不能达到预期的目的

17、搜索选项过多,过度复杂

18、使用容易被忽略的隐藏的图片链接

19、需要向下滚动才能看到当前页的重要信息

20、图片按钮对鼠标按下操作没有视觉变化

21、无意义的虚假进度条

22、执行长时间的任务时鼠标指针不显示成忙状态

23、不考虑用户可能的人为的错误输入

24、认为好的UI就是漂亮的UI

25、盲目错误的使用页面模块化设计

posted on 2005-05-11 09:40 Teddy's Knowledge Base 阅读(3636) 评论(10)  编辑 收藏 网摘

Body:0,BeforeCate:15.625,0

评论

#1楼 2005-05-11 10:42 James      

http://www.cnblogs.com/jiezhi/archive/2005/03/14/118531.html
http://www.cnblogs.com/jiezhi/archive/2005/03/17/120182.html
  回复  引用  查看    

#2楼 2005-05-11 10:44 木野狐      

于我心有戚戚焉

可惜的是客户有时候常常提出违反这些原则的需求。让人很头痛的。
比如:

3、无初始值的多选一设置

有的时候客户怕填错了承担相应的责任, 故意要求将多选一的必选的下拉选择或者单选按钮添加一个空白项,默认置为空白。
这样,本来不需要验证的东西现在还要在提交之前验证是否选了空白。
而且在初始化数据,数据绑定的时候一概变得不方便。
增添了很多垃圾代码。

我对此非常头痛。不知道各位有没有碰到类似的需求?你们又是如何处理的呢?
  回复  引用  查看    

#3楼 2005-05-11 16:47 克仔

@木野狐,
客户往往就是这样。。。哈哈。。。

  回复  引用    

#4楼 2005-05-11 17:14 春鱼      

空白的选择项本来就是一个必需的要求. 用户需要置空某一项.   回复  引用  查看    

#5楼 2005-05-11 17:34 木野狐      

你可能没有明白我说的意思。事实上那个选项是必选项目,也就是说选空白的话是不允许保存的。 我认为这么做很不值得。

特别是当一个表单上有了几十个字段的时候,本来很简单的事情被弄的很复杂。
  回复  引用  查看    

#6楼 2005-05-11 20:01 Teddy[未注册用户]

如果做得是项目,而用户非要这样的空白选项,那么就应该满足喽~~当然,需求人员有提醒用户这么设计带来的用户体验方面的后果的义务。

作为一个UI设计来讲,主要服务的对象不是程序员而是客户,如果能更大程度的让客户满意,就是在后台将简单的复杂化了,也是无可厚非的。

  回复  引用    

#7楼 2005-05-12 09:19 过客

基本原则
首先考虑功能,然后才是表示
禁忌
同一页面包含重复功能的链接或按钮
这两项不同意,
先功能后表示没错,可UI设计的重点不应该在功能上吧?我认为应该是功能(起码是原型)有了才真正设计UI,在UI设计时考虑的因素应该主要是用户体验而不是功能,也就是以表现为主,UI的设计应该和功能分离
同一页面包含重复功能的链接和按钮基本上是不可避免的事,反正我没见过哪个用户说重要功能的链接不需要放在“所有”导航条/菜单里的
  回复  引用    

#8楼[楼主] 2005-05-12 09:40 Teddy's Knowledge Base      

to 楼上:
这里说到先功能后表示主要是指应该在ui设计之前先有一个有关功能的概念模型,由该模型来指导页面设计,ui设计时测在保证功能正确的实现上再注重用户体验,否则,连基本的用户需求都不能满足,用户体验又有啥用?

说到重复连接的问题,可能是我这个标题写得太短了,导航菜单是一个例外,我也同意在导航菜单包含比较完整的菜单项,这里指的重复,主要指在内容页面上,不同的文字或按钮导向相同的链接,这样就容易造成用户的不解

最后还要说明一点,不论是什么设计紧急或者设计规范,主要还是起一个指导作用而不是金科玉律,实际的情况要实际分析,任何事都是过犹不及的!
  回复  引用  查看    

#9楼 2005-05-12 10:14 阿泰      

我也对禁忌的
1、同一页面包含重复功能的链接或按钮
有保留意见

我认为可以适当保留重复的连接或者按钮,这样主要是为了方便操作
如如一个很长的列表,在列表上部和下部可以适当重复部分功能按钮
而不用再拉回去点击
当然了,前面同志说的“不同的文字或按钮导向相同的链接”,这个就肯定不行了

另外还有一点就是为了美观而放置了一些根本就无效的按钮标示
让人产生误解,也应该算是禁忌之列~
  回复  引用  查看    

#10楼 2008-11-06 11:23 永恒黑夜[未注册用户]

我也刚看了GUI设计禁忌,我对作者说的一些观点开始确实很有同感,后来冷静下来想想,觉得又有点不对,感觉他说的有些观点有点局限于目前的一些用得多的软件设计惯性,比如多行标签,作者甚至使用了“毫无疑问,用户不喜欢多行标签页”、“永远不要使用多行标签页”等相当绝对的字眼来提醒大家使用的坏处,但是我个人认为多行标签的使用还要看使用人群和时间。我就随便问了一下我的一些同事,但是他们并没有觉得多行标签对他们的使用有什么影响,甚至有人觉得多行标签很神奇,挺有意思的。另一方面就是时间,我觉得刚开始的时候或许有大部分人确实不适应这种方式,但是在若干年以后,突然有一个类似于微软的相当有影响力的软件使用了这种方式,并且大家都习惯了去使用它以后,是否有程序员再去使用它就会让大家认为这是合理的呢?就像以前流行的乞丐装一样,开始大家都觉得不好看,为什么后来又成为了一种潮流呢?

仅代表个人的观点,如果不对,请大家见谅
  回复  引用    




发表评论

昵称: [登录] [注册]

主页:

邮箱:(仅博主可见)

评论内容:

  登录  注册

[使用Ctrl+Enter键快速提交评论]

0 152915 EklEKeb3dmc=



相关文章:

相关链接: