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)

2
votes
3answers
188 views

Can I put the same share buttons on the top and bottom of a post?

I was wondering if there are problems with putting share buttons at the top and the bottom of the post. Reason is that some people share on the top, and others at the bottom.
9
votes
3answers
784 views

Why did they use two-stage social media sharing buttons?

I recently visited a seemingly fairly reputable web site and was astonished to see their implementation of a two-stage trigger for their social media buttons: (The text appears when you hover over ...
11
votes
4answers
2k views

Which is better: Buy Now or Add To Cart as the label for a button in a shopping cart form?

I have a site that displays 3 major products and it all links to an external shopping cart which users will have to fill out a form to complete the order. Which label is better? "Add to Cart" or ...
0
votes
2answers
546 views

Where to place my save button

Here's a screenshot : Every tab, there should be a save button but I don't know where to place my save button. Where should I put it? Is it okay if I place a button below the form with width:100%? ...
0
votes
1answer
125 views

Is it OK to use links to display GUI elements or perform actions? [duplicate]

Possible Duplicate: HTML buttons vs hyperlinks for navigation HTML links were born to show internal or external pages, or take you to a specific page position (anchors). Now, with the ...
0
votes
3answers
168 views

Layout of multi-purpose status update box

I'm building a status update box similar to the one found on Facebook and Google+. Mine will allow for multiple types of posts such as status updates, code snippets, images, projects and applications. ...
0
votes
2answers
1k views

Using the “X” as a close button vs a button labeled “close window” [duplicate]

Possible Duplicate: Closing modal dialogs I'm developing a flash application that has buttons that popup a window with more text, and information when they click it. This happens throughout ...
2
votes
4answers
356 views

Need a way to position a “change” and “delete” button

I am currently working on an interface for administrators to edit user profiles. Due to space constraints, I am unsure as to what's the best way to position the "Change Picture" and "Delete Picture" ...
5
votes
2answers
512 views

Where should the “clear search results” button be?

I have a page that allows a user to filter/search the content on that page by using keywords: download bmml source – Wireframes created with Balsamiq Mockups As the user types in the ...
41
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" ...
3
votes
3answers
561 views

Where to place buttons on forms in a desktop application?

When you have a desktop application in which a user is editing records (and performing other operations on records), where is the ideal location to place the buttons for those operations? I have in ...
10
votes
7answers
711 views

Ideal Donate Button Text for Nonprofit Website

What would be the ideal text for a donate button? My client would like to use "Give" as the button text, but should I urge for "Donate", as I feel this is more of the convention.
3
votes
5answers
1k views

Button order Save | Save and next | Cancel | Previous

In an application, the user is able to edit the information of several objects. The user is able to save and go to the next object. What is a good order for this buttons?
10
votes
5answers
13k views

Which “Facebook Connect” or “Facebook Login” buttons are most effective? (Data wanted)

Many sites use Facebook Login, aka Facebook Connect, Connect with Facebook, Login with Facebook, and whole host of synonyms. Facebook gives an official button to use, yet I see many variations across ...
6
votes
3answers
209 views

Showing the status of an action on a button

I have an application that can synchronize content between a website and a social network. with a button you can turn on and off the synchronization. the user needs to see the status (sync on or off) ...
61
votes
10answers
7k 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 ...
0
votes
3answers
240 views

Button layout in outliner

I am writing an outliner software. At any state, one of the items in the list is selected, and the software can do the following with respect to the selected item: Prepend a new item (sibling) to ...
1
vote
2answers
248 views

What is better better for the main buttons: icons or text? [duplicate]

Possible Duplicate: When to use icons vs. icons with text vs. just text links? I'm currently making a ticket system, but I don't know what would be better, icons for the main buttons or ...
12
votes
4answers
3k views

Is there a recommended location for a submit button in relation to a cancel on the web?

On the web, is there a recommended location for the submit (Go, Search, Submit, etc) button in relation to the cancel, reset or back button? I'm thinking the recommended positions makes it easiest for ...
4
votes
2answers
423 views

Why does the Google +1 button not change to a -1 once clicked?

When you +1 something on Google or Google+, the +1 button becomes red and clicking this red button will remove your +1 in the post. Why was it designed like this? Changing the button color to red ...
4
votes
3answers
326 views

Best way to organize interface

I have an application where users can select some items from a catalogue and add into their reports. Some users prefer to add positions one by one, first opening the catalogue, adding a new ...
2
votes
1answer
181 views

Width For Group Of Buttons

We are implementing browser based client, and we are having a little debate reg. setting width of buttons which are grouped together (either just layout wise or both layout and functionality wise). I ...
2
votes
1answer
196 views

Best placement for “ultimate” page actions

I'm designing an interface for a financial company and am not crazy about the placement of our buttons in some of our wireframes. Essentially, the links in the left sidebar are for "smaller" ...
3
votes
4answers
259 views

Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?

I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
1
vote
1answer
261 views

Button Names 'Click here' vs 'something else'

We're having internal arguments about how to label buttons with actions. Other folks in the internet teams, who aren't necessarily User-Focused, demanding that 'Action' buttons to simply read "click ...
17
votes
6answers
1k views

If input text length is known, do I really need a submit button?

Use case On a mobile device a user is improving her math skills using a native app (Windows Phone). There are many expressions being calculated in a series and the user is trying to get 10 correct ...
8
votes
5answers
292 views

Is it a good idea to put the word “or” between buttons on a screen

If I have a dialog to display to the user it has a data item displayed, and 2 seperate actions that can be done to the object. So, it's a resource and we want the user to choose which process they ...
8
votes
3answers
389 views

App icons borderless or on a button?

In an app, when using icons, we can have place it on a button, or have the icon borderless. I would think that having it on a button gives better affordance, but it seems that many reputable ...
7
votes
3answers
194 views

Fit buttons next to textbox on a widget

I'm designing a widget to select names, and move them to two different fields. The left list will display all available names. On the right we'll have two fields: a textbox and another list. User can ...
6
votes
2answers
581 views

Shading buttons darker than the normal state vs. highlighting

While coding up pieces of a website, I was puzzled as to why the designer chose a hover state that is a shade darker than its normal state. It seems logical to me that a rollover state should be a ...
13
votes
2answers
2k views

Button Placement

I'm currently developing a website and we have come across a few things on the placement with buttons that we are unsure about. The website has a booking process and on this process we have ...
3
votes
2answers
180 views

How little is too little padding between button text and its button border?

jQuery has a default amount of padding within their buttons, as seen here: jQuery UI - Button Demo. I think it looks nice, but my boss keeps telling me to kill the padding. Specifically, he said to ...
4
votes
4answers
486 views

Is a cancel button really needed in a form in a page?

I have a form, which is on a page of its own - it's a huge one, and one of the internal reviewers recommended to add a cancel button to it. I am just trying to figure out if a cancel button is ...
6
votes
8answers
388 views

Order of physical controls: volume down, volume up, mute

My speaker has 3 physical buttons in this order: volume down volume up mute I find the order quite illogical, I would expect: volume up volume down mute Is there any convention on the ...
6
votes
1answer
606 views

Share Buttons on Landing Page — Where to place them?

I've been reading up on share buttons in terms of placement, effectiveness, use, etc. However, the vast majority of resources are directed at blogs and other content oriented sites -- in fact, I ...
3
votes
1answer
85 views

Toolbar of digital signatures

Where I work, we have one of our systems in a web viewer for PDF files signed with the extension ". P7s." We are doing a toolbar similar to the adobe reader (picture below). The panel is also of ...
5
votes
4answers
595 views

Do pull down buttons confuse users about the actions they perform?

Pull down buttons (if that's their official name) are starting to pop up here and there. For example, if you look at Eclipse it seems that almost everything is a pull down button. Personally I find ...
6
votes
6answers
482 views

Combine load and save button into one button?

I'm having a configuration GUI, and want to enable the user to export the settings into a file and load that file later (or on a different computer). My dialog has several options, and is rather ...
1
vote
1answer
263 views

Facebook Like button too intruding? [closed]

Does anybody feel the Facebook Like button is too intruding in ones UI? Like it doesn't fit in, like it's some cheap plastic thing? Have anybody ever used JS or something to make any alternatives ...
10
votes
6answers
4k views

Save/Cancel/Close button behavior question

The attached image shows a dialog with a save/cancel button bank and a "x" icon to close the dialog. The question I have is this. Should the cancel button even be on the modal if it does not ...
15
votes
4answers
1k views

Can you see a good reason to remove the plus sign in Google Chrome's create tab button?

I am talking about this button: The plus sign that used to be on that button has been removed in recent versions. I am very intrigued as to why they might have found it convenient. I'm a ...
10
votes
4answers
1k views

Is a cancel button necessary in a windows form?

After reading the question "Is a cancel button necessary for a web form?", I still ask myself, whether the same applies to a Windows form/dialog box. Consider the following dialog box: Compared to ...
4
votes
3answers
176 views

When is it okay to hide actions until triggered by a rollover event?

I'm having a hard time articulating to my team what doesn't sit right with me on this design. Here is one of our prototypes: http://50.56.241.135/prototype/pin/feed_unsubscribe.html For one thing, ...
10
votes
7answers
818 views

How should I indicate an added row of buttons above the iPad's keyboard is scrollable?

In my iOS app, I have an extra toolbar that appears above the keyboard, using the same style of buttons as the keyboard. This toolbar is horizontally scrollable. Currently, in all devices and ...
13
votes
9answers
7k views

Submit Buttons on the Left or the Right?

We have been puzzling over where to put the submit button, on the left or the right. In researching, we noticed that many sites put buttons on the bottom right in dialogue boxes, and on the bottom ...
16
votes
4answers
2k views

Should “toggle buttons” show what they do or the system status? [duplicate]

Possible Duplicate: Should a toggle button show its current state or the state to which it will change? I find inconsistency in "toggle buttons" (I just invented the name now. See ...
9
votes
3answers
1k 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 ...
7
votes
4answers
202 views

Is it a problem to have a link to 'View Your Basket' and 'Go To Checkout' that both go to the same place?

I have an eComm site i'm specing at the moment. When you add stuff to the basket the on-page basket at the top of the page will update to give you a running total with links to view the full basket as ...
4
votes
9answers
304 views

Should the results of a calculation happen automatically, or require a button push?

This is a problem I've ran into several times, and I imagine that others have ran across it too. Basically, I have a complicated equation, and I want the user to type in the values needed to ...
13
votes
2answers
328 views

How to avoid “hover and cover” on buttons at the end of a form?

I'm working on an apparently simple interface: 2 input fields right above a series of action buttons. Each button represents a different way to perform the same task (for example wizard, upload a ...