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
1answer
143 views

Buttons in the “tab area” of a page control

Is it OK to put buttons (or a toolbar) in the "tab area" of a page control? In the example above, the number of tabs is fixed. The rationale behind this is to "save space". However. It "feels" ...
6
votes
7answers
3k 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 ...
2
votes
2answers
133 views

“Revert to Default” UI element

In the settings dialog of our Windows desktop application, the user can type or select a certain (template) file. If nothing is specified, the application falls back to the default. This is indicated ...
18
votes
11answers
3k views

Is red an acceptable colour for a submit button on a form for a purchase or booking?

I have been drafted in to provide UX feedback on a recently completed website. One point I made was that red was not a suitable colour for a positive action, i.e. completing a form. The reply cited ...
6
votes
3answers
623 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 ...
1
vote
2answers
443 views

Why are the two buttons on the apple TV remote shaped differently (Menu & Play/Pause)

On the apple TV remote, I have realized that the two buttons have a different physical design. The menu button goes invward (convex) and the play/pause one is flatter/goes more outward. I tried to ...
1
vote
2answers
181 views

Should an applied filter involve a data refresh?

Let's assume a page displaying a list of activities. They are some "Sport", some "Cinema" etc... To the Left of the list, there is a special column allowing user to filter displayed data. I'm ...
1
vote
3answers
213 views

Icon design for “I´m going” and “I´m interested” buttons

I am developing an Android application to display a list of upcoming events nearby. When click on a list item, the application display some event info, and also two buttons: The first button ...
2
votes
2answers
199 views

Change Password Button Alignment - Left / Aligned to input cell / Right? Why?

We are designing a Change password box in our web app. This is part of the "Account page" - not in a dialog. Where does it feel the most natural to place the "Change Password" button in this case? ...
0
votes
3answers
919 views

Buy Now Button Styling Best Practices? (Font, Color, Shape)

We are having a debate on the design of an e-commerce website about the buy now button. I would appreciate your feedback and would be very grateful for a link backing up your opinion. How different ...
1
vote
5answers
183 views

Should “Learn More” CTA be used as a link or button?

Does it make sense to use "Learn More" as a button to expand more contents? See example: http://www.starbucksstore.com/coffee/coffee,default,sc.html Some of my colleagues argue that after you've ...
3
votes
1answer
940 views

How does Windows 7 Aero taskbar determine button hover-state background colour [closed]

This has intrigued me for quite some time. Does anyone know the algorithm Windows 7 Aero uses to determine the colour to use as the mouse-tracking hover highlight on taskbar buttons for ...
0
votes
2answers
131 views

Is it relevant to use “switches” buttons in non-mobile app?

I want to use this kind of UI elements in my web app. They look nice and they don't lake a lot of place in the layout. I don't see them often beside mobile app, is it a good idea to use them for ...
2
votes
4answers
880 views

Should button icons enlarge on hover?

Context: I had done the creative for a web application and sent it to the front end developer to take care of. He took the initiative about 1 aspect that I'm unsure about how it effects users. I ...
2
votes
3answers
346 views

Is there any reason to use buttonsets over radio buttons / dropdown pickers?

In more websites I see, when there are small number of choices, people using button sets instead of a list of regular radio buttons. and dropdown pickers. Is there any reason for this trend? ...
0
votes
3answers
154 views

Actions and navigation buttons in the same toolbar?

In our application, each view has a title bar and a toolbar. The toolbar contains two types buttons: Actions: e.g. Create new project, action is performed in the same view Navigation links, e.g. Go ...
2
votes
1answer
697 views

Form with both save and submit buttons

I am working on a Web application that consists of a number of forms. Each form can be edited and the user can elect to save their work so far and come back to resume at any time. However, once the ...
3
votes
1answer
422 views

Round vs Rectangular Buttons

Is there any published, statistical data or scientific papers that show if round buttons are more likely to be tapped than traditional rectangular buttons? By round buttons I mean circles, not ...
1
vote
1answer
153 views

Button Styling to Indicate Severity of Action?

I am designing a multi-page form for creating course proposals at a university. Once the record for the proposal is created, the user has a variety of different options for what to do for the ...
2
votes
2answers
347 views

public transit bus stop and door buttons

Not directly software related, I wonder about UX design in public transit busses. In Germany, some time ago there was a simple system in public transit busses: If the bus was quite empty, and no one ...
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 ...
9
votes
5answers
1k views

Volume controls: Why is left down and right up?

I see a lot of people discuss the order of buttons (e.g., should OK be on the left and cancel on the right? or submit button on the left or right?) but something that I wonder: Why do volume ...
8
votes
5answers
975 views

Is there a button configuration that would imply 2 or more options to the user?

My datagrid displays both wagons and locomotives tracked on a network. I find that I am often filtering out one of those types to display just the other and I would like to supply a wagon and a ...
36
votes
12answers
7k views
1
vote
6answers
240 views

How to choose between “show” and “display” something?

English is not my native language but "show" and "display" seems very similar to me. I work on a Web Application and I don't know if it's better to use "show" or "display" in my UI. I need to use ...
2
votes
3answers
541 views

Mobile menu button partially hidden or fully displayed?

rSo what are your thoughts on partially hidden menu buttons? More and more I seem to find this: replacing this: My opinion: PROS: eye-catching hints that menu is hidden on the left CONS: ...
1
vote
1answer
208 views

Float button position

I have a register form where the user can select the type of registration, for example, 'Solo Artist' and 'Band', when the user select one of them the register form is loaded ('Register' button is at ...
7
votes
3answers
563 views

Two options, how to softly steer people in the preferred one

When you want to softly steer people into an option, do you place the preferred button left or right to the other one? More Details Specifically it is about registering with a Facebook account, or ...
1
vote
1answer
199 views

Where to use the default cursor and pointer cursor in button and label?

In google drive i found some buttons and labels are found to be inconsistent in cursors. Are there commonly accepted conventions as to default cursors and pointer cursors in web and desktop ...
2
votes
3answers
137 views

Task Feedback Screen - Multiple Choice

I'm designing a feedback screen for a task management system. I require the user to tell the system if they have completed the task or not: If they have completed the task the "How did you find the ...
0
votes
5answers
264 views

Correct use of Ribbons in Windows program

I need some advice on the correct use of Ribbons in desktop applications. The program I'm working on is for a clinic, I have done a simple mockup below to make it easier to visualize. My client wants ...
5
votes
1answer
349 views

Is there any attempt to standardize a “cancel” action in elevator buttons?

I live in a country where only a few (I've heard of 2 or 3) elevators has the option to toggle back a pressed button in order to cancel the request. Of course, I'm waiting for all elevator buttons ...
18
votes
12answers
964 views

How can you change a poor design without alienating experienced users?

I work for a company that produces a large, 13-year-old web application. Lately, I've taken on the task of trying to get some kind of User Experience guidelines going for the system - something that ...
2
votes
2answers
186 views

What should be taken into account when designing easily identifiable symbols?

I am currently designing a website with multiple filters. The first set will be Food, Shelter, Energy, Transport and Economy. Each of these will have five sub-sections and then there will be a long ...
1
vote
0answers
39 views

Is it ok to disable the next button until all of the required fields on a wizard form have been completed? [duplicate]

I'm considering disabling the next and done buttons on my wizard until all of the required fields on the corresponding step have been completed. My first thought is that if something shouldn't be ...
11
votes
8answers
1k views

Many buttons on the page, ways to improve?

I have many buttons on the page (see the image below). You can perform an action on every item using these buttons. Is there any ways to improve this? I was thinking a lot, but can't find a good way ...
64
votes
16answers
9k views

Do you need a search button with a search box?

On websites with a search box, should you add a button they can click on, or will users understand a search box like on this site? The target group is not very technical, such as women aged 40-60.
0
votes
1answer
353 views

Facebook Share Button equal to Twitter Tweet Button [closed]

I made a working Twitter "Tweet" button through: https://about.twitter.com/resources/buttons#tweet (which indeed does appear on my site on localhost) and really need a Facebook "Share" button that ...
1
vote
2answers
193 views

Opposite actions combined in one split button

For the interface I'm working on, users can mark certain rows as "Verified", but they also have the option of marking them "Unverified". To do this, they select several rows by clicking on checkboxes ...
1
vote
2answers
184 views

Convey State or Action? [duplicate]

I'm sure we're all aware now that when we see a greyed-out button, it either means that 1) we cannot click it, or 2) its current state is off - or false. In my application, I have a square, which ...
12
votes
7answers
936 views

Best Practice for a button that performs multiple actions

Consider this scenario: A "Connect" button, which changes to a "Cancel" button when clicked. When the connection succeeds, it changes to a "Disconnect" button. Should this be handled with 3 ...
2
votes
2answers
254 views

Mobile search screen button layout (Search|Reset)

I am contemplating the layout of search page buttons for a mobile app (iOS). The buttons are located at the bottom of a scrollable table view. Here is my current layout: I have been noticing ...
1
vote
2answers
558 views

Home button best practices

I'm building a hosting company, there are buttons on the homepage that links to my main products, example: download bmml source – Wireframes created with Balsamiq Mockups Now, I really ...
3
votes
7answers
752 views

Should I call my button “Unjoin” or “Leave”

I'm creating a web app where people can organise football games, played in the real world (screenshot below to give some context). I'm struggling to choose a good name for the button, which allows ...
1
vote
4answers
739 views

Triple-State (or Multi-State) UI Object (Button)

Any ideas for how to design a multi-state UI "button"? The the states are: Off On, Selected On, Unselected There needs to be a clear interaction difference between a user "Selecting" it and ...
9
votes
4answers
3k 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 ...
2
votes
1answer
868 views

HTML button Hover effect standards, principles or best practices

Are there any standards, principles or best practices to change the color or effect of a button on hover. Something like : Make it lighter Make it darker Change background and foreground color Add ...
4
votes
7answers
562 views

Should “Delete” or other critical action buttons be emphasized or de-emphasized?

Should "Delete" buttons or other critical buttons be marked with more emphasis or should actually go unnoticeable? For instance which of these is the best practice when making a "Delete" or perhaps ...
1
vote
3answers
615 views

Checkbox versus a button when switching between two states on an item

The user needs to be able to activate/deactivate an item in the ui. SPECIFICATION: Display the current state of the item (activated or not) and offer the ability to activate/deactivate it depending ...
1
vote
2answers
137 views

How do i call my buttons to return to a previous screen

For a specific project drawing app, i have a bit of a problem with the terminology of some of the buttons. Namely the buttons to save a drawingboard and to return to the drawingboard 'gallery'. In ...