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)

6
votes
4answers
493 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
8answers
478 views

How to modify an image to make it clear it's an image (and not a clickable button.)

The image has a button in it, as we're referencing another part of the site to show customers what they can expect, and what to look out for site-wide. What is a good way to modify the image to ...
6
votes
6answers
504 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
4k 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
639 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
3answers
927 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
483 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
659 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
771 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
407 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
2answers
3k 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 ...
6
votes
2answers
386 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
266 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
895 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
585 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
823 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
645 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
2answers
535 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
257 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
520 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
489 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
151 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
92 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
509 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
526 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
146 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
216 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
1k 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
215 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
259 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 ...
5
votes
4answers
307 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 ...
5
votes
4answers
540 views

What are your views on having a button that says “Don't click this button”?

Yes, I know it sounds ridiculous but let me explain what I want to do! The app that I work on is quite massive but also quite out of date in terms of the front-end. The worst thing about the app is ...
5
votes
4answers
1k views

Placement of Buttons in Touch Screen Scenario

I am working on a Mobile Application primarily for Android Platform. The Application will have a lot of screens which will take user input and we need to have a save and cancel button for them. ...
5
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 ...
5
votes
3answers
240 views

Is perpetually animating a button an acceptable method for indicating that it has been activated?

I work alongside a client and another designer. We currently have menus that open via button taps. After tapping the buttons, the client and other designer have decided that said buttons should ...
5
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 ...
5
votes
3answers
256 views

Should the user be able to press disabled buttons on a touch screen?

I'm designing a touchscreen app and there are certain scenarios when the server cannot be reached, a printer is disabled, etc. that will disable a button (like the print button). My question is: if ...
5
votes
3answers
1k views

How to indicate this button/link opens a new tab

This isn't involving external links, but rather within a "single page app", we have some report buttons that should logically open their report in another tab (for printing, different layout, etc...) ...
5
votes
2answers
226 views

Is there a better label for the “OK” button in message boxes with just one button?

Having read "Should I use Yes/No or Ok/Cancel on my message box?", I do understand that message boxes with two or more buttons should use verbs instead of e.g. Yes and No. To further improve the user ...
5
votes
4answers
2k 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 ...
5
votes
3answers
331 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 ...
5
votes
6answers
236 views

Is the notion of “like”ing content too closely tied of Facebook?

We are implementing a "like" feature on our web product, but we want to avoid being tied or compared to Facebook. While our functionalities differ vastly, we do utilize a "news feed" style of content ...
5
votes
3answers
701 views

Is it a good practice to include a feedback button?

Is it a good practice to include a feedback button on the side of the website? or how do you recommend to get feedback from users at a initial phase of a project?
5
votes
2answers
377 views

Form creation application: how to differentiate the “save form” button from the “submit button” in the form

I have a web application for creating forms. Currently, the create form interface looks like so: download bmml source – Wireframes created with Balsamiq Mockups The interface is ...
5
votes
2answers
975 views

Dropdown Button and disjunct options

At the top of the application we have a function bar that (almost) contains all functions that can be done on entries in a table below, quite similar to Office Fluent UI. We try to minimize the amount ...
5
votes
3answers
589 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 ...
5
votes
2answers
122 views

What call to action to use on a button that sends an e-mail with order details?

On a website you can use your e-mail address to view your current order status. No personal identifiable information is displayed. However, you can let the website resend the full order confirmation ...