REDESIGN THE INTERFACE :: refine navigation

reorganize the application's features
We used the flow from the UML Activity Diagram to group related features, and from this developed a much simplified menu structure. Based on our past experience developing menu bars for web-based applications, we recommended using a static one-level menu bar, which stays open on its own until the user makes a choice or dismisses it.

click to see larger image

redesign global and local navigation
We reduced the main navigation steps from twelve to just five. While users still needed to enter quite a bit of data to set up and optimize each investment scenario, our design made the process more straightforward and less daunting. The user always knew where they were, could step forward or backward within their scenario, and jump to any point on the page.

In the screen below, the user is in the 2nd sub step of the 2nd main step. Our design also allowed for several navigation approaches. The user could select a page from the jump menu on the tan navigation bar, or go to any point in the model by clicking its associated top-level navigation step.

click to see larger image

create multiple access points into the application
Our client wanted the user to be able to develop up to 8 different scenarios simultaneously, so they could analyze and compare various investment outcomes. The user could go to another scenario via the jump menu located at the top-right hand corner of each screen (on the dark blue menu bar). We designed the application's home page so the user could track all scenarios and enter each at any point to complete their work, print reports, enter different data into the model, etc. .

click to see larger image

< previous next >