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
2answers
117 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 ...
29
votes
14answers
4k 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
179 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?
3
votes
8answers
370 views

“Save As” vs “Clone”

We have a system where a user can view database records in a GUI application. The main purpose of the GUI is for creating and editing these records. We are now developing a feature whereby a user ...
2
votes
1answer
156 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
309 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
476 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
356 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
75 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
86 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
113 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
95 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 ...
2
votes
1answer
143 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
198 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 ...
357
votes
20answers
26k 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
173 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
168 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
210 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
113 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
107 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
82 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
187 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 ...
28
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
122 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
237 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
136 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
649 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
445 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 ...
113
votes
14answers
9k views

Who needs an external on/off Wi-Fi button?

It puzzles me that there are Laptops which are shipped with external physical Wi-Fi buttons. I see no real use of it, but it might have a historical explanation?! The only time one notice the external ...
1
vote
1answer
188 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
183 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 ...
12
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
186 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 ...
2
votes
2answers
131 views

Hiding less used buttons on Android

This is the workflow I am addressing and I'm looking for some feedback on the approach. A user can perform the following functions: Add Allergy (takes user to a form to fill out the details and ...
2
votes
3answers
156 views

Is the “X” close Button sufficient or should there be a close Option in a Menu?

Is it enough to only have the "X" Button in the upper right corner for closing an Desktop-Application, or is it necessary to provide an Close option in the Menubar (File->Exit)?
4
votes
2answers
138 views

Should we force users into providing feedback before dismissing an action item?

Say we have a list of items which are 'action items', in the sense that each item represents a task for the user. The list is compiled automatically in a way resembling a news-feed - there is some ...
2
votes
2answers
213 views

Submit button permanently disabled or invisible?

I have an app in which we submit multiple surveys for reporting with one submit button. The only way to undo the action is to unsubmit each individual survey. This would allow the "submit" function to ...
0
votes
3answers
157 views

save, save as, load, reload buttons

I need to add those 4 buttons: Save (the current settings) Save as (a new setting files) Load (a new setting files) Reload (reset the settings to the last saved) I don't know how to graphically ...
1
vote
3answers
115 views

Settings button at the top or bottom of the screen?

If the settings don't need to be changed very often, but need to be very accessible when they need to be, is there any reason for putting them at the top instead of the bottom of the screen (or vice ...
1
vote
2answers
335 views

Best practices for multiple buttons

I need some help with the layout of multiple buttons/links that have to be laid out in a row. The delete button is furthest from the others in order to avoid error, but I will have a confirmation ...
1
vote
4answers
498 views

Toggle Buttons vs Tabs

What are the problems with using toggle buttons instead of of tabs? I have a design where action buttons and tabs share the same row. I have 1 row with action buttons in it. In this same row I will ...
1
vote
4answers
207 views

Bold font on buttons? [closed]

I'm used to the buttons with in bold. They need to attract attention. And bold font style is one way. But, I've heard that sometimes such text looks awful (for example, Mac?). In bootstrap 3 font on ...
8
votes
4answers
493 views

Not known - Yes - No Buttons

Imagine a form with a list of items (facilities - toilets, showers, etc.) where for each of them user can select whether the item exists (Yes), doesn't exist (No) or it's not known whether it exists ...
3
votes
3answers
247 views

Signal Strength or Connection Speed icon [closed]

We have a stand alone application on our site that uses realtime video/audio. We are in the process of adding a connection speed icon but it seems we have some disagreements on the icon that should be ...
2
votes
4answers
266 views

Segmented/Split “Save | As” Button?

Background: I have an application that has several "Save As" options in addition to "Save". This is a web application without a menu bar (just a button area at the top of the interface). The ask: ...
0
votes
3answers
176 views

What are the implications of different button sizes?

What are the implications of different button sizes in terms of what the designer is trying to convey to the user and what the user is implying as to the function of the button? For example, does a ...
1
vote
2answers
95 views

Selectable items change size as they are loaded

How do you make a usable selection list when each item in the list varies wildly in size and takes a long time to load? We have a list where the user can select a piece of code to display on a web ...
2
votes
2answers
174 views

Hide Controls Until Usable

I have a drop down box where the first item is blank indicating they haven't selected anything yet and then it's filled with other choices. There is also an insert button beside the drop down. The ...