Skip Navigation

Embracing the Curve

As web application designers, we often work to design interfaces to be as simple as possible, focusing on the new, uninitiated user who wouldn’t necessarily be interested in using a sophisticated interface. On the other hand, developers, enterprise, and other experienced users appreciate those sophisticated interfaces for the power they can give to the user.

It’s a common situation to outgrow a web application. You sign up for a tool that appears to be easy to use, and it is. You adopt it as part of your toolkit or workflow, and continue to invest your time and interest into it. Over time, though, you begin to feel the limitations of the simple tool. Maybe you were using Basecamp and are finding that it’s not the best way to task other people on a project. Perhaps you’re getting frustrated by Twitter’s lack of privacy or group options.

As a designer, what’s the right way to go? Do you design the simple interface for the new user, or the sophisticated interface to offer power to the more advanced user? In creating simple web interfaces, we are often designing at the expense of power, and that power can be the key that makes software truly invaluable for users in the long term.

Doing Both

It’s a false dichotomy. Having a simple interface that new visitors are likely to grasp does not mean that more advanced users need to be left out of the picture, and the best web apps understand how to embrace the learning, experience, and usage curves to create a product that is loved by brand new users and experienced ones alike.

To look to the real experts on this topic, we might turn to video games. I’m not a huge gamer myself, but it’s clear that in this age of never-ending MMORPGs, embracing the curve is a necessity rather than a nicety. Consider the two screenshots from World of Warcraft below, one from a new player, and the latter from one more experienced (level 80, whatever that means):

Simple Sitemap

A low-level WoW player has a fairly straight-forward interface. (Credit: Snooze on Flickr)

Simple Sitemap

A high-level WoW player’s interface is significantly busier, but this is appropriate, given the context of use. (Credit: Vyskol on Flickr)

We can find this kind of design on the web, too. Geni, a well-designed genealogy site, has an interface that scales from an incredibly simple initial screen (which also serves as a de-facto signup screen), to a family tree consisting of hundreds of people.

Geni

Geni’s welcome page for new users gets you directly into the app in an incredibly simple and compelling way. It feels incredibly simple to make initial nodes.

Geni

Even with 300 family members, the interface still works, and provides additional options for viewing the family data in other ways that may be more manageable for you, such as lists and indexes, and a panel to quickly navigate a huge tree at the bottom of the screen.

Method 1: Interface Expansion

One method is to reveal and expose additional options and interface elements to users as they grow accustomed to the app. This is what we see in the World of Warcraft example above: the new user has a relatively straight-forward gaming interface, with just a couple abilities surfaced to the interface. As the player levels up and gains new abilities and tools, the interface increases in complexity.

There are loads of opportunities for this type of expansion on the web. A bookmarking app doesn’t need advanced features for manually organizing your bookmarks until you have a few in the system. Interfaces for adding loads of metadata can be frightening for a new user, so maybe more metadata is requested for more seasoned users.

It’s common for an internal discussion about an interface to have a thread dealing with the fact that a simple interface may be great for managing a dozen items, but breaks down for hundreds of items that may be accumulated over time. Why not switch to the more advanced interface once the user passes that threshold, rather than exposing them to a sophisticated interface right away?

Method 2: Interface Prioritization

Flickr

Flickr focuses on the photography, but advanced and social options are exposed above the image in a way that is subtle enough to not scare amateur users.

Flickr is a great tool for both amateur point-and-shoot photographers as well as the semi-pro with dozens of lenses for her D300 body. These are two audiences that have wildly different needs when it comes to photo management and editing, and Flickr manages to do a solid job of handling both in a way that doesn’t alienate either group. Not only that, but they enable some nice social features in the process that don’t obscure the art of the photo.

They do this by having an interface that focuses on the simple, but still allows the more sophisticated. Most amateur users will be happy to upload their photos, comment on them, and casually browse sets and the metadata. More advanced users or precocious amateurs will be looking to the relatively subtle toolbar above each photo to organize, edit, share, or view other sizes.

By prioritizing the simple tools for the mass audience and providing subtler entrances for tools built for more advanced users, both can be served quite effectively. Subtlety is the key here, though, since the advanced tools can have an overwhelming effect on beginning users if their interfaces overshadow the simpler interfaces.

Method 3: Graduated Social Influence

It’s of paramount importance in social apps and communities to ensure that the most dedicated users don’t tire, yet often these apps don’t need additional functionality to be enabled for these users. What then?

Instead of thinking of advanced ways to interact, consider advancing a user’s social influence by gradually enabling them to take charge of aspects of the community. Allow them to moderate comments and posts, to recategorize items, to censure abusive users, or to feature content prominently.

General Tips

A few tips for being successful at embracing the curve:

  • Time is your biggest ally. Because the curve is often a function of time, you don’t need to release advanced features at the same time you release basic features. Instead, bring in more advanced options as your users have begun to get familiar with the basic aspects of the application. This can benefit your project launch date, your initial budget, and the velocity of your development.
  • It’s not always a two-side issue. Sometimes you need steps between beginner and advanced, especially if advanced is very advanced. Consider handling a steep curve by making it a staircase to the top.
  • It’s no excuse for editing. Just because you can have more sophisticated tools in an interface doesn’t always mean you should. Continue to balance the needs of simplicity versus flexibility and power and make smart choices in the interests of your users.
  • This affects interface testing. Yes, this means you can’t just test your advanced features with new random users, since advanced features are surfaced in the context of experience. I’ll write a bit more about how testing doesn’t always reflect the truth later, but make sure you’re testing users within the proper context in order to get relevant results, especially on the more advanced pieces.

By the way, since you've made it to the bottom:

  • You should subscribe to my RSS feed here.
  • You should follow me on Twitter here.
Avatar of M. Jackson Wilkinson

I'm M. Jackson Wilkinson, a technologist, designer, speaker, educator, and writer in San Francisco. I'm the Founder of Kinsights. I'm from Philadelphia, went to Bowdoin College in Maine, root for the Phillies, and love to sing.

Entry posted from Pearson Square Apartment

Recent Entries

Diversifying Your Design Strategy

Smart consumers balance risk in their financial investment portfolios, and smart designers should consider design and product investments the same way.

Consider the Product

The best thing about product design is its inherent contradiction. The best products think of everything, but at the same time, they’re focused on exactly one thing. If you can wrangle that, you’re almost there.

Identifying the Real Issue with Web Fonts

The recent .webfont proposal and TypeKit service don’t seem to get us anywhere closer to terms that type foundries should embrace. So why are they embracing them?

Seeing the Forest for the Trees

The broader the web gets, the more specialized its practitioners are becoming. The role of the generalist is incredibly important, and we can’t keep neglecting it.

The Shackles of Simplicity

Though simplicity is the darling of the web, we’ve now long outgrown it. Life is complex, and tools to conquer life’s complexity need to instead embrace it, rather than ignore it.

View all entries

Comments

  1. I hate to tell you, but your World of Warcraft analogy is a bit off the mark. That fancy advanced interface in the second screenshot? Actually the product of a whole bundle of third-party mods to the vanilla WoW interface, which is really quite limiting.

    Interestingly, these mods have become very ingrained in WoW culture. They're passed along by word of mouth from more advanced players to up-and-coming players: “Oh, you don't have CosmosUI yet? Yeah, it lets you customize your bar, go get it!” and the like. But the player does still have to go out and install the addons manually.

    I'm trying to divine a helpful UI message out of this, but I'm not sure what it is. Give power users the right access and they will go out of their way to use it, perhaps. Or that more advanced functionality can be hidden, and those who really want it will dig it up eventually. I'm not sure I even agree with what I just said, though.

  2. @Ian: I don't think that changes anything, to be honest. The point here is that beginning users need simplicity to accomplish simple goals easily, while veteran and advanced users often need a more powerful product — and both of those needs do not need to leverage the exact same interface.

    The second WoW screen, add-ons or otherwise, is a significantly more complex UI than the former, but it's okay because of the experience level and the needs of the level-70 user. If the natural interface of this highly-successful game is even more complex for the high-level player, I think that only serves to further the point.

  3. Many designers don't understand that a complex interface isn't always the most suited for all the users. There are users who prefer a simple interface that does everything they need and are some users that prefer a complex interface. The best thing to do is to progressively “upgrade” the interface so the users can get accustomed to it or to offer 2 options: simple or advanced so the users can choose which one is best for them.

  4. новая фишка диета заинтересует девушек http://webmaster.audio-krasota.ru/ - Диета для сексуально активных людей

    Lady диета

  5. It is interesting to compare each sides of the fence. Personally, I always feel that “clean and simple” is the best way forward. This is the approach from Google that has always worked for them so well. It just seems that flashy gimmicky graphics don't always attract the users. Looking at Bing, Microsoft have gone the other way to Google and it hasn't done much for them! Thanks, Ryan.

Add a comment


Real names, svp.


Required, but I won't use it for anything, promise.


It'll get checked to make sure it's legit, but it's optional.


Don't be mean, don't be a tool, and make a contribution. Use markdown.