User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
I'm prototyping a new form, and it's got the 'glass' buttons on it. Several colleagues freaked out and went on rants about glass buttons being the ultimate evil.
Objectively speaking, what's wrong with them?
I like them because they're shiny. But, I am a rational individual (mostly), so I'm open to logical arguments against their use.
...the form is for an intra-company app. Mostly data entry stuff.
Examples of 'glass' buttons.
The thing that I think your colleagues may have objected to is that glass buttons have been overused the last few years. There is nothing wrong with using them, but I'd recommend against using examples like those you posted because the gradients aren't very subtle and the contrast is poor between the text and the background in the pinkish button. Those particular buttons give the sense of an amateur design. Done right, the glass button should be subtle.
here's an example of a nice glass button (from designlenta.com)
I'd say, of the top of my head, that the colors are LOUD and IN YOUR FACE. A more subtle coloring (less over-the-frigging-top-saturation) and slighly less super-shiney would probably help your case and win them over to the general idea.
Also, with the increased attention-hogging world we live in, you have to make a conscious choice whether you want to add more "look at me here right now" to the world or provide a calmer experience away from that.
It depends. Some people like to live in rainbow land. Definitely not everyone.
Who are your users?
I think part of the problem is that "glass buttons" have the potential to look either perfectly fine or really, really ugly. While usability is mostly about effective user interfaces for certain people in certain situations, a lot of users care about aesthetics as well. And "glass buttons", especially the more colorful ones, have a tendency to easily look childish or unprofessional, and they have also been overused. In addition to the aesthetics issue, the particular ones in your example are very loud – as someone else mentioned – which also means that they take attention away from everything around them. The shininess you like definitely enhances this factor. Sure, a button is important to find, but the form is more important than the button when you first open the page – because the form is what you want to fill in, without it the button is useless.
There's nothing particularly wrong with "glass buttons" in theory; they can be done in a good way or in a bad way. But there aren't really any major advantages to using them, especially "loud" ones like in your post, in an intra-company app for data entry.
This sounds like an issue with working within the users' expectations. The whole "glass buttons v non-glass buttons" is a moot point. This argument based on aesthetics.
However, the there is usability question regarding the document style: "What's wrong with using a slick, modern style?"
Well, it's all about user expectations. When I look at the glass button, I think Apple because most Mac apps use the standard Mac styling, which includes glass buttons. And, if you are on a Mac, you would expect to see these buttons. However, it would be jarring for a Windows user to see standard Mac styles in his windows environment. Or if on a intra-net, why change the style for just one form? Why make it harder for users to use just your product? Remember, users spend most of their time on other websites. Don't make them put in more effort for your design.
There is a good reason for congruency. It's an easy and effective way to ensure that your users can recognize elements.
More importantly, it draws attention way from your buttons (or other distracting, "shiny" element) and allows the content (which should be the main focus) to shine through.
A site doesn't have to look pretty to be useful and provide a good experience.
Don't spend time jazzing up boring intranet forms, it won't fool anybody. Just work on making the content and process more-user friendly.
Because you should use the standard button for the platform unless you have a very good reason not to. “I like them” and “They’re shiny” are not very good reasons. ^_^
The standard button has many advantages. To list a couple:
Users will recognize and understand them.
There’s actually a lot of subtleties to button behavior. e.g. Triggering on mouse-up rather than mouse-down. Dragging off the button before mouse-up to cancel. The specifics of these depend upon the platform. Depending on the platform and toolkits you are using, it may be a lot of work to get these subtleties correct with a custom button. Get them wrong, and users can be frustrated.
(Of course, if the glass buttons are the standard button for your platform, then there’s nothing wrong with using them in most cases. Indeed, you should.)
Glass buttons are fine (see OSX) but your examples are just, well, garish, I'm afraid. Tone down the colour and your colleagues probably won't mind as much.
Just use the buttons that are part of the platform your designing for - i.e. if it's a web based system, go for HTML buttons. Your users will be used to these depending on browser / platform (as others have mentioned here).
Another point to note is there's much less effort in building the forms in the first place - and if for any reason your pages load slowly (resulting in graphics not loading) or the paths to your graphics get broken, your forms can still be used.
