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)

32
votes
4answers
2k 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
205 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
374 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
131 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
307 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
596 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
193 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
501 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
668 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
175 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
682 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 ?
48
votes
9answers
10k 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
221 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 ...
11
votes
4answers
831 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
448 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
400 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
868 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
805 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
216 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
122 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 ...
363
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 ...
8
votes
3answers
700 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
467 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
203 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
791 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 ...
61
votes
10answers
8k 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
962 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
191 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 ...
8
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
103 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
125 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
628 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?
3
votes
3answers
256 views

which is the best way to show Like/Dislike click results?

I am planning to use Like/Dislike buttons in my forum for rating the comments and posts. I found two nice ways to implement Like/Dislike results: A. Show the sum of Likes - Dislikes between the ...
0
votes
2answers
177 views

Social media in 'Coming Soon' pages

I was setting up a 'Coming Soon page' for a client, with an email field for users to register for updates and links to the FB page and Twitter account of the Web app. Their concept isn't ground ...
4
votes
5answers
614 views

Are my thumbs up and thumbs down buttons clear enough for the user? [closed]

They are basically like the the ones you see in Digg. I also thought about using arrows (like in StackExchange sites), but I think people are more used to thumbs these days (due to Youtube, ...
2
votes
2answers
180 views

Two buttons next to each other in a mobile navbar

I have a UX issue which would be simpler to solve if I had to buttons next to each other in the navbar for a mobile device. In the images below I'm referring to the buttons marked 1 and 2. 2 Will in ...
0
votes
1answer
213 views

Usage of darker shade to show selected/focused button

Consider that I am creating an interface for a mobile app which shows a list of buttons on the main screen. I can move through the buttons using mobile keypad (feature phones) or screen touch (smart ...
5
votes
6answers
1k views

Would putting a submit button at the top of a long form be usable?

I have a form with 3 long columns of checkboxes where the user needs to check whatever options she/he needs. Sortening the amount of checkboxes is not an option Im afraid. Our users are mostly in the ...
11
votes
5answers
350 views

Button placement while others ones are invisible/disabled

I have a tool bar of buttons. The state changes every time user interact with it (fig. 1). Fig. 1 Sometimes application allows user to refresh view only, so other buttons are invisible (fig. 2). ...
5
votes
4answers
380 views

Disabled buttons while long running task

My application has a toolbar and a lot of buttons on it. Some buttons start a long running processes(tasks). At this moment every task executes asynchronously to allow user to do something else while ...
1
vote
3answers
227 views

Actions through buttons and alternative ideas

In the following image, you can see a screenshot of the current look of a "Contacts" panel I created. In the area I have highlighted (bottom) there are two buttons to add and remove contacts ...
2
votes
2answers
95 views

Advice on ordering horizontal lists of commands

I have a set up like this with a title and then several buttons/links to perform actions: TITLE delete preview share stats publish All else considered equal, I'm trying to consider how to ...
18
votes
2answers
503 views

Social media sharing: Does simply showing icons stimulate action?

This is tangentially related to the question "Social Media Icons - show all visible, or group under 'share'?". In my organization, we've generally found that displaying the individual icons for ...
34
votes
10answers
2k views

What's the point in electronic devices beeping on keypress?

Many electronic devices, mostly cell phones, by default beep on keypress. What's the point in that? Once a key is pressed their state is changed and that's reflected in the graphic interface anyway. ...
7
votes
2answers
700 views

Max OS X Lion: Two Buttons “Highlighted” by Default—what?

I've noticed this in a lot of applications under Mac OS X Lion lately. For example: Pressing return is equivalent to pressing the button with the blue background, not the highlight. What's the ...