Embarrassingly Smooth

Microsoft developed the Windows Phone 7 UI under the codename Metro. It’s supposed to represent the sort of simple chic design you’d find popular in a big city. If Windows Phone 7 is Metro, Windows Mobile 6 was probably suburban. A more accurate codename for the UI would have to be Liquid - there’s just no other way to describe the interface other than fluid.

There are two dominant UI elements spread throughout Windows Phone: the tile and tappable text.

Tappable text is exactly what it sounds like and the OS is littered with examples. Even conventional tabs are nothing more than oversized text in Microsoft’s Segoe UI light font.

The tabs are incredibly useful in Windows Phone, I’d say just as useful as the first time we got tabs in desktop OSes. In the email app for example there’s a tab for viewing only unread messages. To get to that tab, just swipe to the left. Microsoft calls this "pivoting." You even get a preview of the tab before you swipe to it thanks to Microsoft’s wider-than-a-single-screen interface.

Windows Phone tabs are used extensively in other applications. The Music app uses tabs to switch between what’s currently playing and all of your sources of music. The Videos app uses them to sort between different types of videos (e.g. personal vs. movies or TV shows). Apple and Google use tabs in their smartphone OSes but they’re more traditional. Your finger tends to hover around content, and swiping an entire screen to get to the next tab is just quicker than repositioning your finger at the top or bottom of the screen to tap a button. Switching between tabs in Windows Phone just feels more fluid than in the Apple and Google offerings.

The second basic UI element in Windows Phone 7 is the tile. At least on the Start screen, a tile is nothing more than a giant, optionally animated icon. Tiles can either be square or what Microsoft likes to call a double wide, effectively two tiles placed next to each other.

The default tile is composed of a simple white symbol (e.g. a phone, a camera or an IE logo) and a single line of text.

There’s a fine line between a text heavy UI and navigating through a book. Microsoft stays on the right side of that line by making extensive use of color and animation. Most screens are static when you’re looking at them, but start interacting with the screen and the OS subtly updates various parts of the screen to keep everything lively.

Assuming you’ve synced your contacts and/or provided a Facebook account, the People tile will display mini profile pictures of your friends. The OS automatically cycles through your friends and you don’t have to do anything to customize it, it just keeps things fresh.

The same is true for the Pictures doublewide. Your actual photos will cycle in here. The Music + Videos tile will display a photo of whatever artist you just listened to.

The UI is also functional. The Calendar doublewide gives you a listing of your appointments for the current day. Tiles for email, phone and the marketplace spawn counters to tell you how many new items (e.g. emails, missed calls/voicemails) lay within.

Animations are spread heavily throughout the OS and virtually all of them are GPU accelerated.

Windows Phone 7 runs two threads in parallel related to the UI: the render thread and the UI thread. The former preps the current frame for rendering and the latter predominantly handles user input. Most manipulation of objects, animation and transitions is handled by the GPU. In fact, Microsoft seems to have recognized the performance deficit on current ARMv7 processors and shifted most of the performance burden to the GPU.

The entire OS only supports a single GPU at this point: Qualcomm’s Adreno 200. Eventually we’ll see support for the 205 and other GPUs, but today, that’s all Microsoft supports. It’s an important limitation because it ensures that all Windows Phone 7 devices, regardless of vendor, have a fully GPU accelerated UI. While Qualcomm’s Adreno 200 GPU isn’t exactly fast, it’s fast enough to run all of the OS UI animations at a constant 60 fps.


Start screen flying out, mid animation

The GPU is put to constant use in animating everything from moving around within an app to launching the app itself. Apps don’t just appear, they fold in. Tap anything pinned to your Start screen and the tiles will quickly fly, piece by piece. The app/hub you tapped on will fly in with similar pomp and circumstance. Even within an app, switching between tabs is an extremely smooth affair. The Start screen animation occasionally feels like it takes too long, but for the most part it’s a non issue.

The high frame rate animations and the absence of any dropped frames makes Windows Phone feel very fast (at times even faster than iOS). It also makes any occasional choppiness or slowdown from downloaded apps very frustrating.

For the most part the UI never slows down, but once you start downloading apps from the Marketplace all bets are off. Many of the 3rd party apps and even Microsoft’s own Xbox Live Extras app drop frames like there’s no tomorrow. That’s the biggest concern I have for the initial wave of apps: they won’t be tuned for performance as much as the apps you get with the phone. The core OS is so fast you assume the rest of the WP7 world will be the same. Ultimately as performance agnostic as Microsoft has tried to make Windows Phone, you will eventually run into UI slowdowns - just not with the Microsoft apps that come with the phone.

Progress bars echo the UI’s minimalist design. You get five animated dots that fly by the top of the screen when you’re waiting for network response (e.g. loading pages in the Marketplace).

All of the progress bars animate smoothly and seemingly linearly, which helps make the phone feel fast even when it’s taking a long time to do something. This is made most evident while loading web pages in IE mobile.

The overall UI is very well thought out. It’s clean, attractive and performant. It’s easily the best UI Microsoft has ever created and one that I hope inspires revolutionary designs within the company’s other business units.

Not the King, but a Start Minimalist, Even Down to the Status Bar
Comments Locked

125 Comments

View All Comments

  • serkol - Wednesday, October 20, 2010 - link

    "Flipping through pages upon pages of square app icons just isn’t the most efficient way to do it. Folders help reduce the clutter, but they don’t fundamentally address the problem."

    Try placing folders onto the iPhone dock. I've placed 4 folders there. Tap on the folder (in the dock), and it opens up the folder, then tap on the app. This look like 4 mini "start buttons" - very convenient, and looks very good.
  • bobjones32 - Wednesday, October 20, 2010 - link

    FYI Anand - there's a dedicated Facebook app in the marketplace that was posted today. Actually created by Microsoft, not Facebook. Any chance you can update this article or write another quick one once you have a chance to take a look? The screenshots in the Zune software look interesting, at least.
  • Regenweald - Wednesday, October 20, 2010 - link

    The xbox live integration on this alone makes it a much more attractive platform that anything else out there.( i thought I was going to have to buy an xbox for the new plants vs zombies exclusive content, lol) I'm looking forward to WP8. Many persons have sold WP7 short without anything to actually go on, but now, it already seems like the most complete platform out there. Full windows integration, ZUNE, XBOX and Facebook.
  • Dobs - Wednesday, October 20, 2010 - link

    All sounded great for me until IE mobile - What a let down.
    Basically a deal breaker. Other faults I reckon I'd be happy to live with until they fixed them.
    My high hopes sunk :(
  • RetroEvolute - Thursday, October 21, 2010 - link

    How did this let you down? The article didn't really have much of anything to say negative about the IE browser included in Windows Phone 7. Unless you're just one of those people who hate anything with the name IE or Internet Explorer...

    If you haven't already, try the IE9 Beta for Vista/Win7. It's a huge improvement from their previous versions, and you may just like it.
  • Dobs - Thursday, October 21, 2010 - link

    Did you read page 9 (Rebuilding a Brand: IE mobile)?

    The benchmarks, blocky text and..
    "Slower page loading times aren’t as big of a deal anyways, since you can leave the browser and go do something else entirely while the page keeps loading."
    This statement instantly reminded me of dial up internet - not a smart phone.
    I don't open a browser to then go and test my multi-tasking or my patience.

    Like I said - I'll wait for now. If IE mobile is fixed I'll seriously reconsider.
    I don't currently have a smart phone and had been patiently waiting for win7 phone as I thought it might be The One - but it looks like I'll continue waiting.

    And I don't think browsers for PC have anything to do with a phone review - Thanks anyhow.
  • B3an - Thursday, October 21, 2010 - link

    I dont think the benchmarks matter that much if actual real world browsing is still good, which it is, and that sites are rendered correctly, which they are.
    Compared to the current state of many other phone browsers at the moment IE on WP7 seems atleast decent. Other browsers might have greater speed and specs on paper but they wont run as smooth and they often have trouble displaying certain pages.
  • B3an - Thursday, October 21, 2010 - link

    Just read the Engadget review and they also like the browser:

    "we've got to say that web browsing on Windows Phone 7 is actually a really pleasant experience. "

    "Loading the desktop version of Engadget was just a hair slower than an iPhone 4, and just as importantly, rendering new parts of the page as you scroll is plenty fast -- not instantaneous, but fast enough so that you never find yourself consciously waiting for it to catch up. Zooming -- which is accomplished with a pinch gesture, of course -- is buttery smooth. The phone accomplishes this in the same way you're probably used to from other devices: when you first zoom in, it uses the same render resolution so that it can at least show you something without going blank, then it renders the appropriate level of detail as it catches up (Google Maps works the same way on almost every platform). It works well. Zooming in and out of a page -- even when still loading up content -- was super fast in our testing, and rendering happened in a split second, meaning hardly any time spent looking at jagged pixels. We're tremendously impressed with how well the browser works "

    However they go on to mention that because of no Flash (yet, Adobe are working on it) that watching streaming video is out of the question for now as the browser also dont support HTML5 video.
  • MacGyver85 - Friday, October 22, 2010 - link

    I was at the launch event in Belgium at the Microsoft HQ and had the chance to ask a few questions. One of which was if they'll be moving to the IE9 rendering & javascript engine once it is finalized. The answer was a resounding yes. The guy also said that they are already using some parts of IE9 as well in addition to IE7 and 8.
  • ishbuggy - Wednesday, October 20, 2010 - link

    Does anyone know how WP7 will handle updates? I really hope they enforce updates across all the devices so you don't get stuck with old software versions months after new ones have come out like with android.

Log in

Don't have an account? Sign up now