Comments on: How to Design Buttons to Help Improve Usability http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/ Web Design & Development Blog Fri, 24 Feb 2012 23:55:31 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Alex http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-47187 Alex Wed, 08 Jun 2011 18:55:10 +0000 http://inspectelement.com/?p=2839#comment-47187 I've never really put any real thought into designing buttons... but I will now :) I’ve never really put any real thought into designing buttons… but I will now :)

]]> By: Ryan Bollenbach http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-34735 Ryan Bollenbach Sat, 19 Feb 2011 06:16:20 +0000 http://inspectelement.com/?p=2839#comment-34735 Really awesome article... it's going to be essential for me to have active states in my new layout!! Really awesome article… it’s going to be essential for me to have active states in my new layout!!

]]> By: Phil http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-27368 Phil Fri, 29 Oct 2010 06:53:07 +0000 http://inspectelement.com/?p=2839#comment-27368 Nice article Tom. Just wondering what your thoughts are on text-based buttons? Ie using a just a plain text link to submit/cancel or navigate through steps in a form. I've just been discussing this with the guys in the office here and I'm very much against having these minimalistic style buttons, because they simply aren't as obvious as a proper button (3 states) and they can get confused with the behaviour of hyperlinks. I think this especially applies with call to action style buttons such as "Submit". Nice article Tom. Just wondering what your thoughts are on text-based buttons? Ie using a just a plain text link to submit/cancel or navigate through steps in a form. I’ve just been discussing this with the guys in the office here and I’m very much against having these minimalistic style buttons, because they simply aren’t as obvious as a proper button (3 states) and they can get confused with the behaviour of hyperlinks. I think this especially applies with call to action style buttons such as “Submit”.

]]> By: Hannah Bickley http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-26509 Hannah Bickley Wed, 13 Oct 2010 09:49:09 +0000 http://inspectelement.com/?p=2839#comment-26509 Thanks very much i found this very interesting! Thanks very much i found this very interesting!

]]> By: Sonic Bass http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-23007 Sonic Bass Tue, 27 Jul 2010 18:48:17 +0000 http://inspectelement.com/?p=2839#comment-23007 Great stuff, Thanks! Great stuff, Thanks!

]]> By: wpdeveloper http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-21575 wpdeveloper Mon, 21 Jun 2010 14:27:52 +0000 http://inspectelement.com/?p=2839#comment-21575 Great stuff. Thanks a lot :) Great stuff. Thanks a lot :)

]]> By: Kenn http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-20452 Kenn Mon, 07 Jun 2010 13:01:27 +0000 http://inspectelement.com/?p=2839#comment-20452 This is an excellent point. I have been researching this for a bit and it seems that every article, in the end, just says, "hey, there are three states of button behavior". But.. Has anyone actually written an article with some substance? With some interesting aspects on techniques? Is it more usable to have a dark button with a lighter rollover state? Or vice versa? What about ease of use? Does one solution offer better recognition than another? THAT is the type of article we need... otherwise, this just tells us that there are three button states. This is an excellent point. I have been researching this for a bit and it seems that every article, in the end, just says, “hey, there are three states of button behavior”.

But..

Has anyone actually written an article with some substance? With some interesting aspects on techniques? Is it more usable to have a dark button with a lighter rollover state? Or vice versa? What about ease of use? Does one solution offer better recognition than another?

THAT is the type of article we need… otherwise, this just tells us that there are three button states.

]]> By: Flaske http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-20029 Flaske Sun, 30 May 2010 12:32:26 +0000 http://inspectelement.com/?p=2839#comment-20029 Great button tutorial. Big thanks for you guys. Great button tutorial. Big thanks for you guys.

]]> By: E-Commerce Design Resources: The Ultimate Round-Up | MEN blog . net http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-9480 E-Commerce Design Resources: The Ultimate Round-Up | MEN blog . net Tue, 09 Mar 2010 16:13:18 +0000 http://inspectelement.com/?p=2839#comment-9480 [...] How to Design Buttons to Help Improve Usability – While not strictly limited to add to cart buttons, this post offers great insight on creating better buttons. [...]

[...] How to Design Buttons to Help Improve Usability – While not strictly limited to add to cart buttons, this post offers great insight on creating better buttons. [...]

]]> By: Designing CSS Buttons: Techniques and Resources | WebsGeek http://inspectelement.com/tutorials/how-to-design-buttons-to-help-improve-usability/#comment-7428 Designing CSS Buttons: Techniques and Resources | WebsGeek Fri, 26 Feb 2010 16:34:13 +0000 http://inspectelement.com/?p=2839#comment-7428 [...] How to Design Buttons to Help Improve Usability explains some usability principles that should be considered when designing buttons. It covers the basics of icon usage, appearance, behavior, hierarchy and consistency. [...]

[...] How to Design Buttons to Help Improve Usability explains some usability principles that should be considered when designing buttons. It covers the basics of icon usage, appearance, behavior, hierarchy and consistency. [...]

]]>