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

  • x0rg - Wednesday, November 3, 2010 - link

    To me it looks like Microsoft just needed to release something ASAP. Later they can work on interface improvement, I mean fonts, sizes, blocks, text location, easy shortcut access, backups, etc. There are tons of things to improve.
  • landswipe - Thursday, November 4, 2010 - link

    "The downside to this layout is that every time you want to enter a different URL, you’ll have to rotate to portrait, enter it, and then swap back. Same if you want to change tabs or use a favorite. That can get a bit frustrating if you’re used to viewing pages in landscape, but not totally killer. There’s an impressively fluid rotation transition between portrait and landscape, however."

    Same theme through the whole article...

    Little Upside... bit more downside... a little frustrated?... but HEY come on we are friends!!! there is some cool animation by our designers to make up for it all :D <cheesy grin>

    It stinks of slight of hand, and overall sounds like an epic fail waiting to happen... This just won't compete.

    As a developer, I don't think the apps/games produced are going to cut it... With Android and iPhone you can at least write cross platform opengl games in C++. dotNet is just pure lock-in.

    I hope they sell just enough of these things to put an early end to it... I have a feeling a lot of people are going to get fooled.
  • jeans_xp - Sunday, November 7, 2010 - link

    It's bad news for us, AMOLED is not used.

    www.mobilegoing.com
  • vhx - Tuesday, November 9, 2010 - link

    Only problems I have are no custom ring tones (really now...). No messenger support yet. No clue about 3rd party apps, no one is talking about it. Will it be like Android or the tight control Apple has? I couldn't find any article talking about this.
  • DKant - Saturday, November 13, 2010 - link

    I got through 15 pages and that was it. I have already decided this is my next mobile-platform anyway (unless I start hearing rumors of a hologram-projecting iPhone 5), no point reading the remaining 200. I can't imagine the amount of patience it must have taken to WRITE this behemoth! :) Of course it's your job, you've been doing this forever etc, but still.

    Man, finally. A "proper" competitor to iOS, which was getting a little stale. And I have too many issues with Google's approach to consider any of the quadrillion models on offer.

    Well. I do hope WP7 sells and lives longer than the Palm. :_(

    (And I'd never imagined I'd finish a post with this..)

    To Microsoft!!
  • CSMR - Saturday, November 13, 2010 - link

    Very informative review, but shouldn't this site be serving people who are technically minded rather than the average consumer?

    There is no question WP7 has a lot of excellent points.

    But I'm not sure how you can accept a system that does away with files, and uses a limited sync system to move content around in approved ways.

    Or call software "The Best Smartphone for Music Lovers" when:
    - it believes that music consists of "songs" written by "artists" and put into "albums", when only a minor part of the history of western music is of this form
    - it does not allow a folder structure for navigation, only limited tags of the above form
    - gapless playback is incomplete

    Microsoft needs prodding to update the system in a way that retains the new features and GUI but also implements the basic features. If it doesn't get this from tech sites, where are we left? Perhaps Windows 8 will decide Turing completeness is no longer important, people just need to be able to do x, y, and z as simply as possible. I'm sure there are a lot of people at Microsoft who want WP7 to be a real OS - without changing usability. They just need a bit of support.
  • Millsington - Tuesday, November 16, 2010 - link

    Excellent point about folder navigation, I had forgotten about that. It is sorely missed in modern music players.

    Sadly, I don't see the issues you raised being addressed for some time unless WP7 really takes off.
  • billybarker - Tuesday, November 16, 2010 - link

    Check out these Windows Phone 7 Application Icons - there are 350 icons in the set. http://goo.gl/rMk08
  • warden6 - Friday, November 19, 2010 - link

    I've had my HTC 7 Mozart for a fortnight. I like it. I like the big square icons on the Start screen (although I've toned down the colour as much as possible); I like the integration with Google Mail, Contacts and Calendar (yes it does work, set it up as an Exchange server); I like the threaded conversations for texts like the iPhone; the music player is good; oh, and it's not a bad phone either.

    There are some issues -- there's no Messenger client, gapless track playback is haphazard to say the least, there's a limited range of alerts/ringtones and you can't add more, and battery life is a bit short. Especially with push email. Hopefully some of those can be fixed, but they're definitely not deal-breakers for me.

    What I can't figure out is how to do "Inverse" on the scientific view of the calculator. No inverse-sin, inverse-log, etc. That's not a deal-breaker either, I don't use those very often! But it's an odd omission.
  • anistoona - Sunday, November 21, 2010 - link

    " but while home I don’t use those apps as much. Instead my smartphone behaves more like an SMS, phone, email, camera and web browsing device, and it’s in those areas that Windows Phone is easily just as good as the competition."

    With all my respect: If I need only the SmS, phone, email, Camera and web borwisng things form my handheld device, I would like to buy a 150$ Symbian phone, I don't need to buy an up to 700$ smartphone to do that things!!

    WinMob 5, 6.x was the system which puts the definition of what " Smart Phones" should capable of, and disappointingly Microsoft chose to give up that system and replaced with a modified copy of Old, aged and discontinued competitors system ( I mean first generation of iOS ) ..

    Really good choice Microsoft !

Log in

Don't have an account? Sign up now