Tuesday 9 August 2011

Radial Menus

I love Radial menus. They're a great example of adapting a user interface around the limitations of the joypad.
You've more than likely come across them if you played any of a dozen relatively recent AAA titles, Mass Effect with it's radial pause menu, and of course its famous dialogue menu.

The recent shooter Brink, from developer Splash Damage has a particularly noteworthy implementation:

(Unfortunately I only have the PC version, so I can't speak with complete authority to the console versions, but I would be surprised if they differed significantly.)

If you look at the video of the menu in action you'll notice a few cool things going on.

Firstly, the world is blurred to draw attention to the menu and to minimise distractions (It also looks pretty).

Secondly, when the player highlights an option, the camera turns to focus at the real world location of the objective that option represents. It's a really nice subtle reinforcement of where the player needs to go, and so (hopefully) he or she will be less likely to get lost afterwards.

The icons are also quite clear and simple and easily identifiable and also come with a short text description of what the task entails. Unfortunately the text is sometimes too long to fit and so becomes a small scrolling textbox when highlighted. There is also an additional icon showing the reward for doing this mission.
All this can become too much noise on the screen (you can even see in the video that the bottom right option's description is overlapping the kill event notifications).

I have a few suggestions for how I might go about improving it if given the chance:

Integrate the Yin Yang reward icon and value with the menu option itself rather than have it floating above and separate. There's lots of empty space on each button, it could easily be done.

There's no difference between the icons for "capture the enemy health command post" and "capture the supply command post". Possibly a flag or symbol added to the icon that changes to indicate current ownership might be better than specifying "enemy" in text.
Also, I understand that they are "Command Posts", but surely the name can be shortened to "Health Post" or "Supply Post".

I'd consider moving the text description to inside the circle and only display the description of the currently highlighted option. This would mean that a player couldn't see every choice at a glance, they'd have to go through each option in turn (which would be bad) before deciding, but I think that the icons could be made more descriptive and do a better job than scrolling text boxes.
Of course this is the kind of thing you'd need to experiment with to see if it's actually possible, and no matter how good your icons eventually are at conveying the information required, it would mean a tougher difficulty curve (however slight).
However, I think you could get around that by displaying the text in a similar manner to how it is now for the first X minutes of play (whilst the player learns to associate icons with meaning), and then switch them off.
I'd be curious to know if that would work, or if it'd leave player's feeling like they've suddenly been thrown in the dark.

Friday 7 January 2011

TV Remotes: Part 1

UI design isn't limited to the digital. Take a look at this poor excuse for button layout for a Hitachi TV.

The first thing you'll notice is the big giant "wheel" in the middle, which is how they've chosen to organise the standard channel up/down and volume +/- buttons. It's not really a wheel so much as it is a large 4 directional rocker.
Generally speaking I think you'll probably find that most TV remotes will have two separate vertical 2 way rocker buttons side by side, somewhere near the middle, for these functions.
  You could think of it as a little attempt at innovation, which is always a good thing, regardless as to how well it accomplishes it's goals, however, in this instance, I don't think it's necessarily done anything to improve upon more common designs.
  I don't think there's anything particular about volume controls that mean it's more intuitive to have it laid out horizontally and channel controls vertically. I actually suspect that since it goes against the grain you'd actually end up changing channels when you mean to up the volume a little bit.

I actually reckon there should be an established standard for this kind of thing. Channel Up/Down on the Left, Volume on the right. In the same way that any computer program should have next on the right and previous on the next (for the most part).

However, that's minor compared to this: The other, smaller wheel at the top, which is used for navigating the on screen display for the TV (switching input sources, changing display settings etc).
  To bring up the menu, you press the big button in the middle marked "M". Each setting screen has a "store" option at the bottom to save the options once you've changed them, so you have to select that and then press "OK" (just to the bottom left of the wheel at the top).
  This is the wrong way around! The OK button should be the the large one in the centre as it should be the most prominent. When you go to store your changed settings, the urge is to press the large button in the middle, but unfortunately it acts as a back button once you're within a menu, removing your changes once pressed.
  Being forced to repeat every menu change twice due to familiarity with the other remotes in your house can be frustrating to no end.

There'll be more TV remote evaluation to come!