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)

2
votes
4answers
590 views

Best position and labels for buttons on an order creation page

I have a "create order" interface which already includes several buttons. Please have a look at the screenshot below: ![enter image description here][1] My Question: I need to add a new button ...
12
votes
5answers
3k views

Smallest button size and spacing for a touchscreen

For a touch screen, such as the iPhone, what is the smallest size for a button you could get away with? And how closely could they be shoved together? I've got an app thats going to have a lot of ...
35
votes
6answers
20k views

What is the optimum button size of touch screen applications?

There was a not so recent blog post about the ideal button size of touch screen control sizes (sorry there is no link, the website is now a spam trap) that was based on the study form the MIT touch ...
0
votes
2answers
85 views

What do you think is the best option for Previous/Next icon buttons alongside product carousel in mobile?

I have the following ideas of how to solve this problem: What do you think is the best option to present a product image carousel alongside previous/next buttons for nearby category products?
0
votes
2answers
62 views

What is the max limit of acceptable characters/words in a confirmation box button?

For example, if I ask a user Would you like to send an email instead of print to save paper? Yes, send email and save paper No, take a print
4
votes
2answers
135 views

Why are “previous” and “next” buttons so often “switched?”

In many UIs, there is a list of items that each have a time stamp, for example a list of news stories or e-mails. When there are many items or only one item is displayed at a time, it could be a ...
3
votes
3answers
64 views

Product links to multiple stores

The product in this case is an Album, and I am trying to decide from a few different layouts/interactions. The challenge comes from providing the options allowing user preference : itunes, amazon, ...
1
vote
3answers
76 views

When is sync appropriate while reading a book in ebook reader?

We have ebook readers in mac, window, iOS, Android, etc. Recently, I'm working for the ebook reader for mac, window. Now, when user goes to a bookshelf, or goes into pages of a book, synchronizing ...
4
votes
1answer
153 views

What's the best way to show multiple options for opening a codebase?

I'd like to give users of a desktop app I'm working on the option of accessing their local code either through the Windows Explorer/Mac Finder or through the command-line, what's the best way to do ...
1
vote
2answers
173 views

What is a term users can understand when leaving Edit mode?

I feel kind of silly asking this but I'm having a real problem coming up a reasonable term for Read Only mode or Not Edit mode. Pictures to explain my problem... If the user wants to edit ...
34
votes
20answers
6k views

Button for “Play, but from beginning” for a scrubber UX

I have a typical video-editing like timeline, there's the usual Play and Pause buttons: right arrow, and two-bars. -----------------|----------- > || However, I want to have a "Play, but from ...
0
votes
0answers
64 views

Button naming conventions

I need a common button to upload text and image under a section. Any suggestions please? Note: On click of the button, a modal window opens and then text and image can be uploaded!!
5
votes
4answers
2k views

Disabling the browser's back button in multi-page forms

We're having this internal debate where some people think that the user shouldn't use the browser's "back" button when filling a multi-page form (for security reasons), and that the whoever hits the ...
0
votes
0answers
26 views

CSS - How change cursor property for submit button? [closed]

Please see these css code: #buttonFlat1{ margin-top: 5px; text-align: center; border: solid #4A6801 1px; display: block; width: 100%; background-color: #96CE00; color: #2b542c; font-size: 1.4rem; ...
1
vote
1answer
87 views

Should one put labels on Previous / Next buttons?

We have several pages of case studies (about 10) and we want to put "Next" and "Previous" buttons at the bottom to go to the next / previous case studies. What is the best practice... should we just ...
6
votes
4answers
590 views

What is the reason behind the + sign/icons with buttons?

I have seen few high profile site which use + sign/icons for buttons, while other don't. Does any body know what is the reason behind using sign with buttons, should i use signs/icons with buttons? ...
17
votes
12answers
832 views

Separation of play and pause buttons for playing media

I seem to remember reading somewhere that having the play pause actions triggered from a single button that toggles is a bad idea It seems to me that this idiom works well (e.g. pressing space to ...
1
vote
1answer
71 views

How to convey the “primary vs. secondary” button for screen reader users

I have an application that needs to be accessible for screen readers. This application uses bold text on primary button to convey information about the "recommended choice" like in the example below ...
32
votes
7answers
5k views

How to make irregularly shaped objects / elements look clickable?

On our homepage, we have these irregularly shaped elements that are clickable above the fold (actual images are not cats, just for demo): http://codepen.io/aguerrero/pen/pgvJoa And this is how it's ...
0
votes
3answers
584 views

Using Image as button in Windows Form

I am making an application using Windows Form and it will be used on a tablet that mainly use touch/tap for input. Is it okay if I am using Image for buttons? Like using image for add, save, delete, ...
1
vote
4answers
84 views

Spinner (saving mode) on the button?

Not really sure of having the spinner inside the SAVE button when it is clicked or inside the panel itself. I dont want the user able to click it again (to know it is saved or not)
0
votes
3answers
78 views

Where to place a “Add Car” button

I am really trying to make it simple and elegant but I can't decide where to place this button where a user can add there car to there profile. I attached a screenshot of my mobile app, any answer ...
3
votes
6answers
1k views

Triple-State (or Multi-State) UI Object (Button)

Any ideas for how to design a multi-state UI "button"? The three states are: Off On, Selected On, Unselected There needs to be a clear interaction difference between a user "Selecting" it and ...
1
vote
3answers
108 views

Interface to add content and multiple files

I have a modal to add Activities,so the user can add all content by typing it and/or select files to attach. See below: My problem is: Maybe the user just wanna type a very long description and the ...
0
votes
1answer
81 views

Select from option list and apply action

I have several labels that are associated with text, e.g. Default : Text Label1 : 123 Label2 : 456 Label3 : 789 The UI for this is currently structured as follows: [Default ▾] [Save] [Save as] ...
126
votes
5answers
14k views

Are you sure you want to answer this question?

We've all seen these types of warnings: "Are you sure you want to shut down Windows?" I hear a lot of people frustratingly reply: "Yes, of course, otherwise I wouldn't have clicked it!" These ...
1
vote
2answers
93 views

Dialog box button behavior based on state

I have a dialog that upon opening performs some data validation (none of the data visible). The dialog is determining whether an action can be taken or not. The dialog has only two buttons - OK and ...
0
votes
1answer
50 views

Regarding spacing on tabs and making them similar to buttons

I was checking out some apps on how they handle tabs and the spacing between them. Myfitnesspal has three tabs right next to each other with the right and left side having rounded corners. The app I ...
0
votes
5answers
187 views

One single button or two buttons

I'm working on a transportation service. We offer 2 services: Buy a bus ticket, much like public bus Book a car, similar to Uber We have a mobile app, and I'm having problem with one of the ...
1
vote
1answer
196 views

Download button - icon representing the action or subject

When adding an icon to a button labelled 'Download free ebook' one can use an icon to represent either the action (download) or the subject matter (PDF). Which is better? Why? (And is the answer ...
19
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 ...
0
votes
0answers
24 views

Small number of commands in single window application

I work on an application that reads barcodes, reads information from the database and then enters this information into another application through UI automation. As shown in the screenshot the main ...
2
votes
3answers
469 views

A case against multi-colored navigation buttons

I am trying to find some evidence against multi-colored navigation links, however it seems to be surprisingly hard to find.. perhaps not so many people have come up with the "innovative" idea of ...
47
votes
6answers
60k views

Default cursor on mouse over of a button is not a hand pointer

Why is the default cursor an arrow when you hover over an HTML <button>? I always thought that arrows let you select stuff, but hands let you execute an action. Since buttons execute actions, ...
1
vote
3answers
94 views

What's the best practice for visually styling a button whose importance changes with time?

So here's some context. I have a button whose action changes importance during a certain time of the month. For a good part of the month, the action remains unimportant (a user can 'preview'). After ...
8
votes
5answers
1k views

Best position for collapse indicator on collapsible content

What is the convention/standard/best-practice for the placement of a collapse/expand button/indicator on collapsible content? I've seen many examples of the placement on the left (left of title in ...
2
votes
2answers
139 views

How to determine if button looks clickable?

I been making this message box's for my app, and i started thinking about how they presented to the user, if they are dominant enough that the user could easily understand what are the purpose of the ...
0
votes
2answers
128 views

Nice elevators patterns for imaginative psychology

For a person that could not see, would it be nice to have different elevator buttons arranged into different patterns, not sure which ones, at all, or not? On one hand, it would make things ...
3
votes
2answers
185 views

How can I encourage my users to use the “Login with Google” button?

I'm designing an application where users can either login with credentials they create on the website or login with their Google account. This is what the current mockup looks like: download ...
9
votes
5answers
1k views

Should I show the “Save” button before the required state is achieved

In our web application, to save a transaction (such as an invoice) the user must select the contact's name and add at least one item to the grid. Presently, the save button shows before these actions ...
6
votes
6answers
3k views

Why do many/most (Android) phones have the power button opposite the volume buttons?

I have just bought a Nexus 5 phone. I love the phone, but like my previous two phones it gives me grief when turning the thing on or off. The problem is that the power button is almost directly ...
4
votes
2answers
1k views

With link and button side by side, and the link is the more important action, how can I SHOW that it's the more important and frequent action?

In this question I asked about the appropriate label for viewing/editing an item in a list. I settled on a different solution than any there given - that of using a link for the viewing/editing, and ...
18
votes
6answers
4k 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 ...
0
votes
2answers
112 views

Appropriate label for a button that takes a user to an item?

I have a simple setup for this scenario... A page that lists all "playing seasons". Each season in the list has two buttons on the far right, an "Open" and a "Delete" button The "Open" button takes ...
5
votes
3answers
866 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, ...
0
votes
3answers
82 views

Customize table columns

What is the best practice to place customize columns button for the Data table. Please suggest if am right with the images added.
259
votes
20answers
34k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
0
votes
2answers
79 views

Moving block of tabs with buttons

I'm trying to display informations from a Json object in 5 tabs at a time with two buttons to go to the next or previous 5 tabs What do you think would be the better way of you doing it?
1
vote
4answers
87 views

What are the possible means for showing that a timer is running?

Some button in my app is blocked until a timer finishes. But, I don't want to display the remaining time, so that the user does not keep staring at the timer, waiting for the button to be unblocked. ...
0
votes
1answer
58 views

Mobile: Hiding other options

The registration page would only ask for simple things: name, e-mail address, password, and phone number, and "user type". For the user type, say the choices are: Buyer Seller Middleman Visitor By ...