The problem with striptease

Pic of girl unbuttoning top button on jeans. Hawt.

Striptease works because you want to see everything. It’s human nature, curiousity, lust, call it what you like. It’s incredibly engaging to have something slowly revealed, but it can also be frustrating. Especially when you’re being teased by a web app, as opposed to, say, something you’re actually interested in.

There is a new trend in UI design to use show and hide controls, ad nauseam, to “solve” design problems. It doesn’t work when you use it all the time. You have just two goals when you’re designing an application. Show the user what they need to see, and let them do what they need to do. Forcing a user to make those decisions is a bad way to design.

Decide vs show and hide

Here’s how it usually happens: Your client wants to display everything on a particular page, but as a designer you know it won’t work well. As Steven Wright says: “You can’t have everything, where would you put it?” You’re faced with three options. You can flick the switch, and just do what the client wants. You can work with the client to explain that it’s not going to work and look at alternatives. Or option three, you can include everything on the page, but hide parts of it, and let the client choose to show the pieces they want. That’s the best of both worlds, right?

Yeah. While you’re at it, let them arrange the page the way they like it, and pick their own color scheme too. Fuck it, why not give them a copy of Visio and see what they come up with from scratch, they’re probably more decisive than you.

From one comes many

In page preferences are preferences none the less. You should work towards killing as many as possible. Making components draggable or hideable is a poor substitute for studying users and seeing how the application is actually used. You might think it’s just one tiny widget with one line of text (Show more). But then that little widget usually sits in a column on its own, above a big empty space. Soon the empty space is packed with more widgets that someone might need, some day, possibly. Voila, Interface Fail.

ONE SOLUTION - ANALYSE

Pic of 3 pie charts showing statistics n shit

If you’re working on an interface that is riddled with in page preferences, it’s very useful to look at the statistics for what is shown and hidden. If you’re storing these preferences for users already, you can see the stats right in front of you. If not, I suggest using Google Analytics & virtual pageviews to find out what widgets are always shown, and what ones are always ignored.

You’ll be surprised how polarised the results are. You’ll be stripping down your screens right away, based on real usage data, not hunches. Redundant choices will die, interface components will disappear. This is a good thing. Remember the first rule of interface design…

No matter how beautiful, no matter how cool your interface, it would be better if there were less of it. — Alan Cooper


8 Comments

Any excuse for a naked lady huh ;)

With reference to using GA to measure this, i think it can be achieved by using the event tracking method available in the new(ish) ga.js tracking code - it allows for better data and analysis and doesn’t dilute your data with fake pageviews.

Posted by Clodagh at 12:24 pm on 10 November, 2008.


Yep, that’s a better way to do it alright, good point.

Posted by Des Traynor at 12:32 pm on 10 November, 2008.


Nice belly-button ring Eoghan… Sorry!

Appropriate and well thought out use of show/hide (in my opinion): Digg comments.
The content is easy to skim through without obscuring the option of diving deeper into a conversation. Also brownie points to digg for not using superfluous AJAX to load the hidden comments.

Posted by Dave Jeffery at 6:46 pm on 10 November, 2008.


Well said guys. It takes guts to do this but it is the right way. The best designers and developers are paid to make decisions. If you don’t make decisions, and back them up with empirical evidence, then your client may as well outsource his Visio diagram to India and get back a carbon-copy.

You only have to look at Apple to see the fruits of making decisions for your users.

(37Signals do it well too with Ruby on Rails. Anti-Java XML config. Smart defaults.)

Posted by Paul M. Watson at 8:16 pm on 10 November, 2008.


“Anlayze,” eh? :-P

Striptease is great when it’s something you don’t care about, when it’s something that you don’t place much emotional vestment into. It’s fairly easy to figure out if you’re a user, even if it’s not particularly GOOD. For designers, it’s the easy way out.

Paul said it best before I could. It takes balls to choose things that you don’t have to. And if you do, you’ll certainly be wrong at some point. But the benefits by far outweight those occasional failures.

(Not that I read this post for the insights. I just like exposed midriffs.)

Posted by Rory Marinich at 1:04 am on 11 November, 2008.


Spellcheck - ONE SOLUTION - ANLAYSE

Posted by Mavis Beacon at 8:37 pm on 12 November, 2008.


umm, well, it’s simple. non modal interfaces… like menus, zooming, rollovers, tooltips.

A good stripper should always respond to client needs. “take them off”… whoah I don’t like that, put it back on again!

Posted by da bishop at 10:08 pm on 29 November, 2008.


striptease is always good exercise, fun sexy sports

Posted by mikael christiansen at 10:03 pm on 31 January, 2009.


2 Trackbacks

[...] pm on November 10, 2008 | # | Tags: design, dev Good “make a decision” post from Contrast. Microsoft really screwed us over with their “put it in the toolbar” [...]

Posted by Good “make a decision” post from Contr … « Paul M. Watson at 4:10 am on 11 November, 2008


[...] av oss kanske vill ha mer. Bloggen. En blogg med många värdefulla insikter om hur digital gränssnitt bör [...]

Posted by Enkelhet | Bjornalberts.com at 1:47 pm on 22 November, 2008

Post a Comment

We do web apps. E-mail e-mail address. Phone us at +353 1 672 9762. Post to 51 Wellington Quay, Dublin 2, Ireland.