Essays

2 months ago

Tuesday, January 12, 2010

Improving the UPS Homepage by Remembering Fitt’s Law

Upon navigating to the UPS homepage for the first time, you as the visitor are presented with an interstitial page asking you to choose your country and language so that you can be redirected to a localized version of the site. These interstitial pages are quite common for companies which have global operations and customers in many countries.

In the case of UPS this page is generally very understated and well-designed. One way in which it could be improved, though, is by increasing the size of the button. Fitt’s law states that the clickability of a target is a function of the target’s size. The button here is 17×18 pixels—an area of 306 pixels. That’s only 0.0236% of the screen on my 1440×900 display—two ten-thousandths of the available pixels. There’s not much else on this page taking up any space, so there’s plenty of real estate to make this change.

Critically, pages like these are barriers that potentially keep visitors from continuing further into your site. They are simply one more hurdle the user must jump over before doing what they want to do on your site. Presenting visitors with a very small (and therefore difficult to click) button is one additional thing that could lead to premature abandonment. It could be the straw that breaks the camel’s back. There’s a tradeoff between making buttons microscopically small and comically large, and I think this button could definitely be enlarged to minimize the effect of the hurdle of an interstitial page.

What do you think? What else could be improved here? Stay tuned for a couple more posts about this page.

Trackback Comment

Also, the text, “remember this location,” should be a label, so that clicking the text activates the checkbox. That would make the clickable area at least 10 times as large.

Drop down lists suck. Why not just have a page full of links? You can even CMD/CTRL-F for your country if you’re not on the top or bottom of the list.

@Patrick McElhaney: Yup, you hit the nail on the head. I’ve actually already written a few future posts about this page and the label on the checkbox is what I point out in the next one. We’re on the same wavelength!

@Carl: I don’t agree that dropdown lists suck. Just from a design standpoint, seeing a page with 259 links on it (the number of options in the dropdown) would be very visually noisy. More importantly, users are overwhelmed by that kind of flood of content—it would be too much. They don’t know what to click on. A dropdown is a very elegant way to encapsulate a lot of data while keeping it looking simple. With a dropdown you instantly realize you have to pick one thing, but with a huge list of links it might look like you have to read each one and perhaps come back and click other links in case you’re missing what you want.

Also, nobody but power users use command-F. Watch a normal non-techy friend or family member use a browser. They use the mouse for everything—and find can’t be done by clicking a button with the mouse, assuming they even know such a function exists.

although i see your point, i’m still a fan of the understated size of the button. it isn’t the most user friendly design imaginable, but i think its similar to a technique teachers use in the classroom. if kids aren’t paying attention in class, an effective way of grabbing their attention is to speak softer, not louder. not sure any of that made any sense. hi, by the way : )

@Suzi Senna: Yeah, I agree with you that it looks pretty good. The button’s the same height as the dropdown and it all fits and flows nicely. All of the buttons on the entire site are like this, though, and if you use it regularly it really becomes a pain in the neck to click on them quickly.

This looks like a problem all shipping companies are dealing with. Go to http://fedex.com and click on the North America. On the next page, every time I go to it, I try to click on the United States. But I can’t. You have to use the tiny menu on the left. Pisses me off every time.

I’m not sure I agree with you Suzi… Kindergarten students are much much more advanced and sophisticated than your average internet-user.

i like big buttons and i cannot lie, you other brothers can’t deny, that when a company walks in with an itty bitty site and a flat button in your face you get SPRUNG.

Saturday, March 20, 2010
03:23pm