Member Sign In
Not a member?

A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.


It's fast and free.

Webmonkey is a property of Wired Digital.
processing...
Join Webmonkey

Please send me occasional e-mail updates about new features and special offers from Wired/Webmonkey.
Yes No

Please send occasional e-mail offers from Wired/Webmonkey affiliated web sites and publications, and carefully selected companies.
Yes No

I understand and agree that registration on or use of this site constitutes agreement to Webmonkey's User Agreement and Privacy Policy.
Webmonkey is a property of Wired Digital.
processing...

Retrieve Sign In

Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.

or
Webmonkey is a property of Wired Digital.
processing...

Welcome to Webmonkey

A private profile page has been created for you.
As a member of Webmonkey, you can now:
  • edit articles
  • add to the code library
  • design and write a tutorial
  • comment on any Webmonkey article
Close
Webmonkey is a property of Wired Digital.

Sign In Information Sent

An e-mail has been sent to the e-mail address registered in this account.
If you cannot find it in your in-box, please check your bulk or junk folders.
Sign In
Webmonkey is a property of Wired Digital.

Help users click right

/skill level/
/viewed/
0 Times

Bigger buttons and icons are better for users to point and click. Size of clickable elements becomes an important issue for older users and users with eye sight problems. But there is usually a constraint on the available screen real estate.

One approach to partially solve the problem could be to increase the size of such elements when required i.e. when the user hovers over the element the corresponding elements size is increased. This assumes that the user is capable of recognizing the element, and so the solution is partial. This provides a much convenient way of pointing and clicking.

This is borrowed from OS-X’s dock. Where the icons on the dock increase in size when the mouse pointer hovers over them. Its easier to click on the magnified icons and also it we are sure that we clicked the right icon.

For web pages, this could be done by Javascript code. However, this hits performance. Instead, if the browser could natively support this for all clickable elements. In such a case, the web developer can decide on which elements need to be magnified on mouse hover.

  • This page was last modified 09:09, 20 June 2008.
Edit this article
Reddit Digg
 
Subscribe now

Special Offer For Webmonkey Users

WIRED magazine:
The first word on how technology is changing our world.

Subscribe for just $10 a year