Skip to navigation
Real World Computing
Dell Duo

Metro Style apps vs desktop applications

Posted on 17 Jan 2012 at 08:45

Simon Jones takes a look at how applications can and will change in Windows 8

At the Build conference in September, Jensen Harris, director of program management for the Windows User Experience team, gave an inspirational talk on the “Eight Traits of Great Metro Style Apps”.

He outlined the way developers should think about the new Metro Style apps and how these differ from traditional desktop apps.

The change is radical: Metro Style apps are designed to do only one task – well. They can interact with other apps without any explicit knowledge about them, and prioritise content before everything else. Although they’re “touch first”, they still work well with mouse and keyboard.

The Metro design rules are still under development, but they’re enshrined in a set of templates for Visual Studio 11, a preview build of which was released at the conference.

Metro Style apps should look so similar to each other, and to Windows 8 itself, that users see no difference in look and feel between the OS and apps

Metro Style design is more than just good typography, although that lies at the heart of it; it’s also about creating a harmonious user experience between different applications. Metro Style apps should look so similar to each other, and to Windows 8 itself, that users see no difference in look and feel between the OS and apps.

The apps should add new functions to Windows, and distinguish themselves by how they work, rather than how they look. Indeed, most of the time the app will be invisible, since all of its “chrome” (buttons, sliders, scroll bars and so on) won’t appear on screen – only the content.

All buttons, widgets, doodads and controls will be relegated to the App Bar (accessed by swiping your finger up from the bottom of the screen) or under the “Charms” for settings, search and so on, which are accessed by a swipe from the right-hand edge of the screen. If an app needs lots of controls then it won’t fit well with Metro, and should be written as a standard desktop application.

You’re unlikely to see Metro Style versions of Visual Studio, Photoshop or Word since they’re too complex, although you may well see a Metro Style “word reader” without editing abilities.

App bar

The App Bar contains most of the commands for an app, and remains hidden most of the time, although if a command is central to operating the app – such as the Play button for a media player – then Microsoft says it’s okay to keep it onscreen all the time.

Apps settings live under the Settings Charm, but most of its other commands would live on the App Bar. Windows Phone 7 employs an App Bar with room for only five buttons, but Windows 8 will provide more room. However, you’ll still be hard-pushed to fit in more than about 12 buttons.

You’re encouraged to group these buttons to the left and right, avoiding the middle of the App Bar where possible, because it’s easier to reach the left and right with two thumbs without changing your grip on a tablet. (Microsoft tested this by getting people to finger-paint while holding prototype devices.)

The App Bar buttons themselves are widely spaced, making them finger-friendly, but they’re only monochrome symbols in circles with small text captions beneath.

I’ve stared hard at the icons for some sample apps and can’t always work out what they’re meant to suggest; I can’t help feeling that moving from 32 x 32 full-colour icons with alpha-blending on ribbon buttons to these tiny, monochrome squiggles is a huge step backwards.

I am convinced, however, that animation is utterly necessary for Metro Style apps. Modern, hardware-accelerated displays enable you to see buttons depressing, and items entering or leaving lists in real-time, and without such animated cues you can miss that a command has been executed; lack of feedback may lead you to press the button again out of frustration.

1 2 3
Subscribe to PC Pro magazine. We'll give you 3 issues for £1 plus a free gift - click here
User comments

No sense...

The live tiles as a front screen works - I like the way my WP7 phone works.

But full screen apps might work well on a phone or tablet, but, apart from spreadsheets, I can't remember the last time I worked full screen on my laptop (1920x1080) or my desktop (3840x1080).

I currently have about 5 windows arranged around the screen, showing me the information I need to do my work.

Until now, all the talk about Windows 8 has centred around Metro on tablets, but nobody has even tried to explain how it will work on desktop systems, with high resolution displays, multiple monitor setups and a lack of touch.

By big_D on 18 Jan 2012

Changes coming in Windows 8 beta

Big_D, I would suggest that is because there were many changes MS had planned for the Consumer Preview even before they gave everyone the Developer Preview. This next release in February is supposed to make Windows 8 a lot more mouse/keyboard, big screen friendly. Any reporting on the situation for power users like you (I still maximise most of my windows albeit unless I'm using Aero Snap but my screen is 15.6" 1280x800) should wait until that's been released.

By TheBigM72 on 20 Jan 2012

Leave a comment

You need to Login or Register to comment.

(optional)

Simon Jones

Simon Jones

Simon is a contributing editor to PC Pro. He's an independent IT consultant specialising in Microsoft Office, Visual Basic and SQL Server.

Read more More by Simon Jones

advertisement

Most Commented Real World Articles
Latest Real World Computing
Latest Blog Posts Subscribe to our RSS Feeds
Latest News Stories Subscribe to our RSS Feeds
Latest ReviewsSubscribe to our RSS Feeds

advertisement

Sponsored Links
 
SEARCH
Loading
WEB ID
SIGN UP

Your email:

Your password:

remember me

advertisement


Hitwise Top 10 Website 2010
 
 

PCPro-Computing in the Real World Printed from www.pcpro.co.uk

Register to receive our regular email newsletter at http://www.pcpro.co.uk/registration.

The newsletter contains links to our latest PC news, product reviews, features and how-to guides, plus special offers and competitions.