GUI设计的最佳实践和原则

sla*_*ais 63 user-interface principles

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

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


总结/整理

原则

  1. 吻.
  2. 明确并明确选项将实现的内容:例如,使用动词来指示选择后面的操作(参见:Impl.1).
  3. 使用适合用户需要/想要实现的明显默认操作.
  4. 使UI的外观和行为适合环境/流程/受众:独立应用程序,网页,便携式,科学分析,Flash游戏,专业人士/儿童,......
  5. 减少新用户的学习曲线.
  6. 不要禁用或隐藏选项,而应考虑提供有用的消息,其中用户可以有替代方案,但仅限于存在这些替代方案的位置.如果没有可用的替代方案,最好禁用该选项 - 在视觉上然后声明该选项不可用 - 不要隐藏不可用的选项,而是在鼠标悬停弹出中解释为什么它被禁用.
  7. 保持一致并符合实践和控件的放置,这在广泛使用的成功应用程序中实现.
  8. 引导用户的期望,让您的程序按照这些期望行事.
  9. 坚持用户的词汇和知识,不要使用程序员/实现术语.
  10. 遵循基本设计原则:对比度(显而易见性),重复性(一致性),对齐(外观)和接近度(分组).

履行

  1. (参见paiNie的回答)"尝试在对话框中使用动词."
  2. 允许/实现撤消和重做.

参考

  1. Windows Vista用户体验指南[ http://msdn.microsoft.com/en-us/library/aa511258.aspx]
  2. 荷兰网站 - "Drempelvrij"指南[ http://www.drempelvrij.nl/richtlijnen]
  3. 网页内容无障碍指南(WCAG 1.0)[ http://www.w3.org/TR/WCAG10/]
  4. 一致性[ http://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/0385267746]
  5. 不要让我想想[ http://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758/ref=pdbbssr_1?ie=UTF8&s=books&qid=1221726383&sr=8-1]
  6. 功能强大且简单[ http://msdn.microsoft.com/en-us/library/aa511332.aspx]
  7. 格式塔设计法[ http://www.squidoo.com/gestaltlaws]

Vic*_*tor 54

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

  • 这个答案结束了我的一天.:) (4认同)

kzo*_*tin 53

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

这意味着使用

替代文字

代替

替代文字

  • 你是否正确加入文字!但是 - 用户不读标题和文字,他们阅读按钮标题! (26认同)
  • 而不是第二个对话框上的3个单词("保存更改为"),第一个上有22个单词 - 没有人会读到这个.但是,第一个的字幕要好得多! (10认同)
  • 大多数人只是阅读按钮文本 - 像是/否/取消可能是指任何东西,但保存/不保存是非常清楚你在做什么.可以在按钮上方添加其他文本,因为如果有人看到"保存/不保存"并且期待其他内容(例如关于打印),那么他们将停止并阅读文本.您不能指望正常用例是用户阅读对话框中的所有文本. (8认同)

Cra*_*ing 26

遵循基本设计原则

  • C ontrast - 使不同的东西看起来不同
  • R epetition - 在屏幕和其他屏幕上重复相同的样式
  • 一个阵营 - 线屏幕元素!是的,包括文字,图片,控件和标签.
  • P roximity - 将相关元素组合在一起.输入地址的一组输入字段应该组合在一起,并且与输入字段组不同,以输入信用卡信息.这是基本的格式塔设计法.

  • 就像首字母缩略词一样.当你完成后,你说它看起来像CRAP:p? (3认同)
  • 罗宾威廉姆斯"非设计师的设计书:视觉新手的设计和排版原则"以一种很好的方式涵盖了这些原则!http://goo.gl/qoG0Q (2认同)

Jör*_*tag 25

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

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

Jor*_*oba 11

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

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

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


Ali*_*arr 8

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

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


kos*_*ant 7

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

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

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

Dav*_*man 6

我努力适应环境.

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

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


Cha*_*had 6

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

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

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