These are my first efforts at designing the Next Generation of GUI (NGGUI). This GUI is based of the 9 rules from Part I of the NGGUI. The mockups above are structural design guides, and in no way display the final polished look of the GUI, part of the reason is that the GUI is going to have themes, therefore their isn’t much point in spending time making it look pretty at this stage.
Menu
The round circles/icons at the bottom of the screen are 2D in design. When not using them, they turn left or right in unison disapearing. Some of the icons will be mandatory, but others will be optional, allowing you to choose what the icon is used for. TheTool Bar icon is mandatory, requiring all applications to use this area for any functions performed external to the active window.
The Multiview icon allows you to see your data represented in five different ways, 1) Coverflow (seen in the mockup above), 2) Tree (also seen in the mockup above), 3) Tag Cloud (No mockup, but google to get an idea), 4) Date/Calendar ( Similar to Sony Picture Motion Browser), and 5) Database (This pro level view allows you to manipulate the data, and can be thought of as an advanced version of Windows Explorer).
Tabs
Tabs are active for each application, allowing multiple windows. The Tabs convert to Categories when using Multiview.
Navigation
As discussed in a previous post, we are supplying multiple ways of searching and viewing data, which can be tailored to an individual based on their understanding of data relationships. Below is an example Ribbon Navigation, which can be tailored to individuals.
Three ribbons run across the top of the screen. Ribbon 1 (top) is an infinity Ribbon displaying all your installed applications. Your favourites are displayed first, then alphabetically. Ribbon 2 (middle) is the Category, for example by Genre, playlist, date, type, usage etc. Ribbon 3 (bottom) is the multiview, as dicussed above. All ribbons are theoretically infinite.
Recent Comments