Comments on: Make complete button surface active and enhance usability http://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/ User experience, usability, IA, Silverlight and WPF tutorials and articles Mon, 06 Feb 2012 01:46:21 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Designing CSS Buttons: Techniques and Resources | WebsGeekhttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-34008 Designing CSS Buttons: Techniques and Resources | WebsGeek Fri, 26 Feb 2010 16:34:03 +0000 http://www.uxpassion.com/?p=983#comment-34008 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: Designing CSS Buttons: Techniques and Resources | Master Designhttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-22213 Designing CSS Buttons: Techniques and Resources | Master Design Thu, 26 Nov 2009 00:11:09 +0000 http://www.uxpassion.com/?p=983#comment-22213 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: Designing CSS Buttons: Techniques and Resources | WORDPRESS-TEMPLATES-PLUGINS-RSShttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21817 Designing CSS Buttons: Techniques and Resources | WORDPRESS-TEMPLATES-PLUGINS-RSS Sun, 22 Nov 2009 19:36:49 +0000 http://www.uxpassion.com/?p=983#comment-21817 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: Designing CSS Buttons: Techniques and Resources - Webreweries.comhttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21586 Designing CSS Buttons: Techniques and Resources - Webreweries.com Thu, 19 Nov 2009 19:52:37 +0000 http://www.uxpassion.com/?p=983#comment-21586 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: Flammendhttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21570 Flammend Thu, 19 Nov 2009 09:18:39 +0000 http://www.uxpassion.com/?p=983#comment-21570 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">RT @viborc Make complete button surface active and enhance usability http://tr.im/rs3d</span></span> RT @viborc Make complete button surface active and enhance usability http://tr.im/rs3d

]]> By: Vibor Cipanhttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-24977 Vibor Cipan Thu, 19 Nov 2009 04:44:44 +0000 http://www.uxpassion.com/?p=983#comment-24977 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">Make complete button surface active and enhance usability - http://bit.ly/ycznj #ux #usability #UXPassion</span></span> Make complete button surface active and enhance usability – http://bit.ly/ycznj #ux #usability #UXPassion

]]> By: Wordpress Blog Services - Designing CSS Buttons: Techniques and Resourceshttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21537 Wordpress Blog Services - Designing CSS Buttons: Techniques and Resources Thu, 19 Nov 2009 00:37:59 +0000 http://www.uxpassion.com/?p=983#comment-21537 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: Barker Design | Graphic & Web Development » Blog Archive » Designing CSS Buttons: Techniques and Resourceshttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21534 Barker Design | Graphic & Web Development » Blog Archive » Designing CSS Buttons: Techniques and Resources Wed, 18 Nov 2009 22:53:38 +0000 http://www.uxpassion.com/?p=983#comment-21534 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: Designing CSS Buttons: Techniques and Resources | Buddy's Bloghttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21526 Designing CSS Buttons: Techniques and Resources | Buddy's Blog Wed, 18 Nov 2009 18:03:07 +0000 http://www.uxpassion.com/?p=983#comment-21526 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: Designing CSS Buttons: Techniques and Resourceshttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21523 Designing CSS Buttons: Techniques and Resources Wed, 18 Nov 2009 16:23:55 +0000 http://www.uxpassion.com/?p=983#comment-21523 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: Designing CSS Buttons: Techniques and Resources | Programming Bloghttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21521 Designing CSS Buttons: Techniques and Resources | Programming Blog Wed, 18 Nov 2009 15:47:19 +0000 http://www.uxpassion.com/?p=983#comment-21521 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: typoglyphic.com » Designing CSS Buttons: Techniques and Resources – Smashingmagazine.comhttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21519 typoglyphic.com » Designing CSS Buttons: Techniques and Resources – Smashingmagazine.com Wed, 18 Nov 2009 15:34:45 +0000 http://www.uxpassion.com/?p=983#comment-21519 [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...] [...] Make Complete Button Surface Active and Enhance Usability is an in-depth article that shows mistakes in button design and that explains why the entire button surface should be clickable. [...]

]]> By: Designing CSS Buttons: Techniques and Resources - Smashing Magazinehttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-21518 Designing CSS Buttons: Techniques and Resources - Smashing Magazine Wed, 18 Nov 2009 15:25:20 +0000 http://www.uxpassion.com/?p=983#comment-21518 [...] [...] [...] [...]

]]> By: Diego Priliachttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-20238 Diego Priliac Thu, 05 Nov 2009 12:07:29 +0000 http://www.uxpassion.com/?p=983#comment-20238 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">RT @viborc Make complete button surface active and enhance usability http://tr.im/rs3d</span></span> RT @viborc Make complete button surface active and enhance usability http://tr.im/rs3d

]]> By: John Hydehttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-17619 John Hyde Thu, 08 Oct 2009 20:28:27 +0000 http://www.uxpassion.com/?p=983#comment-17619 Just make the target as big as possible - without being silly.Example: you have a table cell that contains clickable text eg"Print this page"Best way is to make the whole cell into a link so its easier. Just make the target as big as possible – without being silly.

Example: you have a table cell that contains clickable text eg

“Print
this
page”

Best way is to make the whole cell into a link so its easier.

]]> By: UXPassion.comhttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-10066 UXPassion.com Thu, 09 Jul 2009 11:31:01 +0000 http://www.uxpassion.com/?p=983#comment-10066 Hi Jon, thanks for comment and interesting question! I think I would go on case-by-case consideration in this situation. Generally speaking I would say YES, make the cell link as well (this blog fails at doing so for links in menus, I am aware of that...). That would lower the number of missed clicks on any given hyperlink. Even in Vista, Microsoft has decided to use this approach when selecting rows in Windows Explorer.As for usability issues with this scenario - I can see one and that is fact that two "linked cells" will share a common border so if user is clicking really close to that border they might be selecting cell / link that they did not want to select in the first place. However, taking all things into account, users do spend most of their time clicking close to labels and central parts of hyperlinks / buttons / cells so this "border case" should not be a problem. Hi Jon, thanks for comment and interesting question! I think I would go on case-by-case consideration in this situation. Generally speaking I would say YES, make the cell link as well (this blog fails at doing so for links in menus, I am aware of that…). That would lower the number of missed clicks on any given hyperlink. Even in Vista, Microsoft has decided to use this approach when selecting rows in Windows Explorer.

As for usability issues with this scenario – I can see one and that is fact that two “linked cells” will share a common border so if user is clicking really close to that border they might be selecting cell / link that they did not want to select in the first place. However, taking all things into account, users do spend most of their time clicking close to labels and central parts of hyperlinks / buttons / cells so this “border case” should not be a problem.

]]> By: Jon Clarkhttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-10039 Jon Clark Thu, 09 Jul 2009 02:42:20 +0000 http://www.uxpassion.com/?p=983#comment-10039 Would you apply this to links within table cells? Are there times where too much button "hit" coverage would be a usability problem? Would you apply this to links within table cells? Are there times where too much button “hit” coverage would be a usability problem?

]]> By: Vibor Cipanhttp://www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/comment-page-1/#comment-18025 Vibor Cipan Wed, 08 Jul 2009 20:33:01 +0000 http://www.uxpassion.com/?p=983#comment-18025 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">Nice little #usability analysis of buttons in #Windows (Start button) and #MySpace & #Facebook (Log In and Sign Up). http://tr.im/rs3d</span> <div class="topsy_trackback_links">[<a href="http://twitter.com/viborc/status/2538405674">Original tweet</a>, <a href="http://topsy.com/tb/www.uxpassion.com/2009/07/make-complete-button-surface-active-and-enhance-usability/">Topsy page</a>]</div></span> Nice little #usability analysis of buttons in #Windows (Start button) and #MySpace & #Facebook (Log In and Sign Up). http://tr.im/rs3d

[Original tweet, Topsy page]

]]>