ie8 fix
madison

Hardware 2.0

Adrian Kingsley-Hughes

iPad apps bring back mid-1990s "mystery meat" user interface problems

By | May 11, 2010, 5:53am PDT

Summary: Jakob Nielsen’s iPad usability report makes interesting reading. The conclusions drawn about iPad apps suggest that developers need to pay much more attention to the user interface (or UI) of the apps in order to eliminate the mid-1990s “mystery meat” usability issues.

Jakob Nielsen’s iPad usability report makes interesting reading. The conclusions drawn about iPad apps suggest that developers need to pay much more attention to the user interface (or UI) of the apps in order to eliminate the mid-1990s “mystery meat” usability issues.

“Mystery Meat” is a term I remember being applied to both websites and desktop apps. It described a situation where the UI of a program or site was built in such a way that you didn’t really know what anything was or did until you clicked on it. This problem, which has largely vanished from websites and desktop applications, seems to be back in force on the iPad according to Nielsen:

The iPad etched-screen aesthetic does look good. No visual distractions or nerdy buttons. The penalty for this beauty is the re-emergence of a usability problem we haven’t seen since the mid-1990s: Users don’t know where they can click.

For the last 15 years of Web usability research, the main problems have been that users don’t know where to go or which option to choose — not that they don’t even know which options exist. With iPad UIs, we’re back to this square one.

I’ve noticed this on apps designed for the iPhone, and scaling these apps up does nothing other than make the problem worse. The problem is that it’s hard to know what anything does. As Nielsen points out, touching something can result in one of five things happening:

  • Nothing happens
  • Enlarging the picture
  • Hyperlinking to a more detailed page about that item
  • Flipping the image to reveal additional pictures in the same place (metaphorically, these new pictures are “on the back side” of the original picture)
  • Popping up a set of navigation choices

Is there anything to give you even the slightest clue what result you’ll get? Not usually. As a rule apps leave you jabbing at the screen like an ape trying, via some kind of random walk process, to figure out what everything does.

Another example cited by Nielsen is what users have to do when they reach the bottom on an on-screen article. Users might have to do one of three things:

  • Scrolling down within a text field, while staying within the same page
    - For this gesture to work, you have to touch within the text field. However, text fields aren’t demarcated on the screen, so you have to guess what text is scrollable.
  • Swiping left (which can sometimes take you to the next article instead of showing more of the current article)
    - This gesture doesn’t work, however, if you happen to swipe within an area covered by an advertisement in The New York Times app
  • Swiping up

Again, the UI offers us no clues. The real issue here seems to be that Apple’s idea of a clear, clean UI is at odds with what developers what to give users of their apps.  But if the user gets no visual clue as to what they are supposed to do, or what UI elements are on offer, most of this functionality can be lost.

I also agree 100% with Nielsen’s suggestions as to what would make a better iPad app:

  • Add dimensionality and better define individual interactive areas to increase discoverability through perceived affordances of what users can do where.
  • To achieve these interactive benefits, loosen up the etched-glass aesthetic. Going beyond the flatland of iPad’s first-generation apps might create slightly less attractive screens, but designers can retain most of the good looks by making the GUI cues more subtle than the heavy-handed visuals used in the Macintosh-to-Windows-7 progression of GUI styles.
  • Abandon the hope of value-add through weirdness. Better to use consistent interaction techniques that empower users to focus on your content instead of wondering how to get it.
  • Support standard navigation, including a Back feature, search, clickable headlines, and a homepage for most apps.

Can you create a “flat,” clean UI and still make it usable?

Full usability report (PDF) can be found here.

Kick off your day with ZDNet's daily e-mail newsletter. It's the freshest tech news and opinion, served hot. Get it.

Topics

Adrian Kingsley-Hughes is an internationally published technology author who has devoted over a decade to helping users get the most from technology.

Disclosure

Adrian Kingsley-Hughes

All opinions expressed on Hardware 2.0 are those of Adrian Kingsley-Hughes. Every effort is made to ensure that the information posted is accurate. If you have any comments, queries or corrections, please contact Adrian via the email link here. Any possible conflicts of interest will be posted below. [Updated: February 23, 2010] - Adrian Kingsley-Hughes has no business relationships, affiliations, investments, or other actual/potential conflicts of interest relating to the content posted so far on this blog.

Biography

Adrian Kingsley-Hughes

Adrian Kingsley-Hughes is an internationally published technology author who has devoted over a decade to helping users get the most from technology -- whether that be by learning to program, building a PC from a pile of parts, or helping them get the most from their new MP3 player or digital camera.

Adrian has authored/co-authored technical books on a variety of topics, ranging from programming to building and maintaining PCs. His most recent books include "Build the Ultimate Custom PC", "Beginning Programming" and "The PC Doctor's Fix It Yourself Guide". He has also written training manuals that have been used by a number of Fortune 500 companies.

Adrian also runs a popular blog under the name The PC Doctor, where he covers a range of computer-related topics -- from security to repairing and upgrading.

11
Comments

Join the conversation!

Just In

Easy. By calling them LinuxFlamer a.k.a. Loverock Davidson. nt
techvirago 18th May 2010
nt
With a touch interface, i(pad|phone) or other, you have no pointer and no preselection/hover capability. as a result, you have no pop up short help, no graphical feedback, no status bar help, and you cannot have.

The way out of this is a strictly shared overall paradigm between the different apps. We know ( or at least knew until microsoft rolled out its ribbon GUI ) that File/Print prints and that you have to go into the window menu to re arrange documents. but this required a long user base learning.

Jobs pointed that out in his blog entry regarding the rejection of X platform frameworks...
@s_souche not true. hover is possible with touchscreen. My Fujitsu tablet does it.
@JB5645 touchscreen or pen ? Only reference of touch screen with hover I can find have a proximity detector and are not yet released...
@s_souche I am indeed speaking about Touch: All I can say is this: I checked Job's claim on my new Fujitsu 5010 Tablet PC on a flash application and I could trigger a "MOUSE_OVER"-Event by passing my finger lightly on an object and a "CLICK"-Event by pushing harder on the same Object. I can provide the (very standard) code if anyone is intersted. (I confess, I am a Flash developper. I did this test to be able give my clients accurate information about what is possible on touchscreens).
I doubt this problem is intrinsic to idea of a touch interface, but rather a problem in Apple's implementation.
0 Votes
+ -
RE: iPad apps bring back mid-1990s
shagbark 18th May 2010
@s_souche: Hover tooltips are poor design anyway. Give me a word of text that indicates what a button will do, instead of a pretty picture that's meaningless.
0 Votes
+ -
Excellent article
NonZealot 11th May 2010
I totally agree, the iPad is an absolute UI disaster. That it sells well is more a credit to Apple's marketing department than to the iPad itself. And you are about to get attacked by people on the payroll of that very marketing department in
3...
2...
1...
As the person who originally coined the term "Mystery Meat Navigation," - http://www.webpagesthatsuck.com/mysterymeatnavigation.html - it's sad to see this technique continue on such an exciting new device.
0 Votes
+ -
RE: iPad apps bring back mid-1990s
LinuxFlamer 17th May 2010
How do you rate a user down?

Join the conversation!

Formatting +
BB Codes - Note: HTML is not supported in forums
  • [b] Bold [/b]
  • [i] Italic [/i]
  • [u] Underline [/u]
  • [s] Strikethrough [/s]
  • [q] "Quote" [/q]
  • [ol][*] 1. Ordered List [/ol]
  • [ul][*] · Unordered List [/ul]
  • [pre] Preformat [/pre]
  • [quote] "Blockquote" [/quote]
ie8 fix
Click Here
ie8 fix

The best of ZDNet, delivered

ZDNet Newsletters

Get the best of ZDNet delivered straight to your inbox

Facebook Activity

White Papers, Webcasts, & Resources
ie8 fix
ie8 fix