如何避免随机UI?

时间:2009-02-20 22:00:03

标签: user-interface

比如说,我打算在我的裤子编码中添加一个功能,为企业应用添加功能。一个人可以遵循什么样的好例子/租户/基本规则来制作一个相当复杂的设置/配置屏幕看起来不像脚。

我正在寻找的是“不要把一件东西放在一个盒子里”。但是如果有人知道什么样的布局最有可能达到相对数量的好看,我也会喜欢对称性的帮助。

10 个答案:

答案 0 :(得分:6)

这是您要求的基本规则:垂直/水平排列控件并均匀分隔各种相关元素。并在标签上使用正确的拼写!

我们都遇到过控制错位的屏幕(甚至几个像素都很明显)或标签上的拼写错误。当这种情况发生在我身上时,我不禁下意识地寻找其他错误,加上它降低了我对我正在使用的应用程序的信心!

答案 1 :(得分:4)

这实际上是一个很大的话题。我经常前往Microsoft UX Guide获取有关如何执行此操作的提醒。

一些基础知识:

  • 让您的应用阅读就像一本书:左 向右,从上到下
  • 使用goal-oriented language代替 技术导向语言

答案 2 :(得分:4)

不是一项基本规则,而是一项很好的资源:

Apple UI Guidelines(任何操作系统的好信息)

编辑:回复:实现对称 - 事物不必完全对称,但你需要一种平衡的感觉。退后一步,了解页面或表格是否倾向于向左或向右倾斜。

例如,使用stackoverflow,主要内容位于左侧,但右侧的额外内容很好地平衡了。

答案 3 :(得分:2)

一些基本规则。

  1. 尝试有效利用空白。不要把所有东西塞进去,以尽可能多地在屏幕上显示内容。这将使分组控件更清晰,文本更清晰。

  2. 基本排版。将字体的使用限制为1或2.不要使用过多的粗体,否则会失去重点。

  3. 颜色也一样。不要使用太多,大部分时间越少越好。

  4. 不要只使用图标来节省空间。没有解释的微小图标毫无用处。

  5. 复制。当然不是批发,但如果你自己并不精通UI设计,那么采用你认识的界面元素并将它们应用到你自己的设计中是有意义的。

  6. 明确界面的用途。例如,它如何适用于更广泛的应用程序?你试图满足它的具体目标是什么?

  7. 让人们尽早和经常为您测试。我不知道您正在使用哪种设置,或者您所处的组织类型,但即使您没有时间和专业知识来进行适当的可用性评估,获得某种人工反馈也将始终有所帮助。

答案 4 :(得分:2)

我发现这篇论文是我的朋友。我想写出表格必须完成的目标清单,然后手工绘制表格,标记部分。绘制它让我远离确保它看起来很完美,并且所有东西都是正确对齐的,让我专注于确保我需要放置的所有组件,希望在逻辑上的某个地方。它还迫使我两次布局UI,所以当我打开我的UI设计器时,我已经设计了一次这个表单,你希望知道我在做什么

答案 5 :(得分:1)

从您认为既简单又实用的现有应用程序的setup / config UI开始。

大多数租户/基本规则一般适用于UI,并在UI设计和HCI书籍中填充数百页,因此您可能希望现在只是按照自己的方式工作,同时尝试利用现有的用户体验(习惯),即服从“最少惊喜”的规则:例如如果您的应用程序是Windows应用程序,请使用安装向导模式,如果它是针对* nix特定风格的ncurses应用程序,请遵循该特定操作系统的实际安装UI的样式等。

答案 6 :(得分:1)

由于您使用的术语“裤子的位置”,我假设您不想在UI上花费太多时间。如果您愿意花一些时间在UI上,您可能需要研究适合您情况的自定义控件或UI开发。与Firefox的选项UI或Visual Studio 2008中的.NET项目属性类似。

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

答案 7 :(得分:1)

获得有意义的用户界面的最佳方式是遵循乔尔的建议:

Eat your own dog food.

对你自己的用户界面做几次,你会注意到你没有想到的一些事情。

答案 8 :(得分:1)

我发现一个非常好的测试是让非技术人员使用你的GUI。看着有人使用它5-10分钟通常会让我对什么/不易理解有很好的了解。

Joel Spolsky的这个series非常好读,而Jakob Nielsen的东西Usability and Web Design非常有用。

我尝试使用的具体规则是:

  • 将项目放入逻辑组
  • 排列一切
  • 使用合理的图像/图标
  • 花5到10分钟思考为什么会有这样的方式
  • 只使用对用户有意义的词语而不是你!

答案 9 :(得分:0)

您可能会对“Don't Make Me Think”(作者的web site)或“About Face 3.0”这本书感兴趣。强烈建议阅读有关如何设计接口的文章。