Windows Phone 7 Interface: Microsoft Has Out-Appled Apple

I’m sorry, Cupertino, but Microsoft has nailed it. Windows Phone 7 feels like an iPhone from the future. The UI has the simplicity and elegance of Apple’s industrial design, while the iPhone’s UI still feels like a colourised Palm Pilot.

That doesn’t mean that the Windows Phone 7′s user experience would be better than Apple’s. The two user interface concepts – data-centric vs funtion-centric – are very different, and the former is quite a radical departure from what people is used to.

With the iPhone, Apple put together an extremely simple modal interface that works, one that people of all ages and backgrounds understand right away: “This is a device that adopts different functions and gives me access to different kinds of information depending on the icon I click on.”

It’s pretty simple idea, which made it a raging success. In fact, that success is the reason why this model is Apple’s bet not only for mobile phones, but for the future of computing. It is also the reason why the Androids, Palms, and Blackberries of this world are following them.

Clean slate
Microsoft’s approach is completely different. Instead of becoming another me-too mobile phone, like Android and the rest, the Windows Phone 7 team came up their own vision of what the mobile phone should be. In the process, they have created a beautiful user interface in which the data is at the centre of user interaction. Not the apps – specific functions – but the information itself. At some points, in fact, it feels like the information is the interface itself.

Out of the box, this information is organised into areas called hubs, which follow the user’s areas of interest. Accessible through live tiles in the home screen, the Me (the user), people, pictures and video, music, and games – plus the omnipresent search – hubs give views into several data sources, connecting and presenting them into an interweaved panoramic stream. These hubs dig heavily into many databases, both locally and into the cloud.

Rather than accessing an app to get contact information and make a call to a person, open another app to get her Twitter updates, and then another app to get her Facebook updates, and another for her latest mails to you, and yet another one to watch her photos, the Windows Phone’s people hub offers a seamless view into all of it, presented in a very simple and logical way. On a function-centric model like the iPhone, when the user thinks “I want to make a call”, he puts the device in “calling mode” by clicking on an app, selects a contact, and calls. When the user thinks “What’s up with John Smith?” he puts the device in Facebook or Twitter or Mail mode, and so on.

Microsoft has organised the hubs into panoramas, by stitching groups of information as columns of a single landscape screen – bigger than the phone’s display – that can be scrolled with your finger. The solution – tied together with minimalist interface aesthetics and animations that are inviting, elegant and never superfluous – works great.

What about other applications?
Instinctively, I like Microsoft’s approach to organising the core of our digital lives – people+social+multimedia+communication all merged into the hubs. I like it better than the “it’s a phone, it’s a mail program, it’s a browser, it’s an iPod” Apple approach. It’s less rigid than the iPhone or Android’s model, offering a richer experience, inviting to explore, and offering data from many points of view in a quick, clearly organised way. It also seems more human, and that’s certainly something Apple – or their followers – have to worry about.

Does that mean that function-centric models are worse? Like I said before, not necessarily. Especially because the information-centric panoramas don’t fit every single task people expect their iPhones to perform now. And when I say every single task, I really mean the two gazillion apps populating the Apple store. Microsoft could dress the hub experience in any way they want, but if their devices don’t offer a rich application market, they will fail the same way the current competition is failing against Apple.

Fortunately for Microsoft, the Windows Phone model is not only information-centric, but also function-centric. According to Joe Belfiore, gran jefe of the Microsoft’s Windows Phone Program, applications are not required to plug into the hub metaphor or the panorama user interface. When the development toolkit comes out in a month, they would encouraging applications just like the ones you have in the iPhone today. In other words, Microsoft understands that one approach is as important as the other.

They are just hoping that their hubs would be a better, funner, more intuitive way to access and cultivate our digital lives, which is mainly what most consumers want to do nowadays. Looking at what they have shown today, I think they are definitely in the right track. But like the Zune HD, it just may be too late.

Discuss

(14 Comments)
  • [–]

    matt

    Tuesday, February 16, 2010 at 10:22 AM

    heh, data driven design?

  • [–]

    Geoffc

    Tuesday, February 16, 2010 at 10:39 AM

    Now, lets see how Telstra can stuff up the interface with their ‘customisation’…

  • [–]

    Matt

    Tuesday, February 16, 2010 at 10:41 AM

    There are two types of people in this world. Those that read lists and those that read icons. Personally, I find an icon more pleasant in a user experience. After looking at all these photos and videos of the OS I can already see I wont like this. However it does look very clean and its great to see some innovative thinking. However it seems that some of it (if not all) is a reaction to the iPhone. While yes it is ‘their own’ vision of what the mobile should be It still feels like it is trying hard to separate itself from the competition for the sake of it. Not because reading lists is a better way to operate.

    For me the list is just not the way to operate. We live in a visual world, always have done. When you look at a tree, you don’t read the word tree, with thousands of ‘leaves’ written above it. You just bloody well see it. This is primal and instinctive, it comes as second nature for all people. Reading text is slow and slightly annoying. The brain has to read a letter then a word to make a sentence, then needs to process that to respond. Even though this happens quickly, it’s never as fast as just seeing an icon. No matter how good your language and readings skills are and no matter how many times you see those words. You are still forced to process. With the game ‘whack-a-mole’…text reading ‘hello I’m a mole’ doesn’t come out of the hole followed by ‘and I’m another mole, No! a mole comes out the hole and you react in a split second and smack that little sucker on the head!

    • [–]

      Gareth

      Tuesday, February 16, 2010 at 12:55 PM

      While I can see the point you are trying to make, your logic seems flawed. Tell me, what is more effective at storing information, hieroglyphics or the alphabet?

      • [–]

        Landswipe

        Wednesday, February 17, 2010 at 1:08 AM

        Hieroglyphics and a latin alphabet are not an adequate comparison. The adage ‘A picture tells a thousand words’ is far more appropriate.

        Also consider that application icons are a branding mechanism. User interfaces make extensive use of them.

        Text is generally hard work on the eyes and brain, especially if you have to infer due to the text being cropped (I don’t get why MS went down this route).

        Text also makes it harder to target. It is easier to tap ‘complete’ than ‘ok’ – applications usually extend the target area to something consistent.

        Personally, I would much prefer tapping a square check/tick icon. Or a button bounding text.

    • [–]

      boc

      Tuesday, February 16, 2010 at 3:24 PM

      Sorry. I understand what you’re trying to say, but, you’re explanation is wrong. There is no real difference whether words or icons are used – especially in the context of interfaces.

      • [–]

        Matt

        Tuesday, February 16, 2010 at 5:21 PM

        Gareth, Boc. Perhaps my analogy wasn’t the best but you did get what I was trying to say. That there does seem to be two camps. One is text and one is images. I’m not saying one is better than the other. And neither is perfect. Storing everything using purely images lacks organisation. But storing everything using purely text is well, hmm, utilitarian and mundane.

        Maybe this is part of what separates Microsoft and Apple. And why there seems to be one company for the business world and one for the play. Each seems to have their market but are also chipping away into the other.

        You mentioned hieroglyphics. Well if you were to look at the iPhone home screen you could easily make a comparison between the two. Each icon has meaning. You also said ‘storing’ information. You are right, alphabetically is obviously the best way to store. But the point I’m making is ‘accessing’ information.

        Again, the iphone home screen. For me -and maybe because I am in the image camp- it’s more natural to remember the colour, shape, position of something that to scan each beginning letter till I get where I want. It’s like seeing it all at once and then it jumps out at you. Rather than line by line till you hone in. Even the large words above on the windows 7 phone, I feel almost forced to read it. Even though it’s used quite graphically, it takes a split second longer to see that than say, an image of a musical note. You almost ‘don’t’ see the note.

        So I guess it’s a question of enjoyment too, not just speed in accessing what you want. I would rather see colourful beautifully designed icons than text. And combined with gestures i think you could almost operate blind. Imagine if the iphone had a grid of 9 pages with the home screen in the centre. You can picture the app you want on the bottom left page. For me I see this grid image in my head and it’s simply a diagonal swipe to the top left and then again using position and colour tap what you want.

        Of course that is flawed too because more than 9 and you run into trouble. Not saying this is perfect. I often swipe left of home on the iphone and tap a letter. That’s fast. Agreed.

        Even on my computer all my folders are as icons, all the same blue icon. But they are also arranged alphabetically. However the ones that I access often I change to an image of something that relates to the info inside. When I go back to it it jumps out at me.

        A good example would be your contacts list. It’s pure text. The iphone’s method of tapping the letter in the side list works very well. But I would also like to see a persons face too. Tap the list to get in the range of people and then the face will jump out at you.

        That was a lot of text. Sorry about that. Next time I’ll use interpretive dance and flashcards to make it more fun!

  • [–]

    Cam

    Tuesday, February 16, 2010 at 10:45 AM

    I was excited when I read the intro to this article – a real contender for the iphone interface? Was it true?

    I read the complete article with great interest, not only a good interface, but a new way of organising data. Data centric rather than function centric? Sounds intriguing.

    A few what-if’s entered my mind as I read through, and it was only when I re-read the article did I realise that a data-centric model is probably not how I want to work. Consider for a moment how much information is already in our lives, and how easy it is to access that which is not. In a world where mobile data access is becoming a real threat to traditional wired networks, do I really need to have more data bombarded at me?

    When I go to make a phone call, do I need to see the latest twitter updates, email, tagged photo, or facebook status? Maybe I’m showing my age, but sometimes I just want to turn off from the information overload. When I want to see facebook updates, then I load a facebook application. Ditto for twitter, or a photo in picasa.

    I appreciate what microsoft has achieved with what is a major redesign (both of their software and how people work), and bringing a product to market to directly compete against the iphone (listen up nokia). Having the internet at your fingertips makes life easier in numerous ways, but I believe there’s a balance between the two. Sometimes I want to get away from the always-on, and be able to pick and choose what information I want and when.

    Keep it up microsoft, it can only be good for the market and hopefully the redesign will help with what is one of the major drivers of hardware these days (being application development). Being different for the sake of being different may not be enough.

  • [–]

    Grant Burton

    Tuesday, February 16, 2010 at 11:28 AM

    so you have data mine through a labyrinth maze of screens to send a text…. hows this good? and we get screens of Flash style animations to do simple tasks… looks like “WINDOW DRESSING”, looks like a try too hard for me…

  • [–]

    Shane

    Tuesday, February 16, 2010 at 11:46 AM

    This design is truly a ground breaking step for microsoft and as all the people above have mentioned, it’s not necessarily a good one for everybody.

    I don’t use twitter, reluctantly use facebook. Email and SMS are my social tools (as well as the pub).

    Having these features is a great idea, Microsoft are firmly aiming at the internet generation, a market that apple has had under it’s grasp for some time.

    Now, if I can turn those features off, configure it to pull RSS feeds and have the ability to pull photos from multiple different sources (such as mobileMe, pisca and flicker) I’d be really interested to see how it works.

    LEARN Micorsoft, LEARN. Apple tries to bend people to their ways. “You will use your data the way we tell you too”. 20% of people will without question, 60% will use the hardware and grumble about been forced down a track they don’t really want to and 20% will refuse out right (for what ever reason).

    You need to let those 80% of people know that you understand and can help, without them feeling that they’ve been tied into a single choice…after all, we get tied “into” to much know days, broadband, mobile, mortgages, people want to have the choice.

    However, it’s far too early in this game, we need to see more (and try some).

    I REALLY, REALLY want to get rid of that XBox live icon…that would be the single reason why I wouldn’t want to use it…kill it now!!

  • [–]

    Mike

    Tuesday, February 16, 2010 at 11:48 AM

    Looks good but what effect will all that eye candy have on battery life.

  • [–]

    Wade Hextell

    Tuesday, February 16, 2010 at 3:08 PM

    It does look nice but the screen real estate take by that arrow in the top right corner is a deal breaker for me…surely they could have come up with a better solution to changing the desktop pages…its seems to take alot of screen real estate :(

    I will be sticking with my iPhone for now, sorry MS…i have an xbox 360 and live account too but i cannot get past all that screen space gone to waste…your nearly there M$

    • [–]

      Sean

      Tuesday, February 16, 2010 at 5:33 PM

      I totally agree with the comment about screen real-estate.
      I will disclose that I’m both an Apple fanboy and a Microsoft hateboy, but to be honest I am fairly impressed with the offering from Microsoft. I won’t be letting my iPhone go any time soon, what with Microsoft’s history, but at least Microsoft hasn’t just made an iPhone clone, they’ve actually thought about things.
      I think the hub approach has merit, but overall the screen real estate limitation seems to be something Microsoft wasn’t prepared to consider properly. As Wade comments, the large slice of screen given over to the arrow seems odd. On the other screens, the necessity to scroll to see the information you want seems like a potential annoyance. And having the top portion of the screen given over to the title, even when you scroll away from the title, seems wasteful.
      I like where they’ve taken it, but not respecting the screen real estate is going to be a potential problem compared to the iPhone.

  • [–]

    Nicholas

    Tuesday, February 16, 2010 at 9:12 PM

    I love it!

Join The Discussion