I have to choose the design for a complex “business” application.
I work at the public prosecutors’ office and we need to develop an application to that handle hundreds of fields, grouped in different categories. All data belong to a investigation cases.
The system have near a millions cases and a user can have hundreds of cases assigned at a certain time, so it is very important to access their cases in a simple and direct way.
The app run only in PC through a web browser. We do not have phone access o tablets, and the screen are all off 1368x760 pixel or greater.
Well, we have been discussing a lot over how to design the interface. We use Vaadin framework to build it and have the choice to do a TDI o MDI application.
My developers say that “we must choise TDI because it is the stream today” and I’am doubting about this.
What I see is that the use of the entire screen results in the generation of huge components in an attempt to cover all areas. In addition, product of the same, it is tempted to add more information than necessary to fill the blanks generating visual pollution.
There is a set of buttons related to the application that the user should have as a direct access and there are others related to the cause that should also be shown. These buttons should not be confused. In TDI those related to the cause are next to the buttons of the application generating confusion.
A desirable feature is that users can compare the data loaded between different cases (it is common for a suspect to have more than one cause).
This is how they are currently seen:
TDI:
MDI:
In the case of TDI, each cause remains in a different tab and you can see the data going from one to another, but never put one next to the other. I can not convince myself to have to use such large components and the distance traveled by the mouse is enormous since it has to cross the entire screen to access the actions.
You can switch between each tab from the tabs bar located in the base.
With the subwindows you can keep the focus only on a small area, distributing the components correctly and minimizing the movement of the eyes and the distance traveled by the mouse to perform an action. The access to each sub window is done in exactly the same way as with the tabs, from the window bar that is in the base. Moreover, if the windows are maximized, it is in the same scheme as the TABs.
As we did not reach a concession, we have made a series of personal interviews to verify the opinion of our users. We interviewed 32 users from different offices, from common employees, heads of areas, heads of department and prosecutors.
The result, so far is: 65.63% in favor of MDI and 34.38% in favor of TDI.
In addition they were consulted on several aspects, such as the highlighting of the buttons. 94.12% voted to highlight the buttons instead of the text. On the tones for the theme is more even: 48.48% prefer dark themes and 51.52% prefer colors.
Returning to the original question in this post, why should I use TDI if users prefer MDI? What is lost or earned in each case?