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)

0
votes
4answers
141 views

Which is better to disable, the confirm e-mail field or the sign up button?

Background I'm working on an application where users have to use a specific email domain to sign up (Either @a.com or @b.com. Anything else gets rejected). In order to prevent my users from going ...
0
votes
2answers
95 views

In what order to place sort up/down buttons in a table?

This is a simple question: In what order should I place the move down and move up button in a sortable table? This may be "opinion based", but I hope it's not and there is a definite preference. Out ...
0
votes
2answers
83 views

Button to the Left or Right of Text

If I have list and each item has an expand button, should the expand button be on the right or left of the text? If it's to the left of the text, then all the buttons will align, but if it's to the ...
4
votes
3answers
81 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, ...
0
votes
0answers
18 views

Auto Follow Video Mode on a Video Mixer

Many live video mixers have a so called AFV mode. This means that the audio for a specific source follows its video, meaning it is turned up as soon as the source is live and turned down when it is ...
2
votes
3answers
168 views

Too many decision points?

I would love some advice on how to make this window as clean as possible. There are a lot of buttons and I'm trying to figure out how to display everything elegantly, keep it simple for the user, ...
2
votes
2answers
157 views

Is it preferable to have a plain “Save” button vs. “Save ___” (noun) button?

I know that it is preferable to have buttons labeled with verbs, but I'm wondering if there is a benefit of also having a noun following the verb. The specific case I'm looking for is a Save button. ...
1
vote
1answer
43 views

case study for CTA text for blog

I have a tech blog , and above the fold there will be a hero layout , with some title and tag lines which are important to the blog. Below these I have a CTA button , that will scroll to the second ...
0
votes
3answers
138 views

When a text field should have Clear button?

I'm talking about little cross appearing inside text field after typing a text, espessially for search fields in desktop interfaces. But any considerations about general text fields on any platforms ...
1
vote
4answers
208 views

Why should “cancel” and “confirm” button have the same size?

A lot of UI Framework provide 2 different types of buttons: 1) The first one: a sort of confirmation button 2) The secondo one: used as a "cancel" button The UI of the two buttons could be different: ...
0
votes
1answer
72 views

common buttons across tabs

I am designing an Webapp in which there are four tabs. I also have 4 buttons which are common across and should be accessible from any of these tabs. The scenario is user may be in any tab and they ...
5
votes
7answers
620 views

Where to place a delete button in a modal

Currently in our application we have tables of information that give you some of the most important data and them we have a view more link that pops open a modal dialog and gives the user all of the ...
5
votes
4answers
1k 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
51 views

Proper way to describe saving canvas to server?

Problem I have an app where the user draws to an HTML5 canvas, and then is presented an option to save it to the server. Currently a button that says "Save" is shown, which instructs the server to ...
1
vote
3answers
126 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
3answers
211 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
0answers
27 views

How can I convey the mean of a button with an icon on a html page on a mobile device?

I have an application which uses buttons with text when working on a large screen. Buttons such as "Start", "Continue". To make it clear to the user what these mean I also use a title such as "Start ...
37
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 ...
1
vote
1answer
102 views

Icon same color as Buttons

This is a simple website demo, with 2 buttons, a icon, and a main display with text information. I like the uniform look of this, color wise. But, I am concerned I am breaking a rule or causing ...
6
votes
2answers
328 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 ...
0
votes
2answers
77 views

While editing fields in a modal, does it really need to have the Save or Update button appear already?

I am not sure if i need to let user see it already eventhough he has not change in the fields. Why on some modal or forms, they already appear? whats the reason behind it? What to save when user has ...
288
votes
20answers
38k 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
90 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
1
vote
3answers
81 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
159 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
231 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 ...
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 ...
1
vote
1answer
101 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
601 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
872 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
86 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 ...
34
votes
7answers
6k 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 ...
1
vote
4answers
106 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
89 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 ...
129
votes
5answers
15k 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
97 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
5answers
219 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
209 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
30 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
483 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 ...
48
votes
6answers
64k 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
100 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
161 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
141 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
290 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 ...