GUI设计的最佳实践和原则

什么是您最好的实用用户友好的用户界面设计或原则？

请提交您认为真正有用的实践 - 无论如何 - 如果它适用于您的用户,请分享!

---

总结/整理

原则

吻.

明确并明确选项将实现的内容:例如,使用动词来指示选择后面的操作(参见:Impl.1).

使用适合用户需要/想要实现的明显默认操作.

使UI的外观和行为适合环境/流程/受众:独立应用程序,网页,便携式,科学分析,Flash游戏,专业人士/儿童,......

减少新用户的学习曲线.

不要禁用或隐藏选项,而应考虑提供有用的消息,其中用户可以有替代方案,但仅限于存在这些替代方案的位置.如果没有可用的替代方案,最好禁用该选项 - 在视觉上然后声明该选项不可用 - 不要隐藏不可用的选项,而是在鼠标悬停弹出中解释为什么它被禁用.

保持一致并符合实践和控件的放置,这在广泛使用的成功应用程序中实现.

引导用户的期望,让您的程序按照这些期望行事.

坚持用户的词汇和知识,不要使用程序员/实现术语.

遵循基本设计原则:对比度(显而易见性),重复性(一致性),对齐(外观)和接近度(分组).

履行

(参见paiNie的回答)"尝试在对话框中使用动词."

允许/实现撤消和重做.

参考

Windows Vista用户体验指南[ http://msdn.microsoft.com/en-us/library/aa511258.aspx]

荷兰网站 - "Drempelvrij"指南[ http://www.drempelvrij.nl/richtlijnen]

网页内容无障碍指南(WCAG 1.0)[ http://www.w3.org/TR/WCAG10/]

一致性[ http://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/0385267746]

不要让我想想[ http://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758/ref=pdbbssr_1?ie=UTF8&s=books&qid=1221726383&sr=8-1]

功能强大且简单[ http://msdn.microsoft.com/en-us/library/aa511332.aspx]

格式塔设计法[ http://www.squidoo.com/gestaltlaws]

Victor.. 54

我对我的奶奶测试我的GUI.

1> Victor..：

---

我对我的奶奶测试我的GUI.

---

这个答案结束了我的一天.:)

2> kzotin..：

---

尝试在对话框中使用动词.

这意味着使用

代替

---

你是否正确加入文字!但是 - 用户不读标题和文字,他们阅读按钮标题!

---

而不是第二个对话框上的3个单词("保存更改为"),第一个上有22个单词 - 没有人会读到这个.但是,第一个的字幕要好得多!

---

大多数人只是阅读按钮文本 - 像是/否/取消可能是指任何东西,但保存/不保存是非常清楚你在做什么.可以在按钮上方添加其他文本,因为如果有人看到"保存/不保存"并且期待其他内容(例如关于打印),那么他们将停止并阅读文本.您不能指望正常用例是用户阅读对话框中的所有文本.

3> Craig Picker..：

---

遵循基本设计原则

C ontrast - 使不同的东西看起来不同

R epetition - 在屏幕和其他屏幕上重复相同的样式

一个阵营 - 线屏幕元素!是的,包括文字,图片,控件和标签.

P roximity - 将相关元素组合在一起.输入地址的一组输入字段应该组合在一起,并且与输入字段组不同,以输入信用卡信息.这是基本的格式塔设计法.

---

就像首字母缩略词一样.当你完成后,你说它看起来像CRAP:p？

---

罗宾威廉姆斯"非设计师的设计书:视觉新手的设计和排版原则"以一种很好的方式涵盖了这些原则!http://goo.gl/qoG0Q

4> Jörg W Mitta..：

---

永远不要问"你确定吗？".只需允许无限制,可靠的撤销/重做.

---

你是对的,但我不认为这是现实的.实现回滚通常需要付出很多努力.

5> Jorge Córdob..：

---

尝试考虑用户想要实现的目标而不是需求.

用户将进入您的系统并使用它来实现目标.当你打开calc时,你需要在90%的时间内进行简单的快速计算,这就是为什么默认情况下它被设置为简单模式.

因此,不要考虑应用程序必须做什么,而是考虑将要执行它的用户,可能是无聊的,并尝试根据他的意图进行设计,尝试让他的生活更轻松.

6> Ali Parr..：

---

如果您正在为网络做任何事情,或者任何面向前端的软件应用程序,那么您真的应该自己阅读......

不要让我思考 - 史蒂夫克鲁格

7> kosoant..：

---

webapps中的面包屑:
告诉 - > - > - 用户 - >其中 - >她 - > 在系统中

在具有到同一数据的多个路径的"动态"系统中,这很难做到,但它通常有助于导航系统.

---

Jared Spool对此进行了一些用户测试,并了解到只有精通计算机的人才会使用面包屑.普通游客不会得到这个概念.

8> Davy Landman..：

---

我努力适应环境.

在开发Windows应用程序时,我使用的是Windows Vista用户体验指南,但在我开发Web应用程序时,我使用了相应的指南,因为我开发了荷兰语网站,我使用了基于Web内容可访问性的"Drempelvrij"指南万维网联盟(W3C)的指南(WCAG 1.0).

我这样做的原因是为了减少新用户的学习曲线.

9> Chad..：

---

我建议您阅读"日常事物的设计 "一书,对GUI设计有一个很好的理解.虽然主要的可打印是来自Joel Spolsky的评论:当应用程序的行为与用户期望发生的不同时,您的图形用户界面就会出现问题.

最好的例子就是,当有人围绕交换OK和Cancel按钮在一些网站上.用户希望OK按钮位于左侧,Cancel按钮位于右侧.简而言之,当应用程序行为与用户期望发生的事情不同时,您就会遇到用户界面设计问题.

尽管如此,无论您遵循何种设计或设计模式,最好的建议是在整个应用程序中保持设计和约定的一致性.