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
2answers
602 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 ...
6
votes
8answers
2k views

Do android users press the menu button?

I want to add a new function to my android application, but am a little bit confused in deciding where exactly to display the functionality. I can either show it as a button in the application or add ...
6
votes
7answers
1k 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
465 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
6answers
614 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
1answer
354 views

Modal window action buttons, top or bottom

Scenario: File upload process for a website on desktop(not mobile) launches a modal window. Question: Would it be better to place action buttons at the top or at the bottom of the window. Pros & ...
6
votes
3answers
517 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
418 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
4answers
3k views

close button on the left or right side? [duplicate]

Possible Duplicate: What is the important aspect to consider when deciding where windows interaction buttons should be placed? From a ux point of view, does it make a difference if the ...
6
votes
2answers
589 views

What are the rules of using ellipsis on buttons

I read about the rules of using ellipsis (three dots ...) in a menu command: Indicate a command that needs additional information (including a confirmation) by adding an ellipsis at the end of ...
6
votes
2answers
367 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 ...
6
votes
2answers
843 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
377 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
7answers
534 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
248 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
4answers
667 views

Best position for collapse indicator on collapsible content

What is the convention/standard/best-practice for the placement of a collapse/expand button/indicator on collapsible content? I've seen many examples of the placement on the left (left of title in ...
6
votes
3answers
193 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
508 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
579 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
275 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
292 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
2answers
425 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
387 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
5answers
174 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
1answer
926 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
4answers
1k views

What are we calling the 3 lines button in mobile apps?

This button is appearing in many mobile apps and has the function of displaying off-screen menus, whether from the top of the screen or the side. When writing tutorials for example, what is a ...
5
votes
4answers
241 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
461 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
829 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
7answers
1k 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 ...
5
votes
6answers
969 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
194 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
291 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
3answers
195 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
6answers
210 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
2answers
252 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
645 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
425 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
169 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
2answers
317 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 ...
5
votes
2answers
111 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 ...
5
votes
1answer
465 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 ...
5
votes
2answers
680 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 ...
5
votes
4answers
221 views

How necessary is it to point out your call to action so obviously on a simple site?

I am trying to figure out, especially for returning users, the value of pointing out a way to add input to a site. Facebook and Google+ both have placeholder text and placement of the input for status ...
5
votes
5answers
176 views

Toggle FIND button to OK in Find dialog when search result shown

We have a search dialog that has a criteria pane at the top, and a result pane at the bottom. We have placed the FIND button between the two panes in the dialog, but in practice people are expecting ...
5
votes
4answers
557 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 ...
5
votes
4answers
339 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
2answers
204 views

Arrow-border vs open-border for currently selected item in a vertical menu

Arrow border: Open border: Which gives a better user experience, and why?
5
votes
3answers
277 views

When to include an Apply button?

In a dialogue box, when do you use an Apply button? Is it correct to assume that the Apply button will only save the changes without closing the dialogue? Does it represent an advantage? Why is ...
5
votes
4answers
1k views

Where do you put the delete button if you have delete, cancel and submit?

I have a web app which currently uses the following interface. download bmml source – Wireframes created with Balsamiq Mockups Here's what the actions do: Delete will delete this group ...