无法以视觉上吸引人的高效方式在表单上放置大量控件 [英] Can not place large number of controls on a form , in a visually appealing and efficient way

问题描述

我是软件开发人员，负责创建存储合同的数据库。



合同有附件和施工报告（我不知道如何翻译这个更好，英语不是我的本地人）。合同和附件都不能有或只有一个付款报告。



附件和施工报告是可选的，如果合同确实有，那么它们的编号是未知的。用户应该可以通过填写相应的数据来添加它们，然后点击添加按钮，例如。



更糟糕的是，有关合同和附件的数据应该彼此相邻，因为用户需要比较所有输入的值。



有关施工报告的数据应该是合同数据的一部分。



这里 [ ^ ]是我上面描述的内容的快速说明。



在上图中，我添加了项目中存在的每个控件，除了标签，用于描述文本字段和其他控件的用途。一些文本框（编辑控件）是多行的，这意味着用户将100％输入大文本。在图像中，文字 MULTILINE 在他们的框中指出。



<大>编辑：



这里 [ ^ ]是添加了每个字段描述的图像。希望这会让事情变得更轻松。



问题：



如何正确地重新设计上面的模型以满足前面描述的要求？



谢谢。最好的问候。

I am software developer that has a job to create database for storing contracts.

Contracts have annexes and construction reports ( I don't know how to translate this better, English is not my native ). Both contract and annex can have none or only one Payment report.

Annexes and construction reports are optional, and if contract does have them, their number is unknown. User should be able to add them by filling out their corresponding data and then hitting Add button, for example.

To make things even worse, data about contract and annexes should stand next to each other, because user needs to compare all of their entered values.

Data about construction reports should be a part of the contract data.

Here[^] is a quick illustration of what I have described above.

In the image above, I have added every control that exists in the project, except labels that describe the purpose of the text fields and other controls. Some of the text boxes ( edit controls ) are multiline, meaning user will 100% enter large text. In the image, they have been pointed out by text MULTILINE, in their box.



Here[^] is the image with added description of every field. Hopefully this will make things easier.

QUESTION:

How can my mockup from above be properly redesigned to meet the requirements described earlier?

Thank you. Best regards.

推荐答案

本文可以为您提供一些非常基本的想法： http://en.wikipedia.org/wiki/Drill_down [ ^ ]。



事实上，我们经常面临着一次看到更多和可用地点的愿望。但不仅如此。用户观察太多数据的能力有限。同时，层次感，关键信息与细节的隔离感本身就很重要。毕竟，你已经把矛盾的要求放在应该接近什么的地方。事实上1）你的必须紧挨着彼此和应该是下一个并不是真正的动机。

（这是例如。你有图片和标题。为什么捕获应该关闭相应的图像？只是因为有一张以上的图片。如果看一下标题，这个人应该清楚地看到这个标题对应上面的图片，而不是如果这些元素之间的距离是显示这种关系的最佳方式，那么这些元素之间的距离应该明显地显得更接近于一张图片而不是所有其他图片。在您的情况下，这种争议不会出现在下面。 。）

您拥有的另一个储备是使三个部分（联系人，附件和施工报告）中的每个部分都变小。查看每个部分内的两个内部区域：多线和付款。想象一下，你已经设法将所有内容都放在这三个部分和屏幕上。它够了吗？我对此表示怀疑。在非武装的眼睛看来，多线和支付领域可以无限增长。因此，它们应该是可滚动的控件，例如列表视图或网格视图。

-SA

This article can give you some very basic ideas: http://en.wikipedia.org/wiki/Drill_down[^].

Indeed, we often face the choice between the desire to see more at once and available place. But not only. The user has limited ability to observe too much data. At the same time, a sense of hierarchy, the sense of isolation of key information from detail is important by itself. After all, you already put contradictory requirement to what should be close to what. In fact 1) your "must stay next to each other" and "should be next" is not really motivated.

(Here is the example. You have pictures and captions. Why a capture should be close the corresponding image? Only because there are more then one picture. If one looks at the caption, this person should clearly see that this caption corresponds to the picture above, not the picture below, or visa versa. And yes, the distance between those elements is the best way to show this relationship; a caption should be distinctly and apparently closer to one picture than to all others. In your case, such controversy doesn't present.)

The other reserve you have is to make each of the three sections (contacts, annexes and construction report) smaller. Look at two inner areas inside each of those sections: multiline and payment. Imagine you already managed to stick everything in those three sections and the section on screen. Would it be enough? I doubt it. It appears to the unarmed eye that multiline and payment areas can grow infinitely. Therefore, they should be scrollable controls, such as list views or grid views.

—SA

这篇关于无法以视觉上吸引人的高效方式在表单上放置大量控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！