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)

7
votes
3answers
497 views

When Back Button is Expected but Not Supported, The Least Invasive User Assistance?

Problem: I have a situation where in a browser-based web application the back button (and backspace key for that matter) cannot be supported or used. If it is used, the results can be unpredictable in ...
7
votes
5answers
2k views

Should I add a floating, fixed feedback button on the pages of my website?

I would like to add a Feedback feature to my website. Should I add it as a floating,fixed button on the side? Is that considered something users are annoyed by? If I shouldn't, which method is ...
7
votes
1answer
871 views

Is a 'back' button needed on a web form?

I am re-designing a multi-page web form that currently contains 'back' and 'continue' buttons. I am wondering -- is the 'back' button necessary? If the user wants to go back, they will know to use ...
7
votes
2answers
4k views

How to make a button look disabled

Hopefully this isn't too specific for here. I have the following button image that I use on my site Here's an example with text: This is rendered using the following CSS: input.borderlessButton ...
7
votes
4answers
218 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 ...
7
votes
7answers
563 views

How would you handle two separate “save” buttons for different sections on the same page?

I notice on this particular page in Basecamp that they have two different buttons that are meant to save changes to two different sections. One section is above the fold and clearly has a "save ...
7
votes
4answers
729 views

How do you show non-affordance?

There is a tendency to use badges or status images to show information, but very often these badges look like other items which you interact with, such as buttons. There is a lot of information on ...
7
votes
3answers
211 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 ...
7
votes
2answers
216 views

Presenting options in tools where users can have two (or more) different roles

Applications where clients & contractors actions (such as odesk and elance) are displayed in the same dashboard can get confusing. These sites sometimes overcome this by stating: Click here ...
6
votes
6answers
4k 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 ...
6
votes
4answers
504 views

Is the “apple slider button” using the correct affordance?

Here's a screenshot of apple.stackexchange.com: The button "active" is decorated in a way which looks like an iPhone's slider control. The first thing that comes to mind is that it's draggable ...
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 ...
6
votes
6answers
513 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 ...
6
votes
7answers
5k views

The logic behind having an OK button and Apply button

Moving back to desktop land after being drunk with mobile interfaces, desktop dialogs almost always have these three buttons: OK Apply Cancel A close button. This pattern seems to occur on both ...
6
votes
6answers
643 views

Is it worth using '>>' or similar marks on buttons?

I'm preparing wireframes for a huge company, and wondering if I should use '>>' or simply '>' on buttons for emphasis! (if yes which?) What do you think? Or do you have any other idea, how to ...
6
votes
6answers
1k views

One button for two actions

I have a comparison site. On the landing page there are two text boxes which are used for products to be compared, and a button to trigger "compare". If a visitor fills these two boxes, products are ...
6
votes
6answers
2k 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 ...
6
votes
3answers
1k views

Multiple primary actions

I'm designing a modal popup which consists of a form where the user can fill a textarea with a comment, and a set of buttons that represent the primary and secondary actions the user can take. A ...
6
votes
3answers
2k 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 ...
6
votes
4answers
590 views

What is the reason behind the + sign/icons with buttons?

I have seen few high profile site which use + sign/icons for buttons, while other don't. Does any body know what is the reason behind using sign with buttons, should i use signs/icons with buttons? ...
6
votes
3answers
834 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 ...
6
votes
3answers
770 views

Primary Action Button Colors

There was some debate at my current place of employment regarding the order of primary buttons. In this case, a user has taken action to remove a user. There is a small call to action that launches ...
6
votes
2answers
1k views

Save & Continue Button

In the app I am working on the user is presented with a list of item on the left and a panel contained with input fields on the right. The user will navigate the list and edit pricing criteria for ...
6
votes
2answers
2k views

Buttons placement convention in Android

Is there any convention of placing positive buttons on the right and negative on the left in Android. I know for dialog boxes this is preferred as opposed to this because its more intuitive But ...
6
votes
8answers
418 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
4answers
606 views

Is there a standard order for `Stop`, `Play`, `Back`, and `Forward` buttons?

I have Stop, Play, Back, and Forward buttons with stereotypical DVD icons in an app I'm making. Is there a standard for ordering these?
6
votes
3answers
570 views

Assume success and show response immediately or wait for a response from the server?

All over my CMS I have buttons that toggle something on or off by sending an ajax request, updating the db, and then changes state and value of the button on success. Very basic "ajax" and "toggle". ...
6
votes
2answers
432 views

What menu strip items and other controls deserve their own icon?

I'm creating an application which has buttons and menu strips everywhere. I have icons for nearly object (from icons to menu strips). The problem is, I want my application to be professional and ...
6
votes
3answers
301 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) ...
6
votes
2answers
1k 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 ...
6
votes
7answers
602 views

What could be an alternative for “Share this post with my network!” in a social application?

What could be an alternative word implying Share this post to my network! for use in a social application ?
6
votes
2answers
920 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 ...
6
votes
1answer
650 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 ...
6
votes
3answers
1k views

Alternative way to display too many buttons

I'm working with a user who wants to have everything at a push of the button. When viewing a record, he wants big buttons across the top of the screen to return to the search, return to the search ...
6
votes
2answers
548 views

What factors are important to consider when choosing a button font?

Should the font of buttons on a website be different than the font on the rest of the page? How different? More spacing, less spacing, different font-family? What are the things to consider when ...
6
votes
3answers
260 views

Is a “View” button necessary?

We have a table and on each of the rows, there's a set of actions possible. For example: Name | Date | Actions Mike 1-Jul-13 View Add Detail Delete Do we still need to put ...
6
votes
2answers
580 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 ...
6
votes
3answers
540 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 ...
6
votes
1answer
185 views

Is OK button with access key acceptable?

I am trying to maintain compliance with the Windows 7 User Experience Interaction Guidelines and I am having trouble in some dialog boxes with the rule that OK buttons should not have an access key ...
6
votes
2answers
110 views

Can username be omitted if profile picture is present for an “account options” button?

I'm creating an account system for my website and the account controls will be in the top right corner, as shown in the samples below. The more stuff I add to the top bar, however, the more cluttered ...
6
votes
2answers
517 views

Which option is better for changing mode? two-part toggle switch or one button that changes state on press?

Which option is better for a tool that can edit a website visually? A two-part toggle switch. A button that changes the state (and the label on the button changes when the mode changes so that the ...
6
votes
2answers
640 views

Should a call to action float in a long page?

I was reading this excellent site http://www.goodui.org/ when one of the points made me think Repeating your call to action is a strategy that is more applicable to longer pages, or repeating ...
6
votes
3answers
560 views

How should I resolve the issue of smaller tappable area due to smaller buttons on iPad mini?

Now that iPad mini has been released, is there anything an UI designer needs to look out for? I understand that the resolution and screen ratio remains the same, and I've been hearing that no change ...
6
votes
2answers
154 views

Is it good practice to have a change contrast or higher contrast buttons for users?

Is it good practice to have a change contrast or higher contrast buttons for users? As depending on the vision problem users may need different contrast conditions for comfortable reading. Some sites ...
6
votes
4answers
311 views

Should a delete action's “undo” be underneath the “delete”?

Take for example this button: _________ / \ | Trash | \_________/ Which when clicked, becomes this: _________ ...
6
votes
1answer
2k 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 ...
6
votes
5answers
224 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 ...
6
votes
5answers
291 views

How should I handle buttons on larger screen mobile devices?

I am designing a responsive site that supports landscape orientation. My question is specific to button sizes. Usually on portrait mode, buttons stretch across the screen. For bigger smartphones ...
6
votes
6answers
3k views

Why do many/most (Android) phones have the power button opposite the volume buttons?

I have just bought a Nexus 5 phone. I love the phone, but like my previous two phones it gives me grief when turning the thing on or off. The problem is that the power button is almost directly ...
5
votes
10answers
856 views

“Save As” vs “Clone”

We have a system where a user can view database records in a GUI application. The main purpose of the GUI is for creating and editing these records. We are now developing a feature whereby a user ...