Buttons perform an action or activity in a software solution. Use this tag for questions about how buttons should be placed, styled, aligned or used to express their purpose and facilitate their operation.

learn more… | top users | synonyms (1)

4
votes
1answer
796 views

Is the browser back button still the second most used navigation feature?

In 1999 Jakob Nielsen stated that "the Back button is the lifeline of the Web user and the second-most used navigation feature (after following hypertext links)". But the web has evolved since then, ...
11
votes
2answers
527 views

Is there a 'science' to what colors to use on primary 'call-to-action' buttons?

I was wondering what research I can find on what colors to use for primary 'call-to-action' buttons. I know the size of the button and the contrast it has in relation to its background play a big ...
2
votes
6answers
188 views

Placement/order of buttons

I'm designing a form that will be used for posting an advertisement. The form will include the following buttons in its bottom section: Reset Preview Update I need advice regarding the ordering ...
1
vote
1answer
84 views

iOS multitasking closing is poorly designed? [closed]

I have a question about iOS's multitasking bar, and a design decision in it. If you double tap the homescreen to go into the multitasking ...
6
votes
2answers
600 views

How to know what should be a button and what should be a link? [duplicate]

I implemented a webpage that in practice was a dead end and it just said "Your registration is complete. Please press the button to go back." and there was a button to go back to the page from where ...
19
votes
7answers
1k views

Should all button text start with a verb?

I'm reading The Grammar of Interactivity on UXBooth and finds it quite interesting. However, the article quotes David Hamill who said (or wrote): Buttons are for actions, like “Get a quote,” ...
2
votes
4answers
211 views

How should a website handle signup for two types of accounts?

For instance, say a site is for merchants and consumers; people should either sign up as a merchant or a consumer – they require two different forms located on different pages. From the home page, ...
143
votes
22answers
19k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
6
votes
4answers
1k views

What are we calling the 3 lines button in mobile apps?

This button is appearing in many mobile apps and has the function of displaying off-screen menus, whether from the top of the screen or the side. When writing tutorials for example, what is a ...
2
votes
3answers
320 views

'X'-close button on iPhone

The default way of dismissing views in iOS is with Cancel or Done. However in this view I think Cancel uses to much space, which is better given to the search bar. What is your opinion? Is using X ...
4
votes
2answers
265 views

What should a toggle switch do when using a multi-select?

When an item in a list has one of two possible states, how should the toggle switch behave when items have been selected that have different states? Neither action is dangerous, but it may act on ...
2
votes
1answer
80 views

Sending a Search Form on mobile - keypad and / or call to action button

say you have a modal view with a simple form and a cancel-option. as soon as the user selects a field the keypad shows up and usually provides a "Send" or "Search" Button to send the form. is it ok ...
-2
votes
1answer
99 views

Best principle to place button in alert dialog [duplicate]

For all alert dialogs with one or more buttons, which would be the best practice to place the buttons? Align left? Align right? Align Center? Please describe your reason for your choice! :) Tks!!
0
votes
4answers
237 views

Prefer buttons over text links when designing for mobile?

When designing for mobile, should one prefer buttons over text links whenever possible? I'm guessing buttons are better at encouraging tapping, whereas text links are increasingly becoming associated ...
14
votes
6answers
2k views

When to use the Back button vs. Cancel/Done on iPhone

I noticed that in some cases Apple uses Cancel / Done buttons, and in others there's only the the Back button. In Calendar, for example, when you choose how often an event should repeat, you have ...
5
votes
2answers
243 views

Browser extensions: page action or browser action?

I develop a Firefox and Chrome extension, and I'm adding a button. It seems like a page action (button in the address bar) is the "correct" choice, as opposed to a browser action (button on the ...
5
votes
4answers
240 views

Adding a state to a control that indicates a row hasn't been saved yet

I'm working on a web application that users use to approve a bunch of items from a list. Imagine, say, an expense report that someone has to approve every item that's listed. Currently, the system ...
2
votes
4answers
214 views

Clarification on letter case in button text

I'm looking for clarification on the use of letter case. The two examples are: "Duplicate Search" vs "Duplicate search" this is in the context of performing a search of users in order to detect if ...
32
votes
2answers
2k views

What rules does Google use to make a button gray, blue, or red on their sites?

This has been an elusive topic, and I haven't yet been able to form my own conclusion about what Google's reasoning is to make a given button blue, red, or gray, given their latest design ethos. Take ...
2
votes
5answers
265 views

Should a form's style be left to the browser?

Instead of using CSS resets, I use Normalize.css, and I usually style an HTML form's containing elements such as input, label, textarea, etc. to the fullest extent. To make sure that the form's design ...
4
votes
2answers
121 views

Evidence of Button-action and Link-action in the same scope?

When I started to know GUI in the early 1990s there were always the same type of control to perform an action of the same type, even though the action was different as in [OK] [Cancel] and [Yes] [No]. ...
3
votes
1answer
131 views

Equal Opportunities Button

I'm currently designing a form at the end of an application process to ask potential candidates to complete an Equal Opportunities form. (We are required by law to provide this) However I'm trying to ...
4
votes
3answers
523 views

The meaning of the Home button in browsers

I'm not talking about the Home on the website or an app but the home on the browser itself. First of all, I saw no use for that button eversince I first touched a browser. Maybe it made no sense to ...
2
votes
2answers
140 views

Sort by recent / popular: Use tabs or buttons?

I need to sort my content by recent and most popular. I see Reddit uses tabs, but unfortunately tabs won't fit into my layout. Would I be breaking any UX principles by using buttons? This question ...
3
votes
3answers
204 views

Should tags be buttons or links?

Are there any guidelines on how tags should ideally look like? Are they links, buttons, or visual "tags" with a link? I personally find tags that mimic a physical tag or strip of tape appealing, but ...
4
votes
1answer
220 views

How does a 3d shading impact circular button use?

I recently ran across a circular smiley icon with lambertian shading, specular shading, and cast shadows. The effect was a little like a ball on a table. Here it is: Clicking the icon toggled an ...
0
votes
2answers
165 views

Is it ok to make non-unlikable like button? [closed]

Is it OK with facebook policies to make a "like" button that will disappear for user when he use it? If not - is there some other button that can be placed in other site (not on facebook) that will ...
7
votes
3answers
857 views

exclusive select in a table: radio button, rowclick, text only, text and icon, or icon?

If you have a table where each row can be selected, and you are only allowed to select one row at a time, and selecting a row causes a drill-down table to appear to the side, how would you render ...
9
votes
8answers
608 views

How can I distinguish two different types of buttons, without using labels everywhere?

I'm developing an application to count traffic at intersections. There will be two different types of buttons: one to count trucks ("lkw" is the german abbreviation for a truck) one to count cars ...
3
votes
3answers
303 views

Placement of Buy now/Download buttons

Hello respected UX community, I am working on a new website which will be used to sell a software application, but will also have a free limited version of it (not time limited, but feature limited). ...
5
votes
4answers
339 views

Disabled buttons while long running task

My application has a toolbar and a lot of buttons on it. Some buttons start a long running processes(tasks). At this moment every task executes asynchronously to allow user to do something else while ...
5
votes
1answer
307 views

Price plan table with multiple payment options

I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
3
votes
3answers
174 views

How Can Buttons Be Used Even When Lightboxes Are Activated?

We have a Help button in the header of our product, directly next to the Log Out button. We also have modal lightboxes that, when activated, grey-out the buttons in the header, even though they are ...
2
votes
4answers
166 views

Better label for this menu button

On this page, at the top, is a row of menu buttons. The leftmost of these buttons: carries the label "table config." Under the button, the user can (1) change the font size and spacing of rows and ...
30
votes
1answer
5k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is ...
9
votes
6answers
2k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
4
votes
2answers
264 views

Where to put a global “add item” button?

We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
15
votes
3answers
1k views

What's the common name for this button?

I'm trying to find out what is the way to call this kind of button: To be precise, I'm talking about a button which acts like a regular one for most of its area, but has also a "more" area, ...
9
votes
6answers
463 views

Should I style my buttons?

Are there any major advantages / disadvantages in styling ones buttons like Facebook, Twitter and StackExchange - vs. not styling them like Craigslist and 4chan?
6
votes
3answers
291 views

Web Based Portal Dashboard - the age old button vs link

I'm very aware and in agreement with the buttons for actions and links for navigation practice but I have come stuck on this design. It is an internal company portal, and this is the dashboard for ...
244
votes
12answers
44k views

Should I use Yes/No or Ok/Cancel on my message box?

Semantically, the Yes/No buttons are roughly equivalent to the Ok/Cancel buttons, but in general what would you recommend to use? Should I always use Yes/No or always use Ok/Cancel? Or does it depend ...
4
votes
3answers
384 views

Links or button to open a modal window over a datatable

I work in a usability team and in our applications we allways use links to open new pages (navigation), and a buttons to do an action, submit a form, for instance. But now we face a dilema: we have a ...
2
votes
3answers
164 views

Making buttons easier to read

Sometime ago I found an article about making buttons, or what is written on the buttons more readable. Not so much by design but by what was written on them. For example. Not so good ...
46
votes
9answers
7k views

Should a button become lighter or darker on hover?

We're having a discussion in the office about whether a button should become lighter or darker when a user hovers over it. Here are some examples from the field: Apple "Buy Now" button (Second is ...
14
votes
5answers
2k views

Are Flat Buttons Unusable?

What is your experience with the usability of flat buttons? The common critique against those buttons is that people can't distinguish them, and they only look like headlines with a background. But ...
9
votes
5answers
304 views

Is consistent button positioning more important than having large buttons?

In our kiosk app, the buttons to proceed are placed on the right of each screen. In one of our input screens, the designer doesn't have enough space to place the button on the right while keeping the ...
4
votes
3answers
707 views

Alternative way to display too many buttons

I'm working with a user who wants to have everything at a push of the button. When viewing a record, he wants big buttons across the top of the screen to return to the search, return to the search ...
8
votes
4answers
287 views

Actionable form element size

I am not a UI designer by any means. I have noticed in the last year or two that important buttons/links...etc on many websites now have very big click zones. I must say that I appreciate it, as ...
6
votes
2answers
578 views

What are the rules of using ellipsis on buttons

I read about the rules of using ellipsis (three dots ...) in a menu command: Indicate a command that needs additional information (including a confirmation) by adding an ellipsis at the end of ...
5
votes
4answers
827 views

Placement of Buttons in Touch Screen Scenario

I am working on a Mobile Application primarily for Android Platform. The Application will have a lot of screens which will take user input and we need to have a save and cancel button for them. ...