In this part, I will be discussing about maximizing the UI real estate to present the information in a more intuitive and efficient way.

Maximise the UI real estate to present the information in a more intuitive and efficient way

Maximizing the UI real estate is one big challenge. Normally the challenge lies in presenting the information in an attractive at the same time more efficient way so that all the logical information is grouped together and the context is maintained. Following are some of the steps that may help achieve this objective.

  • Dedicate a separate page/form for each logical entity and it is important to pay attention to not to mark a boundary so that the controls will not overrun the boundary.

  • If there are more controls to be shown under one logical entity, review the UI design and in the extreme case, consider customizing group of containers which will hold a logical group which can be collapsed or expanded as necessary. This way the page can contain three containers at the top-level but when a container is expanded, it will show controls that are embedded inside the container and the container along with control will occupy the entire screen. Make the design such a way that, at any given time, only one container can be expanded and others are collapsed.

  • If there are multiple business functionalities, group the top-level business functionalities as tabs and associate a tab with a set of pages/forms which uniquely identify that particular business requirement.

  • If there is search functionality in any of the pages, show the search results in a separate page in a tabular format with the navigation to the previous page at the top of the screen.

  • Always have a settings tab (for configuring the application) even when there is no demand for kind of requirement at the initial stage of the development.