A look at Windows 8 Metro

We take a look at what to expect from the upcoming new Microsoft OS

Windows 8 Metro

It was invented for Windows Phone 7 but will be the new look for Windows 8. Metro is radically different, with no windows, frames, menus, or other UI elements on the screen: just the content itself. It's also promised to be gesture-oriented, though it will work with a mouse and keyboard as well. Windows 8 is six to 12 months away, but this week Microsoft released a developer preview that shows off some of the forthcoming OS. Much is still not working, and everything is subject to change, but here's a first look at the new UI for Windows you may be using in 2012 or 2013.

Setting up Windows 8

When you run the Windows 8 installer, you get a preview of the spare Metro look and feel in the setup options that appear.

Setting up Windows 8, continued

The use of large text and significant open space in the Metro UI - designed so that it works on the smaller screens of tablets - means you'll likely have to use several screens in Windows 8 where you might use just one in Windows 7 (or in Mac OS X or, ironically, in the clean but still denser UI of the iPad's iOS).

The welcome screen

Windows 8's welcome screen can be quite puzzling: What do you do, given its lack of buttons and menus? The aswer is to roll up the screen to expose the login page, where you enter your Windows Live ID or other username and password. You can also shut down or restart Windows 8 from that login screen.

The Start screen

When you log into Windows 8, there's no longer a desktop. Instead, you get the Start screen that has tiles for Internet Explorer, Windows Explorer, and various apps and widgets you can pin to it. The idea is that the Start screen is your central dashboard for switching among tasks. The Start screen is expandable, so you'll likely need to scroll horizontally to see more of your tiles. Like Mac OS X Lion, Windows 8 by default shows no scroll bar until you start moving your mouse. (If you have a touchscreen PC or tablet, you just swipe to scroll; there is no scroll bar on gesture-savvy devices.)

Customising the Start screen

You can customise the Start screen by dragging tiles to whatever position you desire. You can also change the size of the tiles between square and rectangular using the application bar (see next slide). The app bar is also where you remove (unpin) tiles and add new ones.

Introducing the app bar

The application bar contains the controls a developer wants users to have for the specific app. It is very similar to the set of options that developers provide to users via Android's Menu button. The app bar is hidden by default. Press the Windows key to open it; if you have a touchscreen device, just swipe up from the bottom of the screen. A related interface item is called the charm pane, which displays at the right side of the screen when a user swipes in from that side; it contains OS-wide features such as share and search.

Discreet notifications

The Metro UI tries to reduce interruptions to the user for specified applications (similar to what Apple has planned for iOS 5). An example: non-urgent notifications of new mail appear for a few seconds at the bottom right of the screen. Applications also display notifications above the app bar, as shown here; these notifications too disappear after a few seconds if not opened by clicking or tapping.

Optimised for widgets

The Metro UI's spare, open look is optimal for widgets. Microsoft says more complex apps such as Office and Photoshop that make extensive use of floating panels, menu items, and ribbon bars should use such Windows 7-style UI elements instead. You can think of Metro as the overlay UI, with the Windows 7 UI lurking underneath for use when needed on Intel x86-based devices. What's unclear is how this will work on Intel x86-based tablets, where the highly dense Windows 7 interface is not likely to be easily interactive via touch. Microsoft's own gesture gurus, for example, recommend that objects be between 7mm and 11mm in size, plus 2mm of space for effective touch usage (7mm results in a miss 1% of the time, whereas 11mm results in a miss 0.01% of the time). That limits the number of buttons to between 16 and 24 horizontally - a fraction of what many apps now display. (ARM-based devices can't run legacy Windows apps, so they'll have only Metro-style apps to worry about.)

Contextual menus remain

Right-clicking still opens a contextual menu in Windows 8, though as you can see from this screen, they're bigger and thus less likely to have as many options in them as "legacy" Windows applications.

The familiar Windows Explorer

The Windows Explorer (accessed from a tile on the Start screen) is the familiar one from Windows 7 - so far, it's not been 'Metroised'. Given what Microsoft has shown about Windows 8 file management, virtualisation, and networking functions, they may well retain the Windows 7 look even in the final version of Windows 8. But because ARM-based devices can't run Windows 7-and-earlier code, it's not clear how ARM-based devices will implement Windows Explorer.

Control panels

Windows 8's control panels, accessed via the Start screen, have the same spare look as any other Metro element; be prepared to scroll down to see more options to configure and sideways to see the specific settings for a selected control panel. (You can also click the control panel name.)

Control panels, continued

When you select a control panel, the Metro UI slides the view to the right to display the specific options, as shown here for notifications.

Device settings

Windows 8's settings for devices work just like control panels do, with the same spare interface.

Device settings, continued

Not all device settings are available through the Metro UI's controls. In that case, Windows 8 takes you to the Windows 7-style Device Manager, shown here. The same is true for control panels: The standard Windows 7 UI is available for them as well, if your device runs on an Intel x86 chip.

  • Windows 8 Metro
  • Setting up Windows 8
  • Setting up Windows 8, continued
  • The welcome screen
  • The Start screen
  • Customising the Start screen
  • Introducing the app bar
  • Discreet notifications
  • Optimised for widgets
  • Contextual menus remain
  • The familiar Windows Explorer
  • Control panels
  • Control panels, continued
  • Device settings
  • Device settings, continued
  • Play
  • Play
  • Backward
  • Forward

Windows 8 Metro

It was invented for Windows Phone 7 but will be the new look for Windows 8. Metro is radically different, with no windows, frames, menus, or other UI elements on the screen: just the content itself. It's also promised to be gesture-oriented, though it will work with a mouse and keyboard as well. Windows 8 is six to 12 months away, but this week Microsoft released a developer preview that shows off some of the forthcoming OS. Much is still not working, and everything is subject to change, but here's a first look at the new UI for Windows you may be using in 2012 or 2013.

Send to a friend

Email this article to a friend or colleague:


PLEASE NOTE: Your name is used only to let the recipient know who sent the story, and in case of transmission error. Both your name and the recipient's name and address will not be used for any other purpose.


ComputerworldUK Webcast

ComputerworldUK
Share
x
Open
* *