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
244 views

Action buttons for mobile — ok to go full width?

Is it acceptable to use full width mobile action buttons, say in the footer, like in the 1st example? It's nice and simple but I'm afraid users might mistake it for a regular footer. The 2nd example ...
2
votes
1answer
200 views

What is the use of a play icon with line next to it

We got a few general music player icons for playing and manipulating playlists. > = play tune >> = hold to move backwards in tune (or skip to next tune) << = hold to move forward in ...
5
votes
2answers
383 views

Correct ordering position for 'Yes', 'No' and 'Not now'?

What is the correct position for the 3 buttons: Yes - No - Not now (or Yes - No - Later) is it Yes - No - Not now or is it Yes - Not now - No This will be on a windows 7 windows application, on ...
2
votes
4answers
155 views

Should the current likes counter be inside the Like button?

I noticed that Facebook, Instagram and other well designed apps separate the Like and Comment buttons from their counts. Any ideas why they do not put the counter inside the button? Maybe have a split ...
6
votes
2answers
311 views

How to style a button - AJAX vs Hard Refresh?

When I'm casually surfing the internet, I stumble upon random buttons that I'm not really sure if they're going to open up a modal or just slide down a div so I just get scared of clicking them in ...
4
votes
2answers
387 views

Origin of “big green button”?

I found meme about big green button. When people visit download sites (like software directories, file hosting sites, torrents, etc) after completing reading page title and deciding to download they ...
2
votes
2answers
163 views

Social rating tool

I'm thinking of adding a like/favourite feature on my project but I'm currently finding it hard to choose a suitable social rating tool. I've spent days trying to think of an innovative rating tool, ...
3
votes
1answer
323 views

Delete button placement? [duplicate]

I am currently working on an application that allows for massive data entry. With that data entry also come with a need to delete some of the entries. The flow of the application starts when a user ...
4
votes
1answer
1k views

Is the browser back button still the second most used navigation feature?

In 1999 Jakob Nielsen stated that "the Back button is the lifeline of the Web user and the second-most used navigation feature (after following hypertext links)". But the web has evolved since then, ...
12
votes
2answers
553 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
6answers
203 views

Placement/order of buttons

I'm designing a form that will be used for posting an advertisement. The form will include the following buttons in its bottom section: Reset Preview Update I need advice regarding the ordering ...
1
vote
1answer
87 views

iOS multitasking closing is poorly designed? [closed]

I have a question about iOS's multitasking bar, and a design decision in it. If you double tap the homescreen to go into the multitasking ...
6
votes
2answers
752 views

How to know what should be a button and what should be a link? [duplicate]

I implemented a webpage that in practice was a dead end and it just said "Your registration is complete. Please press the button to go back." and there was a button to go back to the page from where ...
19
votes
7answers
1k views

Should all button text start with a verb?

I'm reading The Grammar of Interactivity on UXBooth and finds it quite interesting. However, the article quotes David Hamill who said (or wrote): Buttons are for actions, like “Get a quote,” ...
2
votes
4answers
233 views

How should a website handle signup for two types of accounts?

For instance, say a site is for merchants and consumers; people should either sign up as a merchant or a consumer – they require two different forms located on different pages. From the home page, ...
152
votes
22answers
23k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
2
votes
3answers
349 views

'X'-close button on iPhone

The default way of dismissing views in iOS is with Cancel or Done. However in this view I think Cancel uses to much space, which is better given to the search bar. What is your opinion? Is using X ...
4
votes
2answers
331 views

What should a toggle switch do when using a multi-select?

When an item in a list has one of two possible states, how should the toggle switch behave when items have been selected that have different states? Neither action is dangerous, but it may act on ...
2
votes
1answer
86 views

Sending a Search Form on mobile - keypad and / or call to action button

say you have a modal view with a simple form and a cancel-option. as soon as the user selects a field the keypad shows up and usually provides a "Send" or "Search" Button to send the form. is it ok ...
-2
votes
1answer
110 views

Best principle to place button in alert dialog [duplicate]

For all alert dialogs with one or more buttons, which would be the best practice to place the buttons? Align left? Align right? Align Center? Please describe your reason for your choice! :) Tks!!
0
votes
4answers
259 views

Prefer buttons over text links when designing for mobile?

When designing for mobile, should one prefer buttons over text links whenever possible? I'm guessing buttons are better at encouraging tapping, whereas text links are increasingly becoming associated ...
14
votes
6answers
2k views

When to use the Back button vs. Cancel/Done on iPhone

I noticed that in some cases Apple uses Cancel / Done buttons, and in others there's only the the Back button. In Calendar, for example, when you choose how often an event should repeat, you have ...
5
votes
2answers
391 views

Browser extensions: page action or browser action?

I develop a Firefox and Chrome extension, and I'm adding a button. It seems like a page action (button in the address bar) is the "correct" choice, as opposed to a browser action (button on the ...
5
votes
4answers
252 views

Adding a state to a control that indicates a row hasn't been saved yet

I'm working on a web application that users use to approve a bunch of items from a list. Imagine, say, an expense report that someone has to approve every item that's listed. Currently, the system ...
2
votes
4answers
242 views

Clarification on letter case in button text

I'm looking for clarification on the use of letter case. The two examples are: "Duplicate Search" vs "Duplicate search" this is in the context of performing a search of users in order to detect if ...
33
votes
2answers
2k views

What rules does Google use to make a button gray, blue, or red on their sites?

This has been an elusive topic, and I haven't yet been able to form my own conclusion about what Google's reasoning is to make a given button blue, red, or gray, given their latest design ethos. Take ...
2
votes
5answers
272 views

Should a form's style be left to the browser?

Instead of using CSS resets, I use Normalize.css, and I usually style an HTML form's containing elements such as input, label, textarea, etc. to the fullest extent. To make sure that the form's design ...
4
votes
2answers
127 views

Evidence of Button-action and Link-action in the same scope?

When I started to know GUI in the early 1990s there were always the same type of control to perform an action of the same type, even though the action was different as in [OK] [Cancel] and [Yes] [No]. ...
3
votes
1answer
131 views

Equal Opportunities Button

I'm currently designing a form at the end of an application process to ask potential candidates to complete an Equal Opportunities form. (We are required by law to provide this) However I'm trying to ...
4
votes
3answers
671 views

The meaning of the Home button in browsers

I'm not talking about the Home on the website or an app but the home on the browser itself. First of all, I saw no use for that button eversince I first touched a browser. Maybe it made no sense to ...
2
votes
2answers
155 views

Sort by recent / popular: Use tabs or buttons?

I need to sort my content by recent and most popular. I see Reddit uses tabs, but unfortunately tabs won't fit into my layout. Would I be breaking any UX principles by using buttons? This question ...
3
votes
3answers
212 views

Should tags be buttons or links?

Are there any guidelines on how tags should ideally look like? Are they links, buttons, or visual "tags" with a link? I personally find tags that mimic a physical tag or strip of tape appealing, but ...
4
votes
1answer
229 views

How does a 3d shading impact circular button use?

I recently ran across a circular smiley icon with lambertian shading, specular shading, and cast shadows. The effect was a little like a ball on a table. Here it is: Clicking the icon toggled an ...
0
votes
2answers
177 views

Is it ok to make non-unlikable like button? [closed]

Is it OK with facebook policies to make a "like" button that will disappear for user when he use it? If not - is there some other button that can be placed in other site (not on facebook) that will ...
7
votes
3answers
919 views

exclusive select in a table: radio button, rowclick, text only, text and icon, or icon?

If you have a table where each row can be selected, and you are only allowed to select one row at a time, and selecting a row causes a drill-down table to appear to the side, how would you render ...
10
votes
8answers
631 views

How can I distinguish two different types of buttons, without using labels everywhere?

I'm developing an application to count traffic at intersections. There will be two different types of buttons: one to count trucks ("lkw" is the german abbreviation for a truck) one to count cars ...
3
votes
3answers
320 views

Placement of Buy now/Download buttons

Hello respected UX community, I am working on a new website which will be used to sell a software application, but will also have a free limited version of it (not time limited, but feature limited). ...
5
votes
4answers
358 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 ...
5
votes
1answer
331 views

Price plan table with multiple payment options

I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
3
votes
3answers
177 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 ...
2
votes
4answers
169 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 ...
9
votes
6answers
2k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
4
votes
2answers
297 views

Where to put a global “add item” button?

We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
15
votes
3answers
1k views

What's the common name for this button?

I'm trying to find out what is the way to call this kind of button: To be precise, I'm talking about a button which acts like a regular one for most of its area, but has also a "more" area, ...
9
votes
6answers
476 views

Should I style my buttons?

Are there any major advantages / disadvantages in styling ones buttons like Facebook, Twitter and StackExchange - vs. not styling them like Craigslist and 4chan?
6
votes
3answers
336 views

Web Based Portal Dashboard - the age old button vs link

I'm very aware and in agreement with the buttons for actions and links for navigation practice but I have come stuck on this design. It is an internal company portal, and this is the dashboard for ...
4
votes
3answers
461 views

Links or button to open a modal window over a datatable

I work in a usability team and in our applications we allways use links to open new pages (navigation), and a buttons to do an action, submit a form, for instance. But now we face a dilema: we have a ...
2
votes
3answers
167 views

Making buttons easier to read

Sometime ago I found an article about making buttons, or what is written on the buttons more readable. Not so much by design but by what was written on them. For example. Not so good ...
47
votes
9answers
8k 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 ...
14
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 ...