IN PICTURES: Windows 8 Metro - the visual tour

A radical new look is in store for Windows... get a first look at Windows 8's smartphone-inspired Metro interface

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

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

  • Customizing the Start screen: You can customize 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.

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

  • 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 twelve 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 InfoWorld's first look at the new UI for Windows you may be using in 2012 or 2013.

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

  • 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 Metroized. Given what Microsoft has shown about Windows 8 file management, virtualization, 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.

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

  • 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).

  • 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.)

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

  • Optimized 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 percent of the time, whereas 11mm results in a miss 0.01 percent 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.)

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

  • 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

  • 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.)

Show Comments