iPhone Apps Design Mistakes: Over-Blown Visuals

Advertisement

The development of iPhone applications has recently become a hot topic in the design community; everybody tries to come up with some creative idea, port it into a stylish iPhone-alike application and sell it to thousands of users through the iPhone app store. However, many of these applications are poorly designed and therefore miss the chance of providing users with a truly useful product that users would find worth recommending to friends and colleagues.

We want to take a closer look at the design of iPhone applications and showcase some good and bad examples, best practices as well as useful ideas and recommendations for your next iPhone app design. This article is a first post of a new series related to the design of iPhone applications. Please let us know if you are interested in the follow-ups to this article in the poll and in the comments below. How should it look like? What should we improve? Please also feel free to suggest more iPhone app design mistakes in the comments to this post!

Are iPhone apps really not good enough?

“It’s only 99 cents. Who cares if it sucks? I’m still trying it.” How many times have you said something like that to yourself before downloading the next promising iPhone app? How many screen-fulls of those apps do you have on your iPhone? 4? 6? 10? And how many of them do you actually use?

On average, only 3% of people who have downloaded an app use it after 30 days. Why? Because the majority of iPhone apps don’t make any sense to users. The situation is similar to that of PC software a couple of decades ago. Have we not learned from our mistakes?

iPhone applications nowadays are designed by developers who seem to care only about their app’s implementation. When an app goes live, its beautiful code or visual design often fail to address real customers’ needs. The result: thousands of useless applications in the App Store that people download and use once and then never again. These applications often don’t make sense to customers because of a poor interaction design.

Free applications usage over time1
Free applications usage over time: Percentage of users returning versus number of days since first used. On second day, 20% returning users; on the 30th day, only 3%. By Pinch Media852. Larger image3.

Paid applications usage over time4
Paid applications usage over time: Percentage of users returning versus number of days since first used. It’s not really different from the graph above. Paid applications generally retain their users longer than free applications, although the drop-off is still pretty steep. By Pinch Media852. Larger image6.

Applications usage over time7
Users stop using the average applications pretty quickly. Long-term audiences are generally 1% of total downloads. By Pinch Media852. Larger image9.

500 million iPhone Apps downloads breakdown10
Hilarious 500 million downloads breakdown11, by Gizmodo. Larger version12 (Copyright: Gizmodo)

It shouldn’t be this way. Developers should be writing applications that people love so much that they would pay $9.99 or even $99.99 for each of them. There’s no programming technique that teaches you how to do this. But there is something else, and it’s called interactive design.

Five Most Frequent iPhone Design Mistakes

Many applications share the same design problems that prevent customers from fully enjoying them. Recently, I conducted a review of 100 apps from the App Store and identified the five most frequent iPhone design and usability mistakes, which are:

  1. Over-blown visuals.
  2. Neglecting technological limitations, such as slow Internet connection, slow processors and single-threaded OS architectures.
  3. Confusing navigation (flow, layout and taxonomy).
  4. Confusing the iPhone with a computer. Neglecting to use new iPhone interactions (fingers instead of the mouse; multi-touch gestures; turn, tilt and rotate) and technological features such as phone functions, built-in GPS and accelerometer.
  5. Disregard of context. A lack of understanding of how, when, where and why the mobile device is being used.

Let’s start with the first one in this article and proceed with the next ones in the follow-ups to this article.

Mistake #1. Over-Blown Visuals

Probably the oldest, yet extremely popular design problem is overdesign. Designers of iPhone applications often tend to disregard common design and usability conventions by offering users slick and shiny user interface designs that go way beyond their standard look and also way beyond their claimed functionality.

Why make things look, feel and work complicated and why do designers like to re-invent the wheel? The answer is simple: they want the application to be different; look different and stand out from the crowd. Unfortunately, a different look isn’t necessarily helpful for application’s usability and functionality.

So how does an over-design in iPhone applications look like? To better understand it, let’s look at an example:

Overdesigned iPhone app example13
Motion X GPS settings.

What do you think is wrong with the design in this first screenshot? Some of you may say, “Well, nothing is really wrong with it. It’s beautiful.” I agree, it’s pretty slick. But, there’s a catch: while beautiful, it is also inconsistent with other apps. It’s different. Let’s compare this screen to the settings screens of other iPhone applications:

Overdesigned iPhone app example14

Overdesigned iPhone app example15

Overdesigned iPhone app example16
Motion X GPS settings screen, compared to the settings screens of other apps. (Click to enlarge.)

Noticed the difference? Being inconsistent with other products makes yours worse for two reasons:

  1. Going against convention makes your application less intuitive. Over-styled controls look different and require users to re-learn how they work.
  2. It’s a waste of time and money. The resources you have spent to make your app look different, but not necessarily better, could have been used much more effectively.

Breaking Convention Makes Your App Less Intuitive

The more familiar the parts of your app are, the more intuitive the app will be for whoever uses it. If we recognize the parts, we will be able to learn how to use the whole faster. It’s like reading: knowing the alphabet and meanings of words allows us to “decode” books we haven’t seen before.

Here’s an example from the real world. Try to make the stop sign more “beautiful” and people will inevitably start dying:

Overdesigned iPhone app example17

Overdesigned iPhone app example18
“Sign B, 2, ‘STOP,’ shall be used to notify drivers that, at the intersection where the sign is placed, they shall stop before entering the intersection and give way to vehicles on the road they are approaching.” Article 10 of 2006 road signs convention19.

In his paper Intuitive Equals Familiar20 (Communications of the ACM. 37:9, September 1994, page 17), Jeff Raskin, an American human-computer interface expert best known for starting the Macintosh project for Apple Computer in the late 1970s, writes:

“The impression that the phrase ‘this interface feature is intuitive’ leaves is that the interface works the way the user does, that normal human ‘intuition’ suffices to use it, that neither training nor rational thought is necessary, and that it will feel ‘natural.’”

However,

“… it is clear that a user interface feature is ‘intuitive’ insofar as it resembles or is identical to something the user has already learned. In short, “intuitive” in this context is an almost exact synonym of ‘familiar.’”

Drastically re-designing every user interface element will make your application less intuitive, which will lead to more user mistakes and a longer learning curve. Eventually, you will lose customers because of it.

What About Branding?

Is there place for branding in applications that are strictly following general design guidelines and usability conventions? Definitely! It is possible to strike a balance between having a unique look but not over-designing. Here’s one example:

Overdesigned iPhone app example21

Let’s take a look at an example of overdesigning by Bloomberg. Here, we have an over-designed text input field at the top. You can barely recognize this as a field when you first look at it. The version on the right hand side is much better. A standard input field makes the screen’s purpose much clearer, while remaining consistent with the application’s style and branding.

Bloomberg22
Larger version23.

Here is another example by iFitness. Users are supposed to enter their weight day by day on this screen. But you have to flip through the months and days with a horizontal swipe to find the right one, and then you have to enter your weight digit by digit using five separate scroll fields. And then you have to press the very modest “Record” button, which you miss at first anyway and only find the hard way: after you have lost data. Much better:

iFitness24
Larger version25.

99.9% of users will want to enter today’s weight. This redesigned interface has one-quarter of the controls. The screen space that has been saved can now be used to present useful information, such as weight statistics. Date and time can be recorded automatically, and the selection of the metric or imperial system of measurement, which is not terribly important, has been demoted to a settings screen.

The Yellow Pages app uses tabs, which work well on the Web, but standard toggle controls are more familiar to iPhone users.

Yellow Pages26
Larger version27.

Waste of Time and Money

Apple has already done an excellent job of creating standardized controls. Losing some of that functionality is almost guaranteed if you try to reinvent the wheel.

Back to our earlier example:

If we take a closer look, we’ll see that one-third of the screen space we would have had is now lost because of over-designing.

iPhone OS 3.0 introduced accessibility features28. One of the modes is White on Black. Here’s what happens to our controls after inverting colors:

In the original control, color, shape and text survived color inversion. However in re-designed one, 2/3 of original meaning is lost. Now there is only text.

In sum, this redesign has given us twice as many UI elements, taking up twice as much real estate. The catch is, even if you haven’t made the controls worse, you still haven’t added much value and you have lost time and money in the process.

That Time and Money Could Have Been Spent On…

Design is all about solving problems. Sometimes, when people don’t know exactly what problem they are solving, they wander in the design process, and the result is over-designed. To avoid that, you must have a clear picture of the problem you need to solve.

One of the best ways to get that picture is to talk to your users (both current and potential). Only when you know your customers’ needs will you be able to build an application they’ll love.

Don’t overdesign. Be sure your house has a solid foundation before you decorate it. You will be rewarded with more loyal customers and higher download rates surprisingly quickly.

(Hopefully) coming soon: #2 iPhone’s Technological Limitations. What Apple hasn’t told you.

Would you like to read a follow-up to this article?

Please let us know if you are interested in the follow-ups for this article in this poll and in the comments below. Did you like this post? What would you like to change? What should we improve? Please also feel free to suggest more iPhone app design mistakes in the comments to this post!

<br /> <a href=”http://answers.polldaddy.com/poll/1801174/” mce_href=”http://answers.polldaddy.com/poll/1801174/”>Would you like to read the follow-up to this article?</a><span style=”font-size:9px;” mce_style=”font-size:9px;”>(<a href=”http://www.polldaddy.com” mce_href=”http://www.polldaddy.com”>surveys</a>)</span><br />

Footnotes

  1. 1 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/free-full.jpg
  2. 2 http://www.pinchmedia.com/blog/appstore-secrets/
  3. 3 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/free-full.jpg
  4. 4 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/paid-full.jpg
  5. 5 http://www.pinchmedia.com/blog/appstore-secrets/
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/paid-full.jpg
  7. 7 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/by-category-full.jpg
  8. 8 http://www.pinchmedia.com/blog/appstore-secrets/
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/by-category-full.jpg
  10. 10 http://gizmodo.com/5133070/iphone-app-store-hits-500-million-downloads-we-break-down-the-numbers
  11. 11 http://gizmodo.com/5133070/iphone-app-store-hits-500-million-downloads-we-break-down-the-numbers
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/chart.png
  13. 13 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/overdesigned.jpg
  14. 14 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/big-full.jpg
  15. 15 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/big-full.jpg
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/big-full.jpg
  17. 17 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/error-full.jpg
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/error-full.jpg
  19. 19 http://www.unece.org/trans/conventn/Conv_road_signs_2006v_EN.pdf
  20. 20 http://www.asktog.com/papers/raskinintuit.html
  21. 21 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/branding.jpg
  22. 22 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/ex1.jpg
  23. 23 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/ex1.jpg
  24. 24 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/ex2.jpg
  25. 25 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/ex2.jpg
  26. 26 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/ex3.jpg
  27. 27 http://www.smashingmagazine.com/wp-content/uploads/images/iphone-design-mistakes-overdesign/ex3.jpg
  28. 28 http://www.apple.com/iphone/iphone-3gs/accessibility.html

↑ Back to top Tweet itShare on Facebook

Alex (@akomarov) is a Russian designer located in Melbourne, Australia. He runs a nimble mobile UX/UI studio, www.komarov.mobi, that helps clients create exciting experiences for innovative mobile products.

Advertising
  1. 1

    Wow, very nice article as usual. Have not seen this type of article yet. Maybe this will help with all of the over designed iPhone apps.

    0
  2. 2

    Great tips, thank you!

    0
  3. 3

    Rochelle Dancel

    July 21, 2009 2:38 pm

    Nice article!

    Completely agree – it is an absolute waste of time and money if you create something very beautiful that no one can use (in this case, anyway!).

    I wonder if the same thing will happen when more are aps are made available for the Blackberry.

    0
  4. 4

    Yes, only 3% uses Motion X GPS after 30 days because of its visuals, not because it’s marginally useful to begin with.

    I kind of see where the article is coming from, but I don’t see alot of it really applicable to success in this marketspace – Motion X will do as badly with a simpler design, and the Yellow Pages will do just as well with tabs instead of making it look like a native app.

    E.g. content, content, content. Most apps probably only have 3% original users after 30 days because they weren’t much to use to begin with.

    I’d blame the general quality of apps and ideas before I’d delve further. I’d even go as far as to say that the app store and its monetary promises brings the worst out of many developers.

    0
  5. 5

    This is great!
    What should we do about games then? Where it’s either harder to use standard controls because of using OpenGL or where it’s all about fun and standard controls aren’t that fun-)

    And also: the purpose of most of the apps is to make people buy them, not necessarily stay with them for long. So screenshots have to be prettyfied as much as possible.

    I know it’s not right, but this is where reality goes.

    0
  6. 7

    Benjamin A. Wendelboe

    July 21, 2009 2:54 pm

    Great points, and I couldn’t agree more!

    0
  7. 8

    Excellent article: so true about standard controls.

    The “Whoa” road sign made me laugh.

    0
  8. 9

    Nice article. Highlights the importance of usability in control design.. something that’s often overlooked in the web design world.

    0
  9. 10

    reading on iphone and dont see images

    0
  10. 11

    From my experience I can say that there’re many iPhone devs out there right now (me including), who wish some help from designers. Because only few devs can design. What a great world it would be if we could work hand in hand. What a great apps would come out… :-)

    0
  11. 12

    Great article, and I’m looking forward to reading more in this new series. Also, can we get a series devoted to webOS dev, or perhaps mobile app dev in general? There’s certainly a separate but related set of issues that must be taken into account for all movile development, and I think we’re going to see a huge rush of developers making apps for the Palm Pre, since webOS uses HTML, CSS, and Javascript.

    0
  12. 13

    Excellent! Thank you.

    Hopefully developers will read and understand…

    0
  13. 14

    excellent as always, i really enjoy this original post
    no more collections, this are origian and useful posts

    thanks

    0
  14. 15

    Alexander, nice article, but the figures at the beginning do not show anything about the quality of the apps in my opinion. They show what the iPhone really is: A pure fun device that has nothing to offer for creative people like designers, coders, writers of love poems, makers of music etc. what they couldn’t do much better with a piece of paper. Besides the phone and the music function nothing will be used longer than a short period of time, even if a apps were wonderful.

    0
    • 16
    • 17

      I have some apps I use a lot since years: So there is serious usage possible, – if they are well designed, readable, with scalable text, and not otherwise annoying.
      But these are just an extra on a fun device for kids.
      “If kids can do it, I can do it” – hopefully better.

      0
  15. 18

    Over-designed is a description that sits uneasily with me. It reminds me of those that described Mozart’s music as having “too many notes”.

    It’s inconsistent with other iPhone app designs… different. Oh no! We can’t have that! If we’re talking familiarity with interface elements, it’s a couple of years of iPhone apps versus, in this case, what.. 70 years of plastic push-buttons and toggle switches? Looking at this app in more detail, it seems to want to mimic to feel of rugged piece of outdoor equipment, all buttons and dials. It’s a stylistic choice. It’s self-consistent throughout and consistent with it’s theme.

    ‘Rochelle Dancel’ above said: “it is an absolute waste of time and money if you create something very beautiful that no one can use (in this case, anyway!).” Really? No one can use this? It looks fairly simple to me. I can wrap my brain around something that isn’t default grey and blue, and so can most people – most real people, ie. non-ux designers and the ux designers who happen to apply common sense to the seemingly increasingly indoctrinated belief in the idiocy of all end users. Too often, different is automatically wrong and dangerously so, not just… different. Dismissing this bad example of the point, ie. an interface that is, despite it’s evil differentness, actually pretty simple and visually intuitive, without thought of it’s own design context is narrowminded.

    Forget the word over-designed. How about dogma. How about another word: homogeneity. And another: over-simplification. And a phrase: lacking imagination. One last word: boring.

    0
  16. 19

    I know it is convention but I find those on/off switches very confusing.

    The switch is a bit grayed out and reads “off” so does that mean toggling the switch turns it off or its off right now. (I know the answer – the switch off. The text is representing current state and not future functionality – just like all the other standard ui elements.) Maybe its just me but I always have to think about it for a sec.

    0
  17. 20

    Ian Storm Taylor

    July 21, 2009 4:23 pm

    I uninstall apps or move apps to the very back screen when they have ugly icons. People need to put a little effort into matching the style setup by all of the other icons on the iPhone. It’s like having a different icon style for every folder and document type on your computer… its annoying!

    Even if an app has nice functionality, it won’t go on my home screen is it doesn’t have a nicely matching icon. And I keep a different version of the RSS reader than they one I use on my home screen because it looks so sexy.

    0
  18. 21

    Ian that’s pretty much the only reason I jailbreak my phone, ability to customize the look and feel of the phone to make things more consistent. The Matte UI theme gives you quite a standard look, and has over 2000 icons available for it.

    0
  19. 22

    Good article, looking forward for the next ones!

    0
  20. 23

    Excellent review with really helpful visuals, I can’t wait to send this out.

    0
  21. 24

    Awsome! I want more :P

    0
  22. 25

    I wonder how the designers at Motion X GPS feel.

    Or is Alexander Komarov their designer?

    Bad sarcasm in this comment? Yes.

    0
  23. 26

    First of all, thanks to everyone who left their opinions, I really appreciate your input!
    I am gonna try to address some of the comments.
    To: Xipe
    I couldn’t agree more with you, the general quality of the app as well as the idea are the key factors. The only thing is: that’s pretty much all we can say. It’s like saying “it’s important for the car to run fast and look cool”: we get it, we agree with it, but such statements are not very specific and, we can’t actually learn much from understanding these basic facts.
    I strongly believe that careful analysis of how engine works how wheels spin and how gears shift can yield much more results which can be actually transformed into design decisions then just stating: “We need better cars.”
    That’s why I started writing these articles, hope they help. =)

    To: Mark S.
    I think it’s ok to use all kinds of weird controls in games because the game itself is usually a big not standard and not very intuitive user interface — that’s what makes game fun to play. If you would try to make game “user friendly” — Mario would just go straight to the princesses palace — there wouldn’t be any obstacles and enemies and the game would end in less then 1 minute. Ha-ha =)

    To Helen: Thanks for your comment. The fact that iPhone
    has nothing to offer for creative people like designers, coders etc means that the quality of iPhone apps sucks at the moment. (Hopefully not for long.) That’s exactly my point — applications can now be used just for fun because most of them are no use at all.

    0
  24. 27

    The article’s main crux seems to be that design needs to be considered but that usability carries more weight than design. This is a great point; however, the app you used did not support that point. The app you used as an example of bad practice is more logically arranged than most of the “similar” apps you used. If I had an iPhone, I would have found your example app’s interface more logical than some of the other samples.

    Actually, as a non-iPhone user, the only app pictured above which seems more user-friendly to me than that target app is the one pictured under the U.S. stop sign.

    Also, I would point out that if every app has the same color scheme and appearance that that would actually hinder smooth user interface. If each app has a slightly different look, then users can identify it at a glance. If all the interfaces look the same, users who open an app and come back will hve to re-figure out what they were going to do.

    Your article makes some interesting and valid points; however, I am not sold on the presiding thesis.

    0
  25. 28

    Thanks for this good article

    0
  26. 29

    This your thesis was correct the notes app would look like the mail app.

    Apple themselves break their own conventions all the time. This OS defined L&F snobbery has never actually existed on any platform so stop snowing yourself and us.

    0
  27. 30

    I would pay extra to get motion x with iphone default gui.

    0
  28. 31

    pretty obvious stuff all round… you’ve taken a design example that is pretty crap anyway and calling it slick is far from the truth.

    0
  29. 32

    Awful article.

    You’re confusing style choices with workflow. They go hand in hand, but are not the same thing. The essence of the article seems to be to not use custom buttons and UI widgets, because you’ll waste too much time and money developing them and users won’t like them, or they’ll be confused.

    You really couldn’t be more wrong.

    iPhone users love well designed apps that use custom elements. They also love well designed apps that use standard elements too, but if you think creating a custom UI is a bad choice, then you clearly haven’t been watching the App Store charts very closely.

    As others have mentioned, Apple break away from their own vanilla UI elements all the time. That’s a good thing. The iPhone would be a very unexciting device if the entire experience was white boxes over a blue pinstripe background.

    Also worth noting: your “Back to normal” version of iFitness’s UI uses a non-standard picker. Why is this important? Because it would be a very difficult element to replicate (a “Waste of Time and Money” in your words). So one of your examples on how to “fix” something would create the exact situation you’re warning against.

    I don’t mean to offend, but I don’t think the author has been involved in designing many iPhone apps, if any. There’s several other glaring issues with the article, but in the spirit of being nice, I won’t pick them apart.

    0
  30. 33

    I strongly disagree.
    If you wanna go with the sheeps, make everything like the masses do and your work will never be noticed.
    It’s the difference what makes you special not winning a lookalike contest.

    0
  31. 34

    Seems like somebody is mixing up the design culture now… well done. That is why Apple does not allow JAVA: The layout of java apps would totally destroy the beautiness of the standards. Hope we get more of that.

    0
  32. 35

    I agree, it’s pretty slick. But, there’s a catch: while beautiful, it is also inconsistent with other apps. It’s different.

    While I don’t find that design beautiful, it has his own style , which makes it different from other apps. I agree with that , and I don’t get yr point.
    All apps should have the same look and feel according to you?
    Are iPhones users so stupid that they can’t use something different? ;)

    not to mention you refers to the settings window in the app, not the app itself.

    I use some music apps (beatmaker , the soon to be released Star6… ) and these applications while being super original design wise (especially Star6 ) works great and don’t confuse me (oh I have to touch instead of sliding, how confusing!)

    0
  33. 36

    Great article. Would love to read some more tips and tricks for User-Interface-Design! You never stop learning …

    Best regards from bonn, germany,
    Oliver

    0
  34. 37

    Synapse Syndrome

    July 21, 2009 11:51 pm

    If you were trying to convince developers to make every app look really homogenised and bland, so it would not confuse all these users (who must be retarded, right?), you should have picked a much better example, as the one you used is a good case for the opposite argument.

    It may not use the standard widgets (which are good for developers that cannot be bothered to spend time making a clear and easy to use interface) but that one works well, and looks really good. It makes it look like your iPod has turned into a real little plastic wireless network finder. It’s actually a great example of how well a bespoke interface can be made on the iPod!

    0
  35. 38

    Excellent article Alexander!

    Building and launching our first app is our next major hurdle… with articles like this, we can do it right first time and not make the same expensive mistakes as some other firms have done.

    0
  36. 39

    Great article.
    My own opinion, as a iPhone user, is that 60% of the apps aren’t that great and focus on great visuals and not so great functionality or features.

    I count by the fingers of my hands the apps that have really great use with great functionality and features.

    0
  37. 40

    Thank you very much for this informative post. I’m in the process of making a iPhone design and it helps me a lot. Cheers!

    0
  38. 41

    I agree and disagree at the same time. I do find it very annoying when something is ‘over’ designed as you put it but I think there’s a big difference between over design and an alternative style.

    Look at a PC or Mac for instance the OS should be consistent across the board that’s a given but the third party applications and software have their own style which isn’t a bad thing, and here’s why;

    The application may not be as intuitive if it follows exactly the same interface especially for complex applications which is why if there is a reason, a reason that will benefit the user and not one just to steer away from the standard interface ofr the sake of being different or for branding then it’s ok to do so.

    It’s also a bit boring to have the same experience with every app you use, a bit of well thought out variety can be good to give the user choice and give them a slightly different and dare I say it improved experience.

    0
  39. 42

    @Tom: Good point. But there’s a difference between being different just for the sake of being different and being different as a result of trying to be better. Or as Dieter Rams put it:

    Things which are different in order simply to be different are seldom better, but that which is made to be better is almost always different.”

    0
  40. 43

    “Try to make the stop sign more “beautiful” and people will inevitably start dying”
    true, really.

    0
  41. 44

    I agree with Antony – I also dislike ‘overdesigned’ interfaces. But in most of the cases the author here doesn’t mean ‘overdesigned’, but ‘other than normal’. I feel fine, if developers use their custom controls and a unique look and feel. Having all iPhone apps looking the same would be *really* boring…

    The STOP-sign is a bad example, because this is an international convention – an ON/OFF-toggle is not (nor are other controls)!

    If Apple would have followed these design tips, we would have never gotten an iPhone, but another nitty-gritty colored MP3-player with telephony option and default keyboard…

    Conclusion: Overdesigning is wrong – Boring too ;-)

    0
  42. 45

    Could it be that the declining use of apps over time has more to do with the fact that the iPhone is ultimately an expensive toy, that exists not so much to fulfill a “need” as to satisfy our never-ceasing technolust?

    How many owners of an iPhone ponder the “business case” for having one before they buy? In my experience most people who have an iPhone have merely succombed to the fetish of the shiny gadget.

    0
  43. 46

    thanks!!!
    keep on posting! you have definitely something to say!
    keep on going!

    best,
    peter

    0
  44. 47

    I would agree with almost everything in this very well written and thought out article!

    However, I dont believe iPhone users are are different species. We should remember people use dozens of websites a day and adapt without any problems to varying styles of navigation.

    For instance, I prefered the YellowPages “overdesigned” version of the app as I believe it to be a clear indication of what page is being looked at.

    0
  45. 48

    A prime example of “overdesign” is Tapbots Convertbot – gorgeous design but overcomplicated and the usability is awful. I see the iPhone as a tool that you should be able to pick up and use an app without having to read the instructions, not having to decipher (admittedly pretty) alternative interfaces & mystery icons. Twiterrific being a case in point.

    More articles like this please SmashingMag!

    0
  46. 49

    Thanks for the enlightening article. It makes great sense for iPhone App developers and designers to go with a standardized UI. Especially for us folks us who’d rather get through to the subject matter of their newly purchased app. We want to be amazed at how it works not work to see it amaze us. As iPhone users, who isn’t still jacked about the GPS and accelerometer incorporated in a fun/useful app.

    Which brings me to my one nit about this article. Sometimes good UI will only get you so far. In our collective minds I think we’d agree that content and subject are just as important. “Design is a good idea” as much as design is good UI and taste. I found that very few iPhone apps go beyond the one good instance of it use.

    I’d raise my hand to have one of Smashing Magazine brilliant editors to tackle the subject next. All the best to you.

    joem

    0
  47. 50

    This is very timely! We are in the middle of working on the design of an iphone app right now for AllHipHop.com. I will share this article with the design team right now. Please keep me updated.

    John

    0
  48. 51

    “The more familiar the parts of your app are, the more intuitive the app will be for whoever uses it.”

    That the assumption taken here appears to be that users of this application are very familiar with the iPhone’s interface. Although this is a reasonable assumption, the designers at Motion X GPS may have taken the approach that the user does not need this knowledge to operate their application. For example, if a switch in a setting panel looks like a commonly used switch that your users see in reality, they understand its use intuitively and require no further learning. If the user isn’t familiar with the iPhone’s minimalist interpretation of a switch, then they may be at a disadvantage.

    The over-all design approach from Motion X GPS appears to be based on affordance, or object-based design – they use concepts that users are familiar with in real life so they are able to intuitively use the application. They have chosen not to continue the interface metaphors as chosen by Apple, in favor of the more widely understood methods of interaction as found in reality.

    “The more familiar the parts of your app are, the more intuitive the app will be for whoever uses it.”

    The core idea behind affordance and building intuitive interfaces based on metaphors (such as switches) is that the user is familiar with these concepts in real life. An ‘intuitive’ interface is not referring to something the user is able to use without learning, but is referring to an interface that the user already understands (in other words, something the user has already learned). This is accomplished by using metaphors such as the switch, the button, a light that switches on for ‘active’ and off for ‘inactive’, etc. Although the argument that consistency of interaction is an important and valid one, I can’t help but feel it has been taken to an extreme in this article.

    My personal reaction to the Motion X GPS interface is that the user is able to use the application without prior understanding of Apple’s iPhone interface, or any other guidelines of interface, as the app has chosen to present its settings panel in a way that most can understand without additional learning (as long as they are familiar with the concepts of switches and status lights). If the designers had taken an abstract or surreal approach then I think that heavy criticism is justified. In this case, the application seems to be based on a solid design that the majority of users will find easy to use.

    What is definitely a strong criticism is the lack of support for users with impairments using this interface.

    0
  49. 52

    Shane - Inspiring Your Success

    July 22, 2009 4:39 am

    I am a blackberry user however this article is extremely interesting, I wonder if you could do a similar article for the Blackberries? I use a pearl but it would be interesting to contrast this with a Storm.

    0
  50. 53

    You quoted Jeff Raskin as writing “… it is clear that a user interface feature is ‘intuitive’ insofar as it resembles or is identical to something the user has already learned …”

    Contrary to your opinion, I think that the (Motion X GPS) switch in your first iPhone example resembles something that the user has already learned! There are also plenty of affordances, constraints and feedback for better usability.

    Going against convention usually has its pitfalls; but out of all of Apple’s UI Kit controls, I think the switches are the most confusing and not as familiar. Do you have any usability tests to back up your points? I didn’t see any in this article.

    Usability tests would be the real evidence behind your thesis. Take the first example (Motion X GPS) and do usability tests on it. Then re-design the app with conventional controls from Apple and perform usability tests. I’d like to see that data!

    You may find that Motion X GPS is more emotionally appealing to users than an application with standard controls. The level of appeal for end-users is especially important for apps that people carry around with them everywhere.

    I’m happy to see an article on SM about iPhone design, but this could have better evidence in my opinion.

    0

↑ Back to top