HTML 5 in Stockholm
Windows 8 UI Training mit HTML und JavaScript

Metro style and OneNote MX

Content instead of Chrome…

One guideline for Metro style applications is to use content instead of chrome. For offering features such as menus or toolbars, the appbar can be used. The appbar becomes only visible on swiping from bottom or top, or using a context menu in case you're using a keyboard or mouse. The user should be in the focus of what he's doing now instead of a place where he might go next, that's why chrome should be displayed as little as possible.

With Internet Explorer, the Web page has the complete page available as soon as the appbar goes out of scope. The Calendar application gives the complete screen to the day/week/month. To add new calendar entries, the appbar can be used.

Not all scenarios are really efficient by just removing the chrome. One way to deal with this is to stick the appbar to top or bottom. In case the user needs the appbar more actively, it can be sticked, and thus it stays visible even if the user changes the focus back to the main content.

With some scenarios this is not enough to keep the user productive. The Mail program that's available with Metro style Windows 8 includes buttons to send and close messages when editing an email, and these buttons even open a context menu (save draft or delete with the close button). Reading emails, the buttons New, Respond, and Delete are directly accessible from the main view.

Now OneNote MX is available – the Metro version of OneNote. This tool has a cool control that needs just a small part of the screen, unless you activate it. This is the view of this control on the content view that is never distracting as it goes out of the way as you type.

Clicking on the control it gets bigger for doing copy/paste/undo, creating tables and lists, and inserting images or getting a new image from the camera.

Some of the items of this circular list have a button for more options. The control appears as shown in the next image if the arrow button from the bullets is selected.

That's really a great idea for having a lot of options that are not in the place if not needed.


CN innovation

More information on Windows 8 in my Windows 8 Metro workshops and in the upcoming book Professional C# 2012.

This blog post was done with Word 2013 Preview.


Feed You can follow this conversation by subscribing to the comment feed for this post.

essay uk

The Commission works to protect consumers from unfair or burdensome business practices. As such, the revised monetary thresholds address the need to continuously modify trade regulation rules that outline business acts or practices affecting commerce.

asia king travel

Metro style very easy to see.

this website

The user should be in the focus of what he's doing now instead of a place where he might go next, that's why chrome should be displayed as little as possible.

Coursework Assistance Online

On the off chance that you need your phone application development in light of the cloud innovation, at that point, there are no different choices other than Appscend. Appscend spends significant time in the cloud-based development of content-centric apps. The most part utilizes XML markup dialect or PHP for application development process.

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.


Post a comment

Your Information

(Name and email address are required. Email address will not be displayed with the comment.)