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

How to better display metadata about a card?

A Card has the following metadata: Information: Status (ready or not), Stage (one of nine) Actions: Edit, View Statistics, Edit, Delete, Archive I need to display both sides of the card on this ...
19
votes
5answers
2k views

What should be the difference between enabled and disabled buttons? (especially if they are grey)

What is the best way to show that a button is Enabled or Disabled? (especially if it has grey color) For example what do you feel about the following button? Is it enabled or disabled? How could it ...
5
votes
3answers
484 views

Whether to use pointer (hand) over a button or just the default cursor

Gmail uses the pointer on mouse over of a button, while many of other websites uses a hand So I am wondering which kind of cursor is more friendly to users (on web applications), or it just ...
12
votes
3answers
399 views

What do you think is a better label “New” or “Add”

At the moment I am building a web application that stores a lot of data inside of tables. In each of the pages containing the tables the users have many actions; they can add, delete, or edit the ...
36
votes
11answers
4k views

Can an OK button do nothing?

I guess the answer is probably "just be consistent" but if not I could use some fodder for arguments for and against. Here's the scenario A dialog box with a list of things to choose Something ...
2
votes
1answer
296 views

What is the best practice for multiple button placement and emphasis?

Usually, we only have 2 buttons at the bottom of a form or a page that requires an action: Submit & Cancel. This one is quite easy to style. However, what if we are dealing with multiple buttons ...
2
votes
2answers
2k views

Placement of 'Cancel/Done/Home'-Button on iPhone modal view

I have a modal view in my iPhone app including a navigation bar with two buttons on the root view controller. A a button to dismiss the screen, also not sure which title to use calling it now the ...
2
votes
1answer
83 views

How to improve edit options for modules

I'm trying on improving my WordPress plugins UI and make it more intuitive. My plugin offers an editor to create newsletters. They are split into "modules" and every module has up to 6 options. This ...
0
votes
0answers
23 views

How to name message box buttons when asking whether to cancel something? [duplicate]

As a follow up to my previous question, I still do have an edge case where I do not know how to name my message box buttons. Currently I'm having something like that: Since I rather should use ...
1
vote
2answers
378 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
310 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
567 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
186 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
477 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
457 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
187 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
432 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 ...
8
votes
1answer
2k 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, ...
13
votes
2answers
639 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
258 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
107 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 ...
8
votes
2answers
1k 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
2k 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
276 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, ...
2
votes
3answers
461 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
437 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
94 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
138 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
384 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
4answers
287 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
305 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 ...
36
votes
2answers
3k 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
298 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
168 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
136 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 ...
2
votes
2answers
190 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
248 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
238 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
216 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
1k 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
657 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 ...
5
votes
4answers
415 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
417 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
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 ...
2
votes
4answers
185 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
3k 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 ...
5
votes
2answers
422 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
528 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?