Pressing all the right buttons


Marek Pawlowski, founder of the MEX conferenceThis article by Marek Pawlowski, founder of MEX, asks whether there is still a place for physical buttons and controls as more manufacturers follow the path towards generic, touch-based slates where the interaction layer is abstracted into software.

Touch interfaces are proliferating, but there are still instances where the tactile satisfaction of a physical button delivers a better user experience. As the trend towards interfaces defined primarily in software and touch accelerates, the mobile industry should consider where in the design process it makes sense to invest in ‘real’ controls.

Gnurled rotary dials on a coffee machine, with printed stage indicators

Buttons reward us. They invite us to interact by broadcasting their function and then satisfy our tactile cravings by providing a distinct response. It speaks to our innate human desire to find useful tools with which to influence our surroundings.

There are certain tactile responses which, at a subconscious level, we find extremely satisfying. For instance, most adults still dissolve into a child-like state of fascination when presented with a sheet of bubble wrap to ‘pop’. I personally find an inexplicable joy in the rotary movement of the volume control on my car’s sound system and the solid, metallic dial which controls the suspension lock-out on my bike.

The level of satisfaction created by these controls is determined by a combination of factors:

  1. How effectively the control achieves the desired result. The speed and ease with which it allows us to create change is directly proportional to how connected we feel to the experience.
  2. The continuous feedback it provides while in use. A rotary dial which spins freely without any ‘feeling’ is not nearly as satisfying as one which has intermediate ‘clicks’ or continuous resistance feedback.
  3. Whether we can determine the state of a control at-a-glance. A button which stays depressed when in use or a rotary dial with printed stage indicators allows us to start our next interaction with fore-knowledge of how we need to manipulate it.
  4. Ease of manipulation in proportion to its importance. Jog wheels used repeatedly for relatively inconsequential actions like scrolling should be much easier to manipulate than, say, a power or reset button where the user would never want to press it by accident.

Touchscreens offer almost unlimited scope for interface customisation, but they are, in essence, designed for direct manipulation: cause + result. You touch your finger to a sound slider icon (cause) and drag to increase the volume (result).

Metallic suspension lock-out control on a mountain bike, the protrusion provides an instant visual check of whether it is on or off

In contrast, physical controls provide an additional layer where the user experience may be enriched: the interaction flow becomes cause + effect + result. You twist the sound dial (cause), you feel the resistance (effect) and the volume increases (result). If correctly implemented, the effect layer can help to differentiate products and become a valuable part of the experience.

The real challenge is in knowing where in the product design such an approach is appropriate and how to make best use of the constrained bill of materials budget to achieve results.

A few scenarios where physical controls have an advantage over virtual, touchscreen interactions spring immediately to mind (I’d also be very interested to hear from readers who have other suggestions):

  1. Cold weather environments, where users are likely to be wearing gloves. In these situations, most capactive touchscreens won’t work at all (they require skin contact to activate the touch interaction) and even resistive touchscreens will be difficult to manipulate with any degree of accuracy. Essential functions which need to be accessed on the move could benefit from direct button access.
  2. High dirt, grease or moisture environments. There are numerous scenarios where this may be a factor, from devices designed for use in the kitchen (have you tried following a recipe on a touchscreen device while your hands are dirty from cooking?) to entire geographic regions where dust and sand make touchscreens easily scratchable.
  3. Interactions which require two or more distinct steps of movement. For instance, a camera button where the first press activates the focusing and the second press takes the photo.
  4. The reasssurance of instant visual or tactile confirmation. One of the most consistently popular features of devices such as the iPhone and Palm has been the physical ‘silent’ switch, allowing users to see instantly whether their device is in ‘mute’ mode when in a meeting. Some users even make use of this without ever looking at the switch, simply feeling for the ‘on/off’ position in their pockets.
  5. High volumes of text input. Advances in graphical layouts and auto-correction software have made virtual keyboards viable on touchscreen devices, but there is still a gulf between the amount of text entered by users with a physical keyboard and those using on-screen input. The travel, feedback and spacing possible with physical keys remains unsurpassed for speed of text entry.
  6. Reduced dexterity. Age, disability, illness and even finger size can all have an impact on our ability to perform the nuanced gestures required by some touchscreens. Physical controls can make it easier for these users to manipulate the key functions of their device.

However, despite these specific attributes, the advantages of touchscreens and abstracting much of the UI into software are clear. Accepting that touchcscreens will be a key feature of most mobile devices in the future, we are faced with choices.

On the one hand, we may attempt to create a ‘pure’ touch UI, where almost everything is controlled through screen interactions – Apple is the most prominent example of this. Alternatively, we might add buttons and controls for a few primary functions (such as back, scroll and search) – this method is favoured by many Android-powered devices. A third choice is to offer a significant physical alternative for input, for instance by adding a keyboard, or an optical scroll-pad – devices such as the Blackberry Torch, Palm Pre, Nokia N97 and X3 fall into this category.

The user experience challenge is to balance the speed and convenience gained from dedicated buttons with the additional latency which results from users switching between touch and physical input methods.

There is an argument that less is more in these situations.

Consider the iPhone, for instance. Although the raw speed of text input through the iPhone’s on-sreen keyboard may be slower than a physical keyboard, the overall time to complete common tasks like entering a web search or typing a text message may actually be quicker because there is less latent time lost through the user having to switch between ‘touch’ mode and ‘keyboard’ mode. Consistency tends to result in faster, more satisfying interactions.

Nokia X3, combining 12 physical buttons and touchscreen in portrait orientationThis is particularly true when the user is required to switch the orientation of their device from portrait to landscape to access the keys, as with handsets such as the T-Mobile G1 and Nokia N97. This action is often sufficiently time consuming and disruptive to ensure it is only ever used when the user knows they are going to enter a significant amount of text. However, with many of these devices, designers seem to assume the keyboard will be the dominant method of text input and therefore invest little effort in providing easy on-screen alternatives.

There are now several devices which combine portrait orientation touchscreens with a keyboard, reducing the time and effort required to switch between modes. The Blackberry Torch and Palm Pre both offer this with slider form factors, while the Nokia X3 has a 12-key physical keypad for fast texting and a touchscreen in a candybar form factor. Crucially, the X3 is optimised for single-handed use, something we are seeing less of with the expanding size of touchscreen slates.

In future, haptic effects and electro-deformable polymers (EDP) may make it possible to simulate the true tactile feel of physical buttons. EDPs will actually allow areas of the touchscreen surface to raise and lower, controlled by software, to give buttons real feeling beneath our finger tips.

In the interim I would urge device manufacturers to consider investing in the development of their own distinct tactile palettes. Integrated across touchscreens and physical controls, there should be a specific Nokia, Sony Ericsson or Motorola ‘feel’, which guarantees users will experience the same quality of button travel or smoothness of touchscreen glass across the product range.

Nokia managed to tie hundreds of millions of users into an ongoing upgrade cycle because they were familiar with the visual UI. I believe there is an equally valuable opportunity for all manufacturers to build customer loyalty through a consistent approach to tactile quality.

In addition, manufacturers should consider specific tactile highlights for each device, where one or more of the physical controls is highlighted as a key part of the product design. It should deliver a particular advantage over touchscreen interaction, such as a well-designed two-stage camera key or a scroll wheel ideal for reading emails.

Debate welcome in the blog comments, by email and Twitter.


6 Comments

Add yours
  1. 2
    Sarah Lipman

    Interesting decision on the Nokia X3 to place the fourth row of keys to the right of the numbers rather than below them (traditional placement). Was the idea to harmonize the phone’s proportions with the E71 / E62 / Blackberry Bold phones?

    Regardless of the motivation, I think the width of the 12-key keypad will hamper the speed of the target use case (one-handed text input).

    Added width makes it harder to reach the left-most column of keys with your thumb (the right-most for lefties).

    There will also be a learning curve for really proficient texters (the target market) with those three keys having changed not only position but orientation (vertically stacked).

    Seems like a really bad design choice for a beautifully targeted phone.

    Sarah

  2. 3
    Dave

    I myself wouldn’t buy a PDA or phone without a physical Back button. In far too many applications and across far too many OS (including the venerable iPhone) I find myself faced with a choice of going all the way back to the start of a chain of entries, or giving up on a task entirely, just because I can’t go Back one step. Frozen software, slow software, radio/app conflicts, etc. all leave the user out of control for a period that often exceeds their patience.

    Even on Smartphones without a touch display, the Back button has the dual utility of erasing entry items as well as going back up the tasks path.

    Over the years and phones I’ve used (both of which are too numerous to mention), I’ve learned this repeatedly – don’t select a device that has less than 3 hard buttons or one that has no Back button.

  3. 4
    Brad Dahl

    The problem with touchscreens etc is the ‘finger printing’ issue. My cleaning rag is the number one accessory for my iPad. I use the iPad a lot for visual presentations to other viewers, where I pass them the device to hold themselves, and there is nothing worse than passing someone a finger print smudged device where you have a bunch of smudges left over from using the virtual keyboard or walking thru your presentation. I don’t know how this can be resolved but all touch pad devices look gross after being handled physically and need to be constantly cleaned. IN this germ phiobic world we live I think this is a big issue

  4. 5
    Ravi C Krishnan

    Thoughtful and well written..touchscreen versus hardbutton/tactile tradeoffs.
    Steve Jobs as the “button authoritarian” apparently arbitrarily and capriciously -none the less successfully got rid of all but one tactile button while introducing the touchscreen iPhone. The more recent iPhone 4 has Steve relenting some with a few more hard buttons showing up albeit on the sides/edges.

    Agree with Dave on the necessity of back button. I would though insist on a minimum of 5 hard buttons (not 3) until EDP (Electro Deformable Polymers) or other approaches find their way into the marketplace.

  5. 6
    Marek Pawlowski

    Thanks for all your comments and emails on this – seems like the topic struck a chord!

    To pick up on some specifics:

    Re: Sarah’s observation on the width and placement of the X3 keys… I’m not sure I agree that the width itself will be an issue. If you look at the overall measurements of the handset, I think it will probably be comfortable in one-handed use for most people.

    However, there will certainly be some confused by the placement of the *, # and 0 in a 4th vertical column. Convention has traditionally dictated these appear in a horizontal row and I suspect that’s where most users’ fingers will move to instinctively.

    Perhaps this was driven by trying to improve the balance of the device during one-handed use? The ‘pivot’ point is very important in this mode of operation and if you don’t get the relative size and weight ratios correct between the top and bottom portions of the device, it can feel unbalanced when typing with one hand.

    Dave makes a very valid point about the importance of a back button. Time and again in user studies, particularly among older customers, the fear of not being able to undo what they’ve just done is an inhibitor.

    I wonder whether this back button needs to be a physical control or whether in future we might see a universal back ‘gesture’ integrated into touchscreens (e.g. an anti-clockwise swirl of the fingertip anywhere on the screen)? My gut feel is that a physical button is always going to be more re-assuring (Sony Ericsson and many Android handsets already have this), but there is also the concern over whether switching from touch mode to using a physical button adds latency to the UX.

    Brad’s point about fingerprints is interesting. I’d not considered it from a health perspective before, but perhaps that will become more of a concern as touchscreen devices evolve beyond ten finger input – i.e. they start to be used by multiple people simultaneously, as we’re seeing already with iPads.

    It is worth noting that some manufacturers are more aware of this than others. Apple, for instances, uses a particular type of coating for its touchscreen to minimise visible finger prints. Also, capacitive touch panels tend to be better as they require a lighter finger press to activate than resistive.

    Ravi – I’d be interested to know what functions your minimum 5 buttons would serve?

+ Leave a Comment