Questions tagged [buttons]

Buttons let users 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.

Filter by
Sorted by
Tagged with
38
votes
9answers
40k views

Documentation - do we “Click”, “Push”, “Press” or “Select” a button on a touch-screen interface

I'm writing some documentation for a web-based application that will run on Android tablets at the factory at which I am employed. I am having trouble wording the steps where the users must interact ...
37
votes
10answers
7k views

Should I avoid using “abort” in favor of its synonyms?

I've heard that the term "abort" could have a negative meaning in some contexts (i.e. due to abortion-related issues), and for that reason it was avoided in some interfaces of the 80's/90's, probably ...
37
votes
4answers
3k views

Where should the GUI light source come from?

I know that historically the light source on GUIs is in the upper left, casting a shadow on the bottom-right of buttons and the upper left of fields. Now, I see some places (like Apple) use a top ...
37
votes
7answers
21k views

Do material design's floating action buttons provide a bad UX?

Google's material design largely focuses on clean visuals and a good user experience, but there is one feature that I have questioned: floating action buttons. This is a large button that appears in ...
36
votes
4answers
8k views

Should I put a back button on my form wizard?

Currently I'm designing a form wizard which will be use in the website. My reason for not putting the button on the form is because I want the user to never press back and so must finish the form. My ...
36
votes
10answers
3k views

What's the point in electronic devices beeping on keypress?

Many electronic devices, mostly cell phones, by default beep on keypress. What's the point in that? Once a key is pressed their state is changed and that's reflected in the graphic interface anyway. ...
36
votes
13answers
14k views

Why don't mobile apps have a 'close' button?

I'm a fairly new user of Android and i'm annoyed by the fact that almost all apps lack a "close" button. Is there any reason why developers don't make such an option?
34
votes
6answers
2k views

Should “dangerous” buttons be big and red or small and inconspicuous?

In a web app, some people think a "Delete" button should be obvious and bright red, signifying danger. The trouble is that this draws the eye to the button and may make accidental clicks more likely. ...
31
votes
7answers
10k views

Do I really need a button?

I have a slider - it's actually 2 jquery slider bars where the user can select 2 values, then press a button to go to the next page. The question is do I really need a button or is it just taking up ...
31
votes
3answers
2k views

More clicks while using “Noun” or “Verb” for actions?

“Sign up” or “Membership”? “Donate Now” or “Donations”? You can create an action button with verb or a noun. Is there any recommendation for increasing the click-rates? Which one is better than the ...
31
votes
9answers
9k views

How to avoid repetitive actions in table rows?

We have a table with data and actions on each row like so: Name Email Description Actions James james@gmail.com Desc 1 Edit Export ...
30
votes
2answers
4k views

Auto-creating new Items vs. “Add New” button

I'm iterating on a mortgage CRM system, which involves the broker providing previous incomes of the future home owner. Currently, the system "invisibly" provides a mechanism for creating new ...
29
votes
8answers
14k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
29
votes
7answers
3k views

How to phrase button labels?

How should I phrase the following button labels: "Import image" or "Import an image"? "Create app" or "Create an app"? "Add description" or "Add a description"? If you could also supply the grammar ...
28
votes
11answers
3k views

Are 'share this' buttons really effective?

On a lot of websites (especially blogs), we find 'share it' buttons like this --> . Personally, I never used one. If I want to share something online, I copy the link and manually share it through ...
28
votes
7answers
5k 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,” “...
27
votes
7answers
6k views

Should I hide continue button until tasks are completed?

In a multi-step wizard, some of the steps present the user with a list of tasks that must be completed before continuing to the next step. Each task in the list opens a popup where the user completes ...
27
votes
2answers
4k views

What value does :focus CSS state add for buttons?

We all know that :hover is required if you want to create sophisticated user experience. It allows users to recognize a click option on an element. I wonder what value does :focus add for buttons? ...
27
votes
6answers
4k views

Buttons instead of radio buttons or a dropdown

In a recent project of ours I am tasked with creating an interface that solves the same problem as radio buttons or a dropdown menu would, but using buttons instead. It approximately looks like this: ...
26
votes
7answers
6k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five-step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
26
votes
5answers
6k views

Toggle Buttons “Turn On” vs “Enable” [duplicate]

For about a year now, we've used toggle buttons on a couple of segments of our site. We try to be very consistent in our user interfaces, always using the same blue button styles for every clickable ...
25
votes
7answers
6k views

Should the order of add / edit / delete buttons be based on the frequency of their use?

In our application we have several places where users see a list of items and can add, edit or delete an item. For some of these lists adding new items is probably the most frequent used ...
25
votes
6answers
3k views

Three state button for a medical chart

I am working on UI design for a new web based medical charting system. The users are used to charting on paper where they circle a symptom if it is present, cross it out if it is absent, and don't ...
25
votes
5answers
4k views

Save buttons that don't save

Generally there are two kinds of windows I make: windows with Ok/Cancel buttons, and windows with just a Close button. The implied understanding is that Ok/Cancel windows don't save anything until you ...
25
votes
8answers
6k views

Should the cross (or 'X' ) button do something other than close (e.g. minimize or hide)?

It's common for the user to use the cross button to exit an application. But sometimes software is tricky and the cross minimizes the window instead of closing it. Should this kind of behavior be ...
24
votes
11answers
7k views

Is it okay to name submit button as “Select”

I am on creation form and want to add video to this form. I press + and the video gallery is opened in a popup. I need to select video and submit. Is it okay to name submit button as Select? Or are ...
24
votes
5answers
3k views

When is red the right color for a button?

After reading this question about Big Bad Red buttons, where it was generally agreed upon that red buttons draw the user to click, I was left thinking: then when are they good affordance and ...
23
votes
10answers
7k views

Best way to communicate “tap anywhere to continue”

I have an iOS game which shows a screen every time you win or lose a game. On that screen, the user can tap anywhere to return to the gameplay screen. However, this does not seem immediately obvious....
23
votes
9answers
4k views

Grid/table with lots of buttons

Considering I have a grid with a number of buttons for actions the user can perform. It looks like this. I have a number of similar grids in the system. I am wondering peoples opinions on if I should....
23
votes
5answers
4k views

Material design - buttons raise, not depress

There is some discussion of this here but I haven't found a more comprehensive discussion of it. With Material Design, objects that wish to convey being pressed appear to rise up towards the user, ...
23
votes
7answers
2k views

Are grayscale buttons with icons usable and effective?

The image here is old gmail new gmail, when no mail is selected new gmail, when mail is selected new delicious To me, the buttons are unlabeled and tough to discover. I don't believe the icons do a ...
23
votes
5answers
7k views

What are the best practices of button alignment?

There are reasons to align buttons to the left, center, or right. What are the best practices of button alignment and what factors should we consider? Which buttons should be on the left, center, and ...
22
votes
7answers
5k views

Is it a bad idea to use grey buttons?

Our design team is thinking of using grey secondary buttons on our site. I'm concerned they may appear to be disabled to our users (especially when used with the primary orange buttons). There is a ...
22
votes
5answers
12k views

Table with actions per row

One of the pages in our web app includes a table that typically has a few dozen rows for each user, and it takes most of the page's width (5-8 columns). For each row, users can perform 3 possible ...
22
votes
2answers
999 views

Social media sharing: Does simply showing icons stimulate action?

This is tangentially related to the question "Social Media Icons - show all visible, or group under 'share'?". In my organization, we've generally found that displaying the individual icons for ...
21
votes
5answers
4k views

What should be the difference between enabled and disabled buttons? (especially if they are grey)

What is the best way to show that a button is Enabled or Disabled? (especially if it has grey color) For example what do you feel about the following button? Is it enabled or disabled? How could it ...
21
votes
6answers
7k 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 ...
20
votes
7answers
15k views

The logic behind having an OK button and Apply button

Moving back to desktop land after being drunk with mobile interfaces, desktop dialogs almost always have these three buttons: OK Apply Cancel A close button. This pattern seems to occur on both ...
20
votes
5answers
4k 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 ...
20
votes
12answers
1k views

How can you change a poor design without alienating experienced users?

I work for a company that produces a large, 13-year-old web application. Lately, I've taken on the task of trying to get some kind of User Experience guidelines going for the system - something that ...
20
votes
7answers
3k views

Color of destructive primary button

In our app we use green buttons to signify primary actions (located on the right, but that's a whole different discussion) and grey buttons to denote secondary actions ('Cancel'). For example: The ...
20
votes
5answers
1k views

Why do most dashboards use capital words?

Most car manufacturers seem to use ALL CAPS for the interiors's buttons and switches, at least when they are not using symbols. Example: They even use capitals for things that are not even controls, ...
19
votes
11answers
5k views

Is red an acceptable colour for a submit button on a form for a purchase or booking?

I have been drafted in to provide UX feedback on a recently completed website. One point I made was that red was not a suitable colour for a positive action, i.e. completing a form. The reply cited ...
19
votes
6answers
1k views

If input text length is known, do I really need a submit button?

Use case On a mobile device a user is improving her math skills using a native app (Windows Phone). There are many expressions being calculated in a series and the user is trying to get 10 correct ...
19
votes
7answers
6k views

What's a better label for the traditional “Browse…” button for selecting files to upload?

I've been working on an advanced file uploader, complete with folders and animated progress bars, and wanted to improve the vague "browse" button generally used for launching a file selector window. ...
19
votes
3answers
5k views

Most appropriate way to show a disabled button

The 'edit' button is disabled for an item: It is disabled because the user doesn't have permissions to edit the item. If they want to edit it, they have to either ask for permission from the owner or ...
18
votes
8answers
6k views

What is the best way to show my users that buttons in the same line have different functionality?

I have four buttons on my interface that all look the same but don't all act the same. They are laid out like the example below. download bmml source – Wireframes created with Balsamiq Mockups ...
18
votes
4answers
2k views

One big sign up button or 3 [closed]

I would like to know what is the best use in web homepage are for Sign up button: One big button (Like example 1) and then to open screen with option to sign up with facebook, google or mail or 3 ...
18
votes
4answers
11k views

Is there a recommended location for a submit button in relation to a cancel on the web?

On the web, is there a recommended location for the submit (Go, Search, Submit, etc) button in relation to the cancel, reset or back button? I'm thinking the recommended positions makes it easiest for ...
17
votes
3answers
3k views

Should a form's back button save the data entered before navigating backwards

I have a five page form: 3 data entry pages, a confirmation, and an submission success page. I am to insert a back button on the middle 3 pages, no problem. However, there is no specified behavior ...