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)

1
vote
2answers
159 views

Opposite actions combined in one split button

For the interface I'm working on, users can mark certain rows as "Verified", but they also have the option of marking them "Unverified". To do this, they select several rows by clicking on checkboxes ...
1
vote
2answers
166 views

Convey State or Action? [duplicate]

I'm sure we're all aware now that when we see a greyed-out button, it either means that 1) we cannot click it, or 2) its current state is off - or false. In my application, I have a square, which ...
12
votes
7answers
759 views

Best Practice for a button that performs multiple actions

Consider this scenario: A "Connect" button, which changes to a "Cancel" button when clicked. When the connection succeeds, it changes to a "Disconnect" button. Should this be handled with 3 ...
2
votes
2answers
234 views

Mobile search screen button layout (Search|Reset)

I am contemplating the layout of search page buttons for a mobile app (iOS). The buttons are located at the bottom of a scrollable table view. Here is my current layout: I have been noticing ...
1
vote
2answers
543 views

Home button best practices

I'm building a hosting company, there are buttons on the homepage that links to my main products, example: download bmml source – Wireframes created with Balsamiq Mockups Now, I really ...
3
votes
7answers
738 views

Should I call my button “Unjoin” or “Leave”

I'm creating a web app where people can organise football games, played in the real world (screenshot below to give some context). I'm struggling to choose a good name for the button, which allows ...
1
vote
4answers
550 views

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

Any ideas for how to design a multi-state UI "button"? The the states are: Off On, Selected On, Unselected There needs to be a clear interaction difference between a user "Selecting" it and ...
8
votes
4answers
2k views

Where do you put the delete button if you have delete, cancel and submit?

I have a web app which currently uses the following interface. download bmml source – Wireframes created with Balsamiq Mockups Here's what the actions do: Delete will delete this group ...
0
votes
5answers
569 views

Placement of edit and delete buttons for dynamic table

The application I am working on has dynamic tables that gets longer as the user adds more objects. The user is able to edit the properties of these objects and/or delete them. I'm quite confident of ...
1
vote
1answer
504 views

HTML button Hover effect standards, principles or best practices

Are there any standards, principles or best practices to change the color or effect of a button on hover. Something like : Make it lighter Make it darker Change background and foreground color Add ...
4
votes
7answers
455 views

Should “Delete” or other critical action buttons be emphasized or de-emphasized?

Should "Delete" buttons or other critical buttons be marked with more emphasis or should actually go unnoticeable? For instance which of these is the best practice when making a "Delete" or perhaps ...
1
vote
3answers
330 views

Checkbox versus a button when switching between two states on an item

The user needs to be able to activate/deactivate an item in the ui. SPECIFICATION: Display the current state of the item (activated or not) and offer the ability to activate/deactivate it depending ...
1
vote
2answers
122 views

How do i call my buttons to return to a previous screen

For a specific project drawing app, i have a bit of a problem with the terminology of some of the buttons. Namely the buttons to save a drawingboard and to return to the drawingboard 'gallery'. In ...
2
votes
1answer
491 views

What is the reception of flat UI in modern tablet Videogames?

Here's what a typical modern iPad game looks like. There's lots of eye candy in this image, like golden gradient borders, buttons that look like gems, gradients, etc. Icons for weapons are drawn in a ...
4
votes
1answer
142 views

Fixed form button bars

Recently I've been designing complex multi-page forms for financial institutions and up until now they've been designed with a fixed navigation bar at the bottom of the screen, like so: The forms ...
4
votes
4answers
1k views

Why electric car windows can be automatic for driver's window and manual for others?

I'm European and I don't understand the logic behind electric car windows commands. In a lot of cars, a driver can fully open the electric window on his side with a single push. But if he wants to ...
9
votes
5answers
766 views

How long should a press-and-hold-button action be?

How long should a button need to be pushed in order to indicate "this is a press and hold action rather than a simple press"? E.g., to unlock the OSD of my Dell monitor, I have to Press and hold ...
4
votes
2answers
126 views

Should the comments/discussion slide-in from the side?

I'm implementing something similar to source control (like GitHub for flow charts) where users will have a list of changes that can be submitted. On this review page they can click on a change to see ...
30
votes
14answers
5k views

Should the OK/Cancel buttons be aligned right or centered?

Where should I put the OK/Cancel buttons on my dialogs? At the bottom centered or aligned right? I've seen both and I personally don't care, but I want to create a consistant look across my ...
0
votes
2answers
180 views

To what extent is it sensible to use filter and sort options together?

Working on an e-commerce shopping site, I am observing that the users first sort and then refine their results. Will providing both the options confuse the user?
2
votes
1answer
183 views

Multiple toggle buttons with initial selection

Facts: Multiple toggling buttons Only one may be selected at a time There is an initial toggled button, which will be changed after a save action Must occupy as less space as possible (i.e. ...
2
votes
1answer
323 views

Where should a UIButton be to add cells to a tableView?

I have a limited amount of space in a new options menu I designed (much like a combination of twitter's scrollViewTexturedBackGround colored table, with notification center's custom headers, and ...
6
votes
2answers
1k views

Buttons placement convention in Android

Is there any convention of placing positive buttons on the right and negative on the left in Android. I know for dialog boxes this is preferred as opposed to this because its more intuitive But ...
3
votes
1answer
501 views

Color Scheme for an Older Demographic

I have a couple of questions: Is this color scheme too distracting for a senior demographic? Do you think the blue puts enough emphasis on the "buy now" button? Or does is not stand out enough from ...
1
vote
2answers
375 views

A survey of grid box layout user experience design

I'm looking for other ideas to give a grid box (which contain an image with its title) a better user experience, make it easy to use. I think some people can't find out that they should hover and then ...
-1
votes
1answer
87 views

What control is the best to edit Yes/No properties? [closed]

What do you think? I have a little window with one content control. What is the best control to edit a Yes/No value? At the beginning i used a combobox,now a radiobutton. Maybe is a checkbox better? ...
0
votes
1answer
89 views

Should export button use the last query or the next query?

I have a text field where users can enter a query, and a Search button. When the user clicks on the button, it sends the query to the server, which in turn returns data that I fill in a table below ...
1
vote
3answers
115 views

Freezing the UI when doing a synchronous operations

I have a button in the UI which does a critical action (restarting of a server) and thus the latter operation could last for few seconds (10 - 15). Thus, I'm doing the following: Freezing the UI so ...
0
votes
1answer
110 views

Set color for status buttons inside grid

I have to update the buttons for a grid. Currently the ones used are the ones in the skin/light orange color and I am testing different ones. There are 4 buttons: Active Inactive Active long term ...
3
votes
1answer
208 views

How to interpret wcag2.0 guidelines on contrast for buttons and icons

The accessibility guidelines from the W3C offer neat and usable guidelines for creating text that is readable for everyone. There are a number of very useful tools for checking contrast levels, so ...
5
votes
3answers
228 views

Is perpetually animating a button an acceptable method for indicating that it has been activated?

I work alongside a client and another designer. We currently have menus that open via button taps. After tapping the buttons, the client and other designer have decided that said buttons should ...
362
votes
20answers
27k views

Why do people clear the screen multiple times when using a calculator?

I've noticed that most people when using a real or a virtual calculator, they hit the Clear button multiple times when clearing the screen (even though hitting it once is enough), so I started ...
0
votes
3answers
187 views

creating a switch for two options

I have search box, and I want two options for users to search "NEW" or "USED". They will essentially be checkboxes, but I want to know the best way to make these look nice, like buttons (most likely ...
4
votes
2answers
178 views

Symbol for long touch button?

Long touch has become a common input action on touch devices. Does anyone know of any sign or symbol that means "this only responds to long touch?" On all the long touch uses I've seen you have to ...
3
votes
4answers
226 views

Looking for “hard-to-accidently-press” button conventions

I'm working on a phone/tablet app (a musical instrument) whose play mode is full screen. I need a way to open a menu. I don't mind placing a button in one corner of the screen, but I think a normal ...
0
votes
3answers
118 views

Whats the best way to add relevant and short information next to the button to help users go to the next page?

On the website I'm working, users ask very frequently when do they get to do the upload to finish the order. Its a printing business, so users want to upload asap, but we dont want to storage all ...
1
vote
2answers
112 views

Submit button on the inside of the field - Good or Bad?

I was Browsing GoDaddy's website and saw they use their buttons inside their input fields, see for yourself: "Go" buttons, inside of input's frame Live example: http://www.godaddy.com/ Is ...
0
votes
1answer
99 views

Submenu and action combined in one element

We currently have a quick menu in our (web) application which is basicaly vertical list whith icons and names which drops down on demand. Because some options in the list warranted sub-options we ...
3
votes
4answers
200 views

Modals: “Cancel” styled as NOT a button, just a link [duplicate]

I've been working on some modals for an app, and I have done some research into how various confirmation/abort options are presented to the user in the footer of a modal. A user over on Dribbble ...
29
votes
6answers
1k 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. ...
0
votes
1answer
133 views

What is the best order for several buttons at the foot of a modal?

I have a multipage modal I am creating. So I have Previous, Next, and Cancel buttons. In addition, since their are many steps, some of which could be blockers, I am giving the user to ability to save ...
2
votes
2answers
250 views

Standardizing button naming in a website

I am trying to determine how to name buttons in a global element document: There are two types of scenarios where buttons are used: (1) User submits a request and (2) Approver approves or rejects ...
2
votes
1answer
146 views

Send by email button - required or redundant

Is it a good UX practice to use a Send by email button, like the Email icon here http://www.addthis.com/bookmark.php, on a website to send content? The button would pop up a window where you can ...
3
votes
1answer
754 views

Usability studies on navigation of mobile websites

I recently experienced serious usability with a website I have done using twitter bootstrap. When accessing the website on a phone, specially older users did not recognize the 3 horizontal lines ...
12
votes
7answers
1k 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 ...
2
votes
2answers
636 views

Save & Add New, Save & Close, Save, Done, Cancel

This is something I've been struggling with, because there seems to be a lack of standard for it (as far as I can tell). There are two scenarios. Save & Close and Save & Add New We are ...
1
vote
1answer
222 views

user flow using a feedback button

Suppose I have a mobile app which asks users for their feedback on the app. The feedback button is located on the main screen at the bottom of the list (the app is built with a list). After the user ...
1
vote
3answers
197 views

How can I display a tri-state button that displays the current state?

Ideally it would allow for a one-click change from any one state to any other state. Currently, I have a button that displays the current state. When you click on it, it just cycles through all the ...
13
votes
8answers
1k 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 ...
2
votes
3answers
213 views

How should 'Quit', 'Save Draft', and 'Continue' be positioned on mobile web?

Note: Due to the constraints of this project, I can only touch the CSS. Basically, we're being hacky and styling this desktop site so that it's halfway usable on mobile. I'm working on a web app ...