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)

1
vote
1answer
95 views

Should a tooltip on a stateful widget describe the current-state or next-click-action?

What should be presented in a simple tooltip when hovering over a stateful widget, such as a button like the up/down vote and star buttons on this question? Is it important to describe the current ...
0
votes
3answers
99 views

Maximum length of a UI element string [closed]

I generally keep it as a good rule of thumb that if a UI element contains text that is longer than 20 characters (and is not an input field), then the contained characters should be a tooltip rather ...
0
votes
2answers
94 views

Colors and labels on buttons that reflect state

I recently read the "Should 'Yes, delete it' be read or green" (Should "Yes, delete it" be red, or green?) thread and was impressed with the responses. I'm currently having a very similar ...
13
votes
3answers
2k views

Why does the close (cross) button in Windows gets special attention?

In Windows's window even if you don't hover on the close (cross) button it always stays red. But the minimize or restore button is transparent, if you hover then it will become blue. So why does this ...
2
votes
1answer
107 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" ...
2
votes
2answers
109 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 ...
5
votes
3answers
370 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
324 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 ...
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 ...
1
vote
2answers
110 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
183 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 ...
0
votes
1answer
329 views

Why Google Chrome does not have a GoTo link button like other browsers?

Why google chrome does not provide a GoTo Link button like in IE, Firefox, etc.? And if this is because of the simple & modern design concept than why does other browsers still have GoTo ...
0
votes
3answers
523 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 ...
44
votes
8answers
6k views

Is there a universally recognizable “Download” button?

I was trying to download software from a website below (I white-outed the software name, etc.): At first, I couldn't figure out which was the download button. The first button up top was painfully ...
1
vote
5answers
153 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
337 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
116 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
5answers
439 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 ...
1
vote
3answers
115 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? ...
5
votes
1answer
227 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 ...
0
votes
3answers
116 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 ...
1
vote
1answer
312 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 ...
2
votes
1answer
265 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 ...
2
votes
3answers
211 views

Is there a standard for the positioning of the elevator control buttons?

I've always wondered why elevator control buttons are found where they are. For example, the following image shows the elevator control buttons positioned on the right side. The way I see it, ...
2
votes
2answers
238 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 ...
2
votes
3answers
432 views

Pricing page: single vs multiple call-to-action button with multiple plans (example inside)

What do you think about having single vs multiple call-to-action buttons? When we were brainstorming our pricing page, half of the room was for single and the other half was for multiple. I'm trying ...
9
votes
5answers
724 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 ...
0
votes
0answers
17 views

Order of Submit/Cancel buttons [duplicate]

We have an arugement on what is better - the submit button on the left of the cancel or the other way around? (the website's language is in or I think that if the eye moves from left to right it ...
0
votes
1answer
182 views

Grab point textures best practice

I'm using jquery's draggable and droppable to enhance the usability of a wireframe stack in our application, and I've already adjusted the cursor to the CSS move glyph to indicate as much. I'd like ...
8
votes
5answers
945 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 ...
1
vote
6answers
181 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 ...
0
votes
0answers
52 views

Does adding a “contact founder” button to a site increase conversion?

I know I can A/B test, but I would like to see if there's any research available for this topic. I would also like to know where such a button should be located for maximum impact (conversion ...
0
votes
3answers
108 views

Button to toggle prospect as important

I'm building a CRM, and users have given us feedback to set prospects as being important. The temporary solution we're using is the following: When you hover over the red icon, it becomes like this ...
2
votes
2answers
155 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? ...
1
vote
1answer
118 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 ...
7
votes
3answers
526 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 ...
2
votes
3answers
107 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 ...
3
votes
2answers
260 views

Are actions within buttons easy to use?

There are examples on the web with actions within a clickable area. Does this create an issue with users mistakenly clicking a delete or close button vs the actual area? Examples:
1
vote
3answers
238 views

Where do I keep the download button on a website?

I have developed a promotional website for an iOS application. The introductory view of the page contains - aside from a short description and screenshots - an official AppStore badge, which will link ...
0
votes
5answers
215 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 ...
2
votes
3answers
378 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: ...
5
votes
1answer
260 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 ...
1
vote
1answer
108 views

Are window interaction buttons on the right bad for cross-platform apps with a custom border deployed on a Mac?

I am developing a cross-platform application with a custom border. The window interactions buttons (minimize/maximize/close) are in the top right, like Windows. However, when the application is run on ...
1
vote
1answer
132 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 ...
1
vote
2answers
169 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 ...
17
votes
12answers
892 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 ...
13
votes
6answers
689 views

Should words in buttons or titles start with a capital? [duplicate]

I am currently in the process of creating an iOS application, and I was wondering about capitalization of buttons and titles. For example, should a button say "Add Post" or "Add post". If I look at ...
1
vote
0answers
35 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 ...
5
votes
1answer
1k 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 ...
21
votes
6answers
1k views

Three state button for a medical chart

I am working on UI design for a new web based medical charting system. The users are used to charting on paper where they circle a symptom if it is present, cross it out if it is absent, and don't ...