Tag Archive for 'NGGUI'

Content Navigation

The death of the media center, and the rise of the next generation of operating systems.

Having dabbled with Windows Media Center from Microsoft, FrontRow from Apple and various alternatives, some which do very well in organising music, video and photos, these are just footsteps towards a new graphical user interface that covers all media. I consider the media center concept as a developmental stage of current operating systems towards improved content navigation.

Due to the lack of a concerted effort to vastly improve navigation I write about my hopes and dreams for future operating systems to come. If anyone knows about new content navigation techniques, experimental software, or cutting edge navigation design, please post the URLs and i’ll aim to summarize the work going on at the moment. however my initial searches have yealeded nothing.

Goodbye Desktop Wallpaper, it was fun but your services are no longer required.

So many computers have been sold on their use of desktop wallpaper, with beautiful swooping lines, or green fields and blue skies. The operating system may be a few years old, but if the desktop wallpaper is new then it must be worth upgrading right?

The next generation of operating systems will do away with a desktop wallpaper background, favouring instead screen savers when the computer is not in use which can still display images as slideshows or any other manner of informative information ( think educational based screen savers, quiz questions or national works of art) and applications that maximize the screen space available when in use. The desktop wall paper is a distraction that limits our ability to focus on navigation. The only time I see my wallpaper is when I’m not using my computer otherwise all my windows are maximized. Wallpaper should be relegated to the dustbin once and for all in favour of improved navigation.

Navigation must not be tied to a menu

Why click on a start button/icon etc which launches a list of apps when my starting page could be the full list of apps. Now that we don’t have wallpaper we can use that space for something more productive like a navigation system. I’ll expand on some ideas for new navigation in a moment.

Although Microsoft’s ribbon technology in its office suit looks promising, menus haven’t progressed much from simple lists. We need to see a radical overhaul of the traditional list menu which is inefficient and cumbersome. We need a single space and a new language to navigate our applications and the functionality within them.

The navigation of the future will make use of multiple senses including sight, touch, sound, and temperature, closing the gap that currently existing between how we sort through data in the real world versus in the digital world. We should also provide multiple ways of viewing the same data using a system called Multiview.

Multiview recognises that we don’t all reason the same way. During childhood a person can acquires a unique logic, based on environmental and genetic differences. Multiview addresses these differences by testing new users with a short list of questions that analyse the individual user’s ability and preference for navigating data, and then selects a default navigation view based on the user’s answers.

I’ve created some very rough mockups to give you an idea of new naviagation views;

The mass extinction of Applications goes hand in hand with the rise of the Function Widget.

Media Centres paved the way for this to happen. They created a single application that was able to play music, videos and display photos. How long is it going to take for someone to extend this functionality to encompass all functionality?

By using a single application engine to run all functionality, you would no longer have to close an application as you switch from one function to another.

The menu and the applications engine would probably be open source, developed in conjunction with each application developer. Improvements would be made together, and the costs would be spread out across all the application developers. However, the application would be designed to incorporate Function Widgets. The Function Widget is a way to bolt on additional functionality without developing its engine and menu system further. It is not a complete application in its own right; any basic common functionality is shared with and built into the application engine prior to the function widget being installed.

Function Widgets would be sold and proprietary, providing enhanced functionality to the application engine and menu. No longer will users need bloated software that does everything for everyone. Instead users will pick and choose which parts of the software they need by adding Function Widgets.

The application engine would by default be full screen maximizing the screen space available. If functionality is required side by side, then a single screen can be virtually split or spread across a second physical screen.

The Next Generation GUI (Part II)

NGGUI MENU

NGGUI Coverflow NGGUI Tree

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.
navigation

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.

Next Generation GUI Universe (PART III)