User interface 界面设计的一些基本原则是什么?

User interface 界面设计的一些基本原则是什么?,user-interface,interface,User Interface,Interface,我正在为我的第一个真实界面制作一些模型,我想知道:好的用户界面设计的一些基本原则是什么?我正在寻找一些类似于项目清单摘要的东西,以及一些可能对每个原则都有用的资源。我会把一致性放在那里 --李尼尔森提供了一份清单——我大体上同意这一点 系统状态的可见性 系统与现实的匹配 世界 用户控制和自由 一致性和标准 错误预防 承认而不是回忆 使用的灵活性和效率 美学与极简主义设计 帮助用户识别、诊断和解决问题 从错误中恢复 帮助和文档 我一直试图记住的是“一个页面/表单最多7个项目”。这是在我大学的GU

我正在为我的第一个真实界面制作一些模型,我想知道:好的用户界面设计的一些基本原则是什么?我正在寻找一些类似于项目清单摘要的东西,以及一些可能对每个原则都有用的资源。

我会把一致性放在那里

--李

尼尔森提供了一份清单——我大体上同意这一点

  • 系统状态的可见性
  • 系统与现实的匹配 世界
  • 用户控制和自由
  • 一致性和标准
  • 错误预防
  • 承认而不是回忆
  • 使用的灵活性和效率
  • 美学与极简主义设计
  • 帮助用户识别、诊断和解决问题 从错误中恢复
  • 帮助和文档

我一直试图记住的是“一个页面/表单最多7个项目”。这是在我大学的GUI课上提出来的(7或8年前)


我想起了一个网络漫画,他们先是苹果设计,然后是谷歌设计(都很简单),然后是“我们的”设计,表单上乱扔着几十个项目。

别忘了键盘的可访问性,还有更普遍的视力受损者的可访问性(这就是为什么很多看起来很酷的UI实际上很糟糕)

此外,Alan Cooper(Visual Basic的知名度)说“不要把力量放在意志之前”,这意味着你不应该让人们做他们可能做的事情变得容易,而让他们用你的软件做他们将要做的事情变得困难。

Joel Spolsky(他是SO:)的共同创建者)以及他网站上的一系列文章(Joel On Software)与那本书有关

另一个很好的资源是。

“不要让我思考!”,这个标题在设计UI时非常有用。 我最喜欢的部分包括:

  • 创建清晰的视觉层次结构
  • 我是你的朋友
  • 愉快的谈话必须结束
  • 指令必须失效
  • 我喜欢标签的四个原因
  • 翻车的麻烦
  • 农民对牛仔
  • “普通”用户的神话
  • 不要用弹出对话框打断用户。 显示一些用户可以看到的反馈,并在用户选择时为他们提供处理问题的方法

  • “最小惊喜原则”

  • 应用合理的默认值

  • 在半秒内显示对用户输入的响应

  • 去读,然后读


    保持简单,不要忽视惯例,不要模仿运行良好的网站/程序。

    谷歌快速搜索显示:

    没有特别的顺序(从我的头顶上):

    • 一致性之上的约定
    • 启示(从外表看清楚事物是如何和做什么的)
    • 避免模式
    • 允许用户创建正确的心智模型
    • 保护数据(使其难以破坏)

    如果你阅读《阿西莫夫》,你会发现这一点很容易记住:界面不应该因为作为或不作为而让用户的工作被无意中破坏。

    用户界面通常是软件开发人员或类似的技术通识者使用的,而不仅仅是外行。如果你的界面是这样一个界面,那么作为一个用户,你可以从中受益作为作者

  • 编写接口
  • 把它放在一边一段时间,最好足够长,让你完全忘记它是如何工作的
  • 当你有点匆忙或心烦意乱时,用它来做一些事情
  • 事情会崩溃,或者迫使您手动执行未涵盖的操作。请为每一项编写错误/功能报告。(如果您很匆忙,请稍后编写足够的内容提醒您。)
  • 修复/处理每个报告
  • 转至步骤2

  • 这一经验将使您深入了解如何编写更好的界面,其中一些界面可能会扩展到外行以及技术悟性。但是,请注意,并非所有适合开发人员的功能都适合非开发人员。步骤2和步骤3旨在让您进入非开发人员的思维模式,并让您在大部分过程中发挥作用;在最后一英里中,没有替代品对于真正的用户。

    使用真正的人:测试,测试,测试。

    了解您的用户。
    • 花时间与他们一起体验他们目前在没有您的软件/更改的情况下所做的事情
    • 让他们尝试使用尽可能早的原型——也许只是纸上的,看吧 他们的反应
    • 在开发过程中,不断将原型推到他们面前

    这并不完全满足您对项目清单的要求,但我仍然建议您阅读马克·米勒的、和


    他还在剧集中谈到了一些相同的概念和。

    原则?租户往往会吵闹并留下混乱。你的意思是干净的外观,即没有多余的信息。大小相同的按钮。组件之间的间距一致。这基本上是重复的:……这是另一个:好的,强烈推荐这本书史蒂夫·克鲁格的《不要让我思考》我想…我知道你想要一个简单的清单,但这是一本很短很容易阅读的书,有很多很好的练习-会很值得的。问托格也有一个很好的清单-是的,但你看过尼尔森的网站吗?令人震惊!(国际海事组织)--利伊特也不符合我的口味;-)但好的建议…@Lee Englestone--照我说的去做,而不是照我做的去做。“是的——只要你还意识到愚蠢的一致性——一个有用的不一致性的好例子是FireFox中的后退/前进按钮——它们是故意不一致的。这种不一致性有什么用呢?我总是选中“使用小图标”以便它们一致。+1表示”在半秒钟内显示对用户输入的响应。“事实上,我认为半秒钟太长了。我目前找不到这项研究,但人类认识到的延迟比这要短。不过,更一般地说,我会说,“显示响应”