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

Is the Windows Title Bar off limits for customization?

With a recent Chrome update, I now have a switch person button next to the three standard Window Title Buttons that are used all the time: Minimize Window Restore Window Close Window When Chrome ...
7
votes
3answers
2k views

Do users notice “don't show this again” checkboxes?

In a shopping cart, items can have a discount, but if a users asks for an express delivery on a specific item, the discount will change. I need to make them aware of that. 1 item = 1 line. The ...
7
votes
5answers
1k views

Are Save buttons still necessary in web applications?

There seems to be a growing trend with online applications to save data/progress automatically. In many cases where an interruption to the connection or service is quite likely, it is definitely a ...
7
votes
3answers
337 views

Similar buttons for very different actions in Gmail

I noticed that Gmail's conversation interface has a bent arrow icon for back-to-inbox and a very similar button for reply. Below is an image of the interface with the two buttons highlighted in ...
7
votes
2answers
937 views

What is the name of the button that lead to a login and register page (one page)?

I have a page that serve both login and register. I put the two form side by side (login form to the left, register form to the right). In menu header, there would normally be button that lead to ...
7
votes
2answers
791 views

Max OS X Lion: Two Buttons “Highlighted” by Default—what?

I've noticed this in a lot of applications under Mac OS X Lion lately. For example: Pressing return is equivalent to pressing the button with the blue background, not the highlight. What's the ...
7
votes
7answers
577 views

How do you best explain the fixed functionality and uses of well known UI components

People often ask questions about if it's okay to mix up UI components with clearly specified functionality e.g. radio buttons and checkboxes. Sometimes I feel that it's treading well worn ground and ...
7
votes
4answers
807 views

Can a button be 'secondary' on one page but 'primary' on another?

For example, an "Edit" button. In most pages, it is a secondary button ("Submit" may be the primary one). But there can be a case where in "Edit" is primary action for the page. Is it good practice ...
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 ...
7
votes
2answers
5k 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
3answers
556 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
1answer
958 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
4answers
221 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
597 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
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 ...
7
votes
4answers
761 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
212 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
5answers
187 views

How to communicate visually the ability to change columns in a table

Often websites may include functionality that allows a user to select what columns appear in a table. When this occurs, what is the best way to visually communicate this action, so the user both ...
7
votes
2answers
224 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
5k 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
509 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
530 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 small:...
6
votes
6answers
649 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
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
602 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
1k 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
834 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
6answers
242 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 ...
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
3k 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
430 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
686 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
599 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
471 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 I'...
6
votes
3answers
331 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
7answers
616 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
335 views

Why are “previous” and “next” buttons so often “switched?”

In many UIs, there is a list of items that each have a time stamp, for example a list of news stories or e-mails. When there are many items or only one item is displayed at a time, it could be a ...
6
votes
2answers
967 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
652 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 haven'...
6
votes
3answers
2k 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
562 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
617 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
571 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
208 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
120 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
665 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 ...