Skip to content

Latest commit

 

History

History
33 lines (16 loc) · 2.65 KB

on_buttons.md

File metadata and controls

33 lines (16 loc) · 2.65 KB

On button text

It's often better to name a button to explain what it does than to use a generic label (like "OK"). An explicit label serves as "just-in-time help," giving users more confidence in selecting the correct action.

  • Nielsen

"Label buttons with what they do." - UX Matters

"Instead of having your web form’s submit button say "Submit," have it remind the user what it is they’re doing, like "Sign up now," or even better, let the user know of the advantages of filling out this form." - Six Revisions

On button size

"If you make a button too big, it may no longer look buttony" - UX Matters

"It is important for all buttons on a site to retain a certain level of consistency or else you risk confusing the users into trying to work out what is or isn’t a button." - Tom Kenny

On button placement

"Best place for a button?: aligned with left-hand end of text-boxes" - Slide 36 - Jannet. Usability consultant

"The best place for your form’s submit button is exactly where the next input control would go. Especially if you have a single-column input form, make sure that the submit button is aligned like all of your other elements." - Caspio form builder

Place Important Content on the Left of a Web Page - "People brought up in cultures where language is read and written from left to right have been trained early on in life to begin at the left of a page, whether in writing or reading a book. This can be the reason why many web users spend a majority of their attention on the left side of a web page — as much as 69% of the time" - Six Revisions

Left or right aligned seems to be more common - Smashing Magazine 'Modern forms' article

On arrows

"One of the most common uses of icons in buttons is to include an arrow to indicate that the button guides you to the next or previous step or page." - Tom Kenny