Need your thoughts on where should we place the wizard buttons like "Next", "Prev" and "Save".
We have seen that there are wizards where the buttons are placed at the bottom, and in some they are placed at the top of the page. I am designing a wizard and need to validate where to place the buttons: at the top of the page or at the bottom.
One problem that has continually surfaced in my recent work at my place of employment has been button colors. Specifically, little or no thought goes into the meaning of what color is being used for the button in regard to its functionality. Even worse, there is often no thought given to a consistent treatment of buttons across an interface.
So for example, I'll see save buttons that are red, and I'll see the same color being used for a save, change and exit button.
There are a few ways you can align your button at the bottom of your form. But on multi-page and mult-section forms right aligned buttons work best. The article explains in detail why. Feel free to share your thoughts and knowledge.
This is my first posting here, I’ve enjoyed reading many discussions in the past, so be gentle :)
Nr 1. Right now we are discussing back and fourth the use of buttons in addition to touch screen. I should mention that we do not have strict accessibility requirements, it is not a product for open spaces, where all tactile feedback is important.
In our work, everyone (stakeholders) wants to use a graphical button for their CTAs, often asking for multiple such buttons on a single page. The notion is that these will drive a higher conversion rate... ON THOSE links. (These are not form submits, remember.) A proof of concept was done late last year to test the effectiveness of buttons vs. links on a particular page. Here was the scenario:
A recent article on Slashdot.org brought to light an internal batting raging on about changes to the button layout on one of the Ubuntu skins. I found this really interesting because in reading the comments, you really get a sense of the arguments for and against changing a given feature in an overall design.
As discussed by LukeW in Web Form Design, it's best to have the primary
action of a form be the first button that the user sees. For left-to-right
languages this means having the primary action on the left and any secondary
actions on the right (see A in this illustration http://www.flickr.com/photos/rosenfeldmedia/2366430953/ ).
Which OS(es) are you targeting?
On Windows, the general guideline is to left-align labels; on Mac,
labels should be right-aligned. These are guidelines, of course, and not
hard-set rules, but software tends to look more polished when it follows
the visual styles of the OS on which it runs.
Here's my question:
On a similar topic, what about buttons? Apple guidelines say to right
align the function that is mostly used (unless it is going to cause the
user to lose all their work), but on Windows it's the opposite.