I would like to create application with ribbon interface that looks and behaves like this:
For example, ribbon have two tabs: people and tasks. When current ribbon panel is "people", below ribbon is displayed grid with people data. Ribbon contains command for manipulating people data. When user switches to "tasks" tab on ribbon, application should display form with tasks below ribbon.
Question is can ribbon be used in this scenario?
I read "OFFICE FLUENT™ USER INTERFACE DESIGN GUIDELINES" that describe what you can and cannot do with ribbon, but I could not find anything about this.
You can use the tab control to produce the kind of multiple-page dialog box that appears many places in the Windows operating system, such as the Control Panel Display Properties. Additionally, the TabControl can be used to create property pages, which are used to set a group of related properties.
The ribbon is a command bar that organizes a program's features into a series of tabs at the top of the screen. Ribbon tabs are composed of groups of closely related commands, designed to help users quickly find desired commands.
To create a TabControl control at design-time, you simply drag and drop a TabControl control from Toolbox onto a Form in Visual Studio. After you drag and drop a TabControl on a Form, the TabControl1 is added to the Form and looks like Figure 1. A TabControl is just a container and has no value without tab pages.
TLDR: I think it fits to your application concept, but there has to be a clear distinction between the people and tasks functions to make it work!
Though Scott has a point that it might be somewhat in contrast to what Microsoft intended to use the Ribbon for, it think the Ribbon also fits to this kind of use. Since if you wanted to have a conventional tab like Michael suggests you would need buttons to switch between the windows or tasks. By using the Ribbon you directly link the controlling functions/buttons with the task' tab, making it easier to learn what buttons are linked to what task. Buttons that are used for the whole app can be integrated into the Office button (the large Office logo in the top left corner), which is actually exactly what Microsoft does.
We are currently implementing a Ribbon-like toolbar as well, so probably I'm not entirely objective. However I tend to think the Ribbon works quite simple and enables users to easily discover buttons. One side-note: this could also be achieved by using large logo's and dropdown gallery's, it's just easy that most Ribbon packages available have these things implemented, so no need to code it yourself (unless you can very easily)!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With