Back to Mobile View

Skip to Content

On UI inconsistency in iOS 5

A while back, designer Jake Marsh commented on an inconsistency in Apple's use of linen textures in iOS 5 (hat tip to Daring Fireball). In both OS X Lion and iOS 5, the linen texture is "underneath" other UI elements in almost every instance.

In Lion, linen textures lie beneath the Mission Control interface, the main login screen, folders in Launchpad, and web pages in Safari. In iOS 5, linen lies beneath the multitasking tray, in Siri's interface, in folder backgrounds, and once again (on the iPad) underneath web pages in Safari.

Marsh points out that the metaphor of linen textures lying "beneath" the interface completely breaks down with Notification Center. With Notification Center acting as an overlay on top of other interface elements, it essentially means that the standard interface is "sandwiched" between two layers of linen textures.

Two different proposals exist for fixing this inconsistency. Max Rudberg proposes shifting Notification Center to a background layer, so instead of sliding over the home screen or whatever app you're in at the time, the foreground layer would slide away with Notification Center appearing from "underneath" it. This would be a decent solution on the iPhone, but it wouldn't work quite so well on the iPad. An arguably better solution is the one Nik Radjenovic proposes: get rid of the linen texture in Notification Center and replace it with a background that more clearly establishes Notification Center as a pullover UI element separate from the "what lies beneath" metaphor implied by the linen background.

This may seem nitpicky at first, but Apple's usual attention to UI details like this is arguably one of the things that makes iOS a pleasure to use. Inconsistencies like the "sandwiching" of linen-textured UI elements are subtle, but when UI inconsistencies start stacking up they can result in an experience that drastically and negatively affects usability. [We looked at inconsistent iPhone UI concepts back in 2007, before there was an App Store or iOS even. –Ed.]

The iPad's Music app in iOS 5 is a perfect example of how UI inconsistency creates a subpar experience. I've already described at length how Apple's overhaul of iOS 4's iPod app rendered music playback on the iPad a frustrating experience in iOS 5; I got so fed up with the poor interface in the Music app that I've almost completely stopped using my iPad for music playback and defaulted to using my iPhone 4S instead.

Apple has already fixed some inconsistencies in iOS's look and feel; as of iOS 5, pages in the Calendar app can be "turned" just like pages in iBooks, which wasn't possible in iOS 4. Sadly, the same is not true of the Contacts app on the iPad; despite having the same "pages in a book" design as both Calendar and iBooks, swiping on pages in Contacts does precisely nothing. [See our post from last week on the 'leaky abstraction' problem in skeuomorphic UIs. –Ed.]


Top to bottom: Swipe to turn page, swipe to turn page, swipe to experience frustration.

UI inconsistency across devices can be just as irritating. Again, the Music app is a great example. On the iPhone and iPod touch, the Music app is largely list and text-driven, and playback controls are consistently colored throughout the interface so you can tell the state of a control at a glance. On the iPad, the Music app is visually-driven, with control colors that are not only inconsistent with the color scheme on smaller iOS devices but also internally inconsistent within the app itself. Putting the same app from the iPhone and iPad side-by-side, it's very hard to believe they both came from the same design team.



The same company designed both of these apps. True story.

The Camera app is another example of contradictory behavior in user interfaces across devices. On the iPhone and iPod touch, the shutter button, controls for switching between still photos and video recording, and a link to your camera roll are all pinned to the screen edge near the home button, which makes taking a picture extremely easy and something you can do one-handed. On the iPad, these controls shift around depending on the device's orientation, constantly presenting the controls on the screen's bottom. This makes taking pictures and recording video on the iPad far more difficult, particularly in landscape orientation where the shutter button is several inches away from the edges of the device you're actually gripping.


iPhone: Easily reachable camera controls. iPad: Not so much.

Just like the use of linen in the background of Notification Center, all of these UI hiccups are easy to fix, but I have to wonder why they need to be fixed in the first place. Apple usually pays far better attention to the tiniest details in its interfaces; it may be time for Apple's designers to step back from piling on new features and instead do a Snow Leopard-like audit of what's already in iOS.



Categories

iPhone iPad iOS

A while back, designer Jake Marsh commented on an inconsistency in Apple's use of linen textures in iOS 5 (hat tip to Daring Fireball)....
 

Add a Comment

*0 / 3000 Character Maximum Comment Moderation Enabled. Your comment will appear after it is cleared by an editor.

33 Comments

Filter by:
cortisol

Nice way to ruining Job's way.
And it's not about sentimental.
Do you think by changing the extremely familiar UI to *something very-not-apple*
will attract more customer??? Losing it, perhaps.

You see, if they want something less organized, they can turn to Android, Windows, Symbian, or even Palm OS.
(where rules meant to be broken - or perhaps, there's no rule at all)

Somebody must be fired for this.

January 23 2012 at 4:11 AM Report abuse rate up rate down Reply
cortisol

Oh yeah, maybe they forget the mantra SIMPLICITY + CONSISTENCY = MONEY.
That's why apple product WAS able to hypnotize millions of users ranging from age 7 to 70.
They become familiar & instantly recognize each and every apple products from its design, its box, its user interface, even to its shiny lil button that appear in itunes, ipad, iphone, mac os.

Sense of FAMILIARITY, UNIFORMITY that makes users crave more.
That's why iphone has monotone design and nokia has gazzilions model.
That's why Apple generate income US$ 25.922 billion while Nokia €1.850 billion

Now the post-Jobs-Apple team becomes snobby, wild, and disoriented;
they pursue their ego instead of user perspective.

First they destroy the UI, maybe next they destroy the physical design.

I'd really like to see what Apple will become in the next 5 or 10 years.

January 22 2012 at 7:53 PM Report abuse rate up rate down Reply
cortisol

JOBS would be rolling in his grave now. He's very well known for his extreme consistency. It's transformed in every detail, from the design, to the user interface, even the box of its products!! AND THAT'S WHAT MAKES MILLIONS OF USER BECOMES DEVOTED of apple product. And that what makes Apple once bigger than Shell.

Well, since the control freak, perfectionist, yet visionary Jobs died, i guess Apple will start making camera again, or maybe dishwasher or vacuum cleaner, and eventually go bankrupt again. Some people just don't get it.

January 22 2012 at 7:05 PM Report abuse rate up rate down Reply
Kiη❡ I₥♄στ∊p

If you're complaining about simple stuff like a freaking UI difference from iPad and iPhone/Ipod Touch then you're an idiot. If you find it difficult to use it because one little button isn't where it once was then you should go buy a flip phone and go sit in a corner. Cry Babies!

December 09 2011 at 1:18 AM Report abuse -2 rate up rate down Reply
hfwbr

What's worse about all this is that UI consistency used to be a hallmark of the Apple user experience. It was a major part of the reason for ownership and of what made Apple products both a pleasure and more productive to use. Now Apple—the Forstall team, pointedly—seems hell-bent on dumbing-down the software to the lowest common denominator, while requiring of users the additional intelligence required to catalog and recall the differences between app designs across platforms. Talk about losing the vision and dropping the ball. This is the kind of thing that silently threatens Apple's leadership position as it slowly erodes one of its primary advantages. Somebody needs to whip that boy.

December 08 2011 at 10:39 AM Report abuse rate up rate down Reply
fosiacat

good call with the Radical Face.

December 07 2011 at 5:22 PM Report abuse rate up rate down Reply
jojacobs

And the top of the flop is Apple's new design of the music icon. Uhhh very ugly.
I want the good old ipod icon back!

jo jacobs - mutlimedia artist

December 07 2011 at 3:47 AM Report abuse +2 rate up rate down Reply
Shannon Doherty

Why does the linen necessarily have to mean underneath? Why can't it just be a generic background for anything that's auxiliary? In that sense, it fits in just fine. It also has a gradient and drop shadow so it's obvious that it's a top layer. I hardly think it's confusing that way. All that being said, however, I'd like to see viable alternatives if something else might be better.

December 06 2011 at 5:13 PM Report abuse -1 rate up rate down Reply
mjc

I agree that the new Music app on the iPad is frustrating.
- On the iPhone, when you click shuffle, it turns blue which clearly stands out as being selected from the white buttons.
- On the iPad, when you click shuffle, it turns black so it is very hard to tell if black or white is selected.

The fancy stacked album covers are a cute idea in theory, however:
- They lag suprisingly bad even on an iPad 2 if you have a few thousand songs.
- On the list of playlists, the first 12 stacks are your genius playlists for different genres even though there is nothing indicating this, then the rest of your playlists are listed in alphabetical order, so if you look at it at first glance, it just looks like the playlist called "All" that should be first in the list is missing

Since we're on the subject, here are two other complaints I have had:
- Since the first day the iPod came out 10 years ago, why don't they make year an important piece of data. I understand there may be space limitations on the iPhone, but on the iPad, they have plenty of room. Why can't I browse by year? Instead I create smart playlists for each year which bring my iTunes to a crawl.
- Why can't they show the outlined star ratings that they use in iTunes for when you have rated the album, but not rated the song yet. There is no way to create a playlist of "unrated" songs if you have already rated the albums, and it isn't clear if the rating is real when listening on an iPad or an iPhone.

December 06 2011 at 3:49 PM Report abuse +1 rate up rate down Reply
ReturnZero

I'm afraid I have to argue with your music app complaint. Why would you want exactly the same UI on the iPad as on the iPhone? You have all this extra screen real-estate, having a giant text-based table view to list your music on an iPad would be a crime. This is the reason all the Android tablets are failing - they don't have tablet specific apps. I think the music app on the iPad in iOS 5 is a major step ahead from the one that came before it.

December 06 2011 at 1:14 PM Report abuse +1 rate up rate down Reply
2 replies to ReturnZero's comment
rawsunseejay

I don't want exactly the same UI, just one that doesn't suck. The Music app on the iPad has a completely different look and feel from both iTunes on the Mac and the Music app on the iPhone/iPod touch. Controls are moved all over the place, the monochromatic colour scheme makes it nearly impossible to tell the state of a control at a glance, and the visually-driven interface makes it a nightmare to navigate through a large library with hundreds of artists/albums/playlists.

The iPod app in iOS 4 was far more usable than the current Music app. A sidebar holding playlists and other navigation aids, with a main window showing lists of songs, is precisely the same system used in iTunes on the Mac. Anyone who knew how to use iTunes on the Mac could pick up an iPad and instantly know how to use the iPod app. That intermesh of design has been completely thrown out the window in iOS 5, and in its place is an utter mess.

The new Music app is decent if you keep your library limited to no more than a couple dozen artists and a hundred albums or less, but anything more than that and it becomes an incredible chore to navigate. Navigation through playlists is terrible; the UI gives you no indication of the difference between a standalone playlist or one which contains nested folders.

I would welcome the old iPod app back to the iPad with enthusiastically open arms. Until then, my music library lives on my iPhone 4S instead.

December 06 2011 at 3:25 PM Report abuse +2 rate up rate down Reply
1 reply to rawsunseejay's comment
Daan de Vries

"The new Music app is decent if you keep your library limited to no more than a couple dozen artists and a hundred albums or less, but anything more than that and it becomes an incredible chore to navigate."

Anything more than a hundred albums or even 1/3 of that would give you terrible sound quality even on the most expansive ipad2 out there! Makes my wonder why you wanna do that annyway

December 06 2011 at 5:12 PM Report abuse -4 rate up rate down
KarlWa

I completely agree that the Music app is far better on iOS5 for the iPad. I like the visual view because it actually works smoothly, and because you can quickly filter or jump to a letter to find what you're looking for. The ability to group by album artist is a key thing for me.

Only 3 problems with it:
- Shuffle/loop controls. It's impossible to tell which state means 'on' and which means 'off'. Actually, I still don't know for sure.
- No "play all". Let's say I browse to a particular artist, and want to shuffle over their songs belonging to different albums. If I tap any song to start playing, the music app will loop over the current album only, and not all albums belonging to that artist.
- Would like to be able to download album art from the device.

Other than that, it's great.

December 08 2011 at 4:50 PM Report abuse -1 rate up rate down Reply
Buy an ad here

Tweets

© 2012 AOL Inc. All Rights Reserved.