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?
-
1If 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'.– IzhakiAug 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.– DA01Aug 20, 2012 at 15:03
5 Answers
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:
It is worth noting that in Windows Phone 8 this design element is removed, in favor of using the entire screen for tiles.
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.
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.
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.
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.
-
1Thank 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 :)– JayAug 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
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.