如何避免随机UI？

举例说，我要为我的裤子编码做一些编码，为企业应用程序添加一个功能。一个人为了使一个相当复杂的设置/配置屏幕看起来不像脚就可以遵循的一些很好的示例/租户/基本规则。如何避免随机UI？

我在找的是“不要把一件东西放在一个小组盒子里”。但是，如果有人知道什么样的布局最有可能实现相当好的外观，那么我也会喜欢对称的帮助。

2009-02-20 Peter Turner

从您觉得既简单又可用的现有应用程序的setup/config UI开始。

大多数租户/基本规则一般适用于用户界面，并在用户界面设计和人机交互图书中填充了数百页和数百页，因此您可能想通过现在的示例工作，同时尝试利用现有的用户体验（习惯），即服从规则的“最少突击”：例如如果你的应用程序是一个Windows应用程序，使用安装向导模式，如果它是一个ncurses应用程序的特定口味* nix遵循该特定操作系统的实际安装界面风格等。

来源

2009-02-20 22:11:08 vladr

您可能对本书感兴趣“Don't Make Me Think”（作者的web site）或“About Face 3.0”。强烈建议您阅读关于如何设计界面的文章。

来源

2009-02-20 22:17:38 tvanfosson

由于您使用“裤子的位置”这个术语，因此我假设您不想在UI上花费太多时间。如果您愿意投入一些时间来使用UI，您可能需要查看适合您情况的自定义控件或UI开发。像Firefox的选项UI或Visual Studio 2008中的.NET项目属性一样。

如果您正在寻找使用标准控件的东西，最好将不同部分的相关项目分成标签或其他类型的堆叠控件（即色带控制）。标签版本的一个很好的例子是Notepad++首选项UI。许多其他程序使用类似的方案。

来源

2009-02-20 22:19:35 bsruth

好吧，如果你认为Nodepad ++的配置屏幕是好的话，我想我很快乐！他们所拥有的一件事是我没有大量的空白和居中，我认为这可能是一个好主意。 – 2009-02-20 22:54:40

那么，对于一个快速的用户界面，它比“对话框中的”更好，更实用：http://www.codinghorror.com/blog/archives/000734.html东西更优雅会更理想不过。 – bsruth 2009-02-20 23:35:06

哇，这是生硬的，我希望他在博客中一些建议，有些使用的是没有这么幸运，有“平面设计师”谁知道UI设计什么。这些人居住在哪里？可能不是威斯康星州。 – 2009-02-21 21:41:35

这实际上是一个巨大的话题。我经常去Microsoft UX Guide提醒如何做到这一点。

一些基本知识：

让您的应用读起来像一本书：左到右，从上到下
使用goal-oriented language代替技术为导向的语言

来源

2009-02-20 22:19:52

不是基本规则但很好的资源：

Apple UI Guidelines（有关任何操作系统的更多信息）

编辑：回复：实现对称性 - 事情不必完全对称，但你想要一个平衡的感觉。退后一步，了解页面或表单是否感觉像倾斜/向左或向右跌落。

例如，使用stackoverflow，主要内容在左侧，但它很好地平衡了右侧的额外内容。

来源

2009-02-20 22:21:50 fig

以下是您要求的基本规则：垂直/水平排列控件并等距排列各种相关元素。并在您的标签上使用正确的拼写！

我们都遇到过屏幕出现控件未对齐（即使是几个像素明显）或拼写错误的情况。当这发生在我身上时，我不禁下意识地寻找其他错误，并且降低了我对正在使用的应用程序的信心！

来源

2009-02-20 22:22:12

您的一些基本规则。

试着有效地使用空格。不要把所有东西都挤在一起，以尽可能在屏幕上获得尽可能多的东西。这将使分组控制更清晰，文字更清晰。
基本排版。将字体的使用限制为1或2.不要使用粗体，否则会失去重点。
同样的颜色。不要使用太多，大部分时间越少越好。
不要只是使用图标来节省空间。没有解释的微小图标是无用的。
复制。当然不是批发，但如果你自己不熟悉UI设计，那么采用你熟悉的接口元素并将它们应用到你自己的设计中是有意义的。
明确接口的用途。例如，它如何适应更广泛的应用？你试图满足的具体目标是什么？
让人们尽早且经常地为你测试它。我不知道你在使用什么设置，或者你在哪种组织，但是对你的工作得到某种人类反馈总是有帮助的，即使你没有时间和专业知识来进行适当的可用性评估。

来源

2009-02-20 23:02:15

我发现纸是我的朋友。我想写出一份表格必须完成的目标列表，然后用手绘制表格，标注这些部分。通过绘制出来，我可以远离确保它看起来很完美，并确保一切都准确无误，并让我专注于确保将所需的所有组件都放置在适当的位置，希望能够在某个地方进行逻辑处理。这也迫使我两次布置用户界面，所以当我打开我的UI设计器时，我已经设计了一次该表单，并且希望知道我在做什么

来源

2009-02-20 23:14:26 rotard

获得UI的最佳方式是让UI感觉是跟随乔尔的建议是：

Eat your own dog food.

几次这样做是为了自己的UI，你会发现有些事情你没想到的intially。

来源

2009-02-20 23:20:43

我发现一个非常好的测试是让某个非技术人员使用您的GUI。看着别人用它5-10分钟，通常会给我一个关于什么是/不容易理解的好主意。

Joel Spolsky的series是一个不错的阅读，Jakob Nielsen的东西Usability and Web Design是非常有用的。

我尝试使用

具体规则是：在逻辑组