8

I find it strange that there is so much space below the arrow mark at the top right of the windows mobile home screen. An entire column is kept blank. Is it a good design practice? What's the purpose of it?

enter image description here

2
  • 1
    If you allow me to give a contrasting view: I think it was a stupid decision to put it there and waste all that space below. There are far less wasteful, standard and more composition-attentive solutions to what they were trying to achieve. In other words, Apple UI designers would be laughing seeing this. I'm not working for Apple, but I find it hard to imagine myself looking at this and going 'good idea'.
    – Izhaki
    Aug 19, 2012 at 20:44
  • It feels very much like a solution proposed by some middle manager critiquing things. One of those UI compromises that politics create. I have a hunch there was the sort of comment "but people won't know they can swipe to see more" reactions so the arrow was the compromise.
    – DA01
    Aug 20, 2012 at 15:03

5 Answers 5

5

Personally I like the icon. The empty column does have a function: You can start your swipe to the left there, without risking accidentally pressing any tiles. As oppossed to iOS, where unintentionally starting apps keeps happening to me. I attempted to illustrate this:

Flick screen windows phone

It is worth noting that in Windows Phone 8 this design element is removed, in favor of using the entire screen for tiles.

Windows Phone 8

4

First, some background: one of the fundamental principles underlying the UX of the Windows Phone is that the application screen isn't necessarily the same size as the phone screen.

The phone screen, at least for the 7.x series, is 480x800 pixels. Application screens can be as wide or as tall as required (but not usually both). The users experience is of "panning" across the application screen, which may have a large number of different columns. As a part of the UX design for this, it's usual for the edge of the next column to be visible at the righthand edge of the column you're viewing.

Panorama View

For the start screen itself, the righthand arrow is an affordance that there is more to see to the right. IIRC, they did try showing the very edge of the alphabetical list, but found it too cluttered, so they left the space blank.

It's also worth recognising (as @LG102 has noted) that they've revisited this decision for Windows Phone 8 and have decided to do away with the arrow and it's affordance, in favour of larger tile sizes.

2

From a UX perspective, this button introduced a new affordance in the home screen (letting users know that the home screen isn't all there is). The arrow is an actual button too, meaning users can discover that there's another screen without necessarily invoking a side swipe. I have long since customised my home screen on my Windows Phone, but if I remember rightly the Settings app wasn't on the stock home screen, so switching to the app list is an important thing to learn how to do.

There's an aesthetic reason for this too; Windows Phone uses asymmetry as a design trope throughout the whole OS, largely because the interface is highly typographic (and the typography in the Metro design language itself is left-aligned).

As stated above, this element has been removed in Windows Phone 8 and Windows Phone 7.8. In my opinion, the asymmetry added visual interest in a more pleasing way than the new home screen.

1

The reason for the arrow is that they have chosen to use that indicator as a cue that there is more content in the direction where the arrow is pointing, and that the user has to pan/swipe to reach it.

My conclusion is that they chose the arrow because it's subtle and will allow for more white space in the view, which evidently relieves stress on the user.

As you mention, another cue could have been to have the additional content painted but faded out towards the side, and thereby cueing that there was more content to the side. Would that be more clear/noticeable? Well, yea I'd say so. But that would also clutter the view and could also be perceived as obstructive.

After all, when a user of the platform has had some time with it they will not need more than that subtle icon to indicate that there is more content. Then the views can be kept cleaner and the user experience calmer.

2
  • 1
    Thank you for the thoughts. However, if you go inside the UI of Windows mobile, you would see how sweetly they have put three dots at the bottom of several interfaces to indicate the text labels of icons. I personally feel they could have done some intuitive ways to indicate that there is more things inside. Because of the arrow, the tiles look leftward leaning as well which i personally didnt like. Just my thoughts :)
    – Jay
    Aug 17, 2012 at 14:18
  • @Jay yea, I can see where you're coming from. I'm not using Windows mobile myself so I don't really have a good opinion on it actually. Aug 18, 2012 at 8:46
0

Reasoning behind placement and layout of the Windows mobile arrow button:

  • Placement: The reason the arrow is where it is so that your thumb is able to press the button.
  • Layout: Believe the real reason though is that there was space to put the button there, so that's where they but it. Windows mobile is designed to "look thin", regardless of how thin it really is.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.