Click here to Skip to main content
15,881,803 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
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.

EDIT:

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.
Posted
Updated 18-Nov-14 17:50pm
v2

1 solution

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
 
Share this answer
 
v2
Comments
AlwaysLearningNewStuff 18-Nov-14 21:48pm    
It appears to the unarmed eye that multiline and payment areas can grow infinitely. Only MULTILINE, as those will be multiline edit controls or RichEdit controls, I don't know yet... Payment has 5 checkboxes and that's all...

As for "next to each other" constraint, I am trying to figure out how to make it happen with modeless dialog boxes. That way user can place both windows next to each other. It could make my life easier by simply using listview to display the multiple Annexes and Construction contracts. All I shoud do then is implement edit/delete/add to the listview. I am aiming to make it consistent with Windows feel but it will not be easy...

What do you think of this approach?

Thanks again for helping, best regards Mr. Kryukov.
Sergey Alexandrovich Kryukov 18-Nov-14 22:23pm    
It was just few ideas from me, but we can continue this discussion. To me, all those "just two 5 items" always look suspicious. Just two similar items always tend to grow in numbers.
I perfectly understand the "next to each other" motivation. But there is such thing as priority. You see, there is a visual integration ability of the human perception. If, say, you put two things one next to another, and these things have line, we can easily associate left and right items, item by item. If you only has to say "this is related to that", it makes much less sense, unless there is a reason for confusion.

Another idea is "iconography". Here is the idea: you drew some colored lines just to explain the idea to us. But it means that your design itself does not express this idea (which is natural, otherwise you would not have to ask your question). When you show these lines, the idea becomes more clear. So, why not drawing some lines/arrows in real application? Only you should do it if and only if this is the best way. To me, main principle of design is this: you have no right to add a single line or a single color change which does not carry a clear function.

—SA
AlwaysLearningNewStuff 18-Nov-14 23:53pm    
I have edited my post with new image. This time there are labels describing the control's function. Unfortunately, that thing "next to each other" is a demand from boss, I can't change it right now. I might try and talk her into some sense but chances are small :(

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900