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
3answers
1k views

Ideal location for a donate button?

I am working on a website for a non profit and they anticipate the need to have a donate button in the near future.In that context,I was revisiting the site architecture and I was wondering about ...
5
votes
2answers
807 views

Correct terminology for that circle/bubble with number of notifications in it?

Some applications will overlay some colored bubble/circle with a number to show how many unread messages/notifications or "things to do" are currently available. For instance, it's on Skype to show ...
3
votes
3answers
185 views

How Can Buttons Be Used Even When Lightboxes Are Activated?

We have a Help button in the header of our product, directly next to the Log Out button. We also have modal lightboxes that, when activated, grey-out the buttons in the header, even though they are ...
44
votes
6answers
2k views

Should I provide feedback from a save button?

I'm currently in the process of developing a Windows Application which produces Word Documents. In the program there is the ability to save your progress (different to the "Save as a Word Document" ...
6
votes
8answers
2k views

Do android users press the menu button?

I want to add a new function to my android application, but am a little bit confused in deciding where exactly to display the functionality. I can either show it as a button in the application or add ...
1
vote
1answer
302 views

funnel or checklist icon [closed]

I am looking for an icon to act as filter button (which on click will show a box with the filter options) So I've seen a couple of results on google for filter icon and I've only seen by now funnels ...
13
votes
5answers
2k views

Which color for a “Pay now” button?

I know there is no such thing as one good color that can be universally accepted, but I've been told orange is the "right color" for the payment button, and it is notable to see how both Paypal and ...
6
votes
1answer
1k views

Right call to action buttons vs left call to action buttons?

I read this interesting article which talks about the Gutenberg principle of a terminal area as being the most appropriate location to place a call to action button to enhance conversions.Simply put ...
-1
votes
5answers
442 views

Appropriate Icon for “Load” Button? [closed]

I'm tasked with redoing part of the UI in one of our desktop applications. I've specifically been asked to replace a "Load" button with an icon. Are there any conventions for this style of icon? ...
6
votes
5answers
206 views

Choosing between a default option and an occasional alternative action

I have an Outlook macro at work which pops up a panel every time you send an email, asking whether you'd like to file that email into various public folders. This is useful and we use it all the time ...
9
votes
3answers
2k views

What's the Best Placement for Save/Cancel Buttons on Very Long Forms?

I have a big project creation form having atleast having 30-40 fields where i have already grouped the relevant fields as a set(splitting into 3 columns) with proper headers, but still i have a long ...
16
votes
5answers
3k 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 ...
19
votes
7answers
1k 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 ...
32
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 ...
1
vote
2answers
215 views

Button color for access and deny permissions buttons?

I need to create an email template which is auto generated when an user requests access permissions to a document .The email template is sent to the document owner and is in this format : Subject: ...
4
votes
3answers
406 views

Does a visual “Active” state on a button improve affordance?

I've noticed some web sites neglect adding an "active" state on certain buttons or links; the visual effect when the button is pressed, usually making the button look like it's being pushed in ...
0
votes
2answers
137 views

What is the optimal position for groupings of odd numbered buttons on a form?

I have 3 buttons on a form: submit, cancel, and exit. I used a larger size and topmost position for the submit and put the cancel and exit as smaller buttons below on the left and right respectively. ...
5
votes
3answers
314 views

A button with choices

I have list of buttons that can be pressed or unpressed individually (like checkbox functionality). Some of the buttons can also have some attributes (+ or -), but it's uncommon to select those ...
21
votes
4answers
2k 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 ...
13
votes
2answers
628 views

Is there a 'science' to what colors to use on primary 'call-to-action' buttons?

I was wondering what research I can find on what colors to use for primary 'call-to-action' buttons. I know the size of the button and the contrast it has in relation to its background play a big ...
2
votes
2answers
201 views

What examples are there for grouping multiple site tools under one button or dropdown?

We're considering moving links to all our site tools under one button. Clicking the button would open a modal exposing links to these tools. The button would be in the header and be available on all ...
4
votes
3answers
588 views

Navigation Bar, mixing links and buttons

I am trying to create a navigation menu with 2 functions in it... the website 'page' navigation links and 'action' buttons... sort of like this image ...
5
votes
4answers
714 views

“Edit” button in a grid

I have an Intranet application that displays a grid. Every row of the grid is editable. Which option is more user intuitive: Having an "Edit" button at the end of each row. Have one "Edit" button ...
2
votes
4answers
183 views

Better label for this menu button

On this page, at the top, is a row of menu buttons. The leftmost of these buttons: carries the label "table config." Under the button, the user can (1) change the font size and spacing of rows and ...
3
votes
3answers
718 views

Should I use customized social buttons

I am facing a cornelian choice. Should I use custom social sharing buttons for UI consistency or should I keep them original for better recognition ?
51
votes
9answers
11k views

Should a button become lighter or darker on hover?

We're having a discussion in the office about whether a button should become lighter or darker when a user hovers over it. Here are some examples from the field: Apple "Buy Now" button (Second is ...
1
vote
1answer
238 views

Toggling a Mute Button [duplicate]

Possible Duplicate: Should a toggle button show its current state or the state to which it will change? I was using a simple app on my iPhone yesterday (a flashlight app) and there was a ...
12
votes
4answers
899 views

Why is the “dislike” button going into extinction?

I've noticed that Facebook and now Google+ only have a "Like" (or +1) button, in spite of users wanting a "Dislike" button. This seems to be a bit of trend. Disqus also dropped their dislike vote - ...
5
votes
2answers
463 views

Icon based buttons or Color based buttons which is more UI attractive and Friendly

I am seeing websites increasingly switching to color based buttons and interaction elements rather than icon based is this a trend or do they have reasons behind the switch? For example see the ...
5
votes
1answer
422 views

What is the best way to display per-tab commands or actions?

I am working on a multiple document interface Windows application. We're using tabs to represent open documents for editing. I have three levels of possible commands: Global Per-tab Per-sub-tab ...
10
votes
5answers
945 views

Replace radio-input with “buttons”? (web forms)

Is it good (or okay) UX to replace radio input fields with something that looks kinda different (please look at the image to see what I mean). I think most people will understand that they have to ...
2
votes
1answer
846 views

iPhone button on screen with table view: last row or outside table?

I have a table view that's showing attributes of a record, very much like Edit Info screen in the iOS Contacts app. Also like that screen, I'd like to show a "Delete Record" button at the bottom. It ...
6
votes
7answers
2k views

Red buttons in an e-commerce site?

I'm designing an e-commerce site with red buttons. It has a yellow/white background and it looks quite good that way. Now, my boss finds the same, he likes it, but he is doubtful, because red could ...
2
votes
4answers
229 views

“Learn More” or “Download” button on software website

Assume that a website offering a free application desires to place a button in a very noticeable part of the homepage. What would be the best choice for the label (and link) of the button: "Learn ...
0
votes
2answers
123 views

Tune the radio or tune in?

I'm in doubt whether I should use buttons or radio buttons combined with a single button. I could go with the buttons, as shown below, but I think this confusing. Another option would be the radio ...
385
votes
24answers
29k 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 ...
8
votes
3answers
710 views

Design recommendation for a button

I have a form in which the user requests a report to the system by clicking the Send Report Request button. The system then produces scheduled reports according to the interval the user selected ...
4
votes
4answers
473 views

How would you represent “easy”?

I'm working on an app that requires someone to rate the how they did at recalling an item (to which they are shown the correct answer before they rate the item). The three options are: wrong, right, ...
4
votes
3answers
217 views

Quickly change row status

I have a table of items that each have a particular status color icon. The users will need a quick method to change this status. I imagine click on the status icon an picking the new status. However, ...
4
votes
3answers
1k views

What is best practice for button labels?

What is the best practice when you're labeling your app buttons? For example, I have a button that links the user to the product reports page, will the button say "View Product Reports" or just ...
4
votes
1answer
1k views

Optimal position for call-to-action button

Where in the banner area of the landing page is the optimal position to place the call-to-action button to maximize click rate?
4
votes
2answers
923 views

Right amount of padding between buttons in a mobile app

I am designing a mobile app for both ipad and iphone. I have a navigation bar which has several buttons next to each other and an action bar that has several buttons next to each other. Is there a ...
63
votes
10answers
9k views

How do rounded corners affect usability?

How do rounded corners on buttons and containers affect usability? Do they make buttons look more clickable? When used on other non-button elements, do they make the site look more friendly? I'm ...
14
votes
6answers
1k views

With 'OK' button, 'Cancel' should appear as secondary button or link?

When I make web application designs, every time I style form or overlay boxes with OK and Cancel button. I think of making them different. But is it a good practice? Some people recommend primary and ...
3
votes
2answers
195 views

Using hyperlinks for navigation and commands on the same page

I am working on a government web application. We have specified in the style guide that buttons will be used for primary actions and other secondary actions within the page will use hyperlinks. There ...
6
votes
6answers
3k views

What is a better term for “un-pause”

I'm working on an application where users have a list of items to be reminded of (short explanation, but good enough). Users can pause items that they don't want to be reminded of, but they also need ...
9
votes
8answers
1k views

Where is the best position for CRUD button?

I was always confused position CRUD* buttons on my application. I see some applications, there are CRUD bottons on the right side, top or bottom. In your opinion, where is the suitable place for the ...
1
vote
5answers
104 views

What could be a single term (for use in a website) to refer to a community that encompasses students groups, academic institutes & recruiters?

I need a simple term that I could use in website's main navigation bar to refer to community encompassing academic groups, academic institutes & recruiters. The target page is supposed to contain ...
4
votes
3answers
129 views

What are good reasons for and against using audio for feedback?

If a device like a printer has a keyboard for users to interact with it (keyboard as well as navigation), does it help users to hear audio every time they use the keyboard for text input? Remember ...
2
votes
3answers
750 views

What color should the “Add new” button be?

I am uncertain if the "add new" button is a "positive" action and should be colored green. Or a neutral action and colored blue. What is the best practice for this?