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)

3
votes
4answers
242 views

How usable are outlined buttons?

After looking at sites like http://gethoneybadger.com/, I'm compelled to ask: How useful are these outlined buttons on pages where there are no other outlined elements and no transparency whatsoever? ...
19
votes
9answers
4k views

Documentation - do we “Click”, “Push”, “Press” or “Select” a button on a touch-screen interface

I'm writing some documentation for a web-based application that will run on Android tablets at the factory at which I am employed. I am having trouble wording the steps where the users must interact ...
1
vote
2answers
57 views

How to offer the user a large number of list to run

we are currently developing a big business web application. On some pages, we must allow the user to run many different lists. By list, I mean PDF file (reporting). In the old version of our ...
1
vote
1answer
123 views

Is it considered best practice to have buttonset hover and active to have the same style?

From looking through the web at various buttonset examples, many of them have the hover and the active css style as the same. In other cases its quite different (with Active having a complete ...
4
votes
5answers
4k views

Recommended button sizes on web pages

What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
0
votes
1answer
940 views

Button states pressed / selected (Android)

I'm working on a Android project. I need to design 5 states of a button: normal focused selected pressed disabled. I do not understand the difference between pressed and selected. I have found ...
6
votes
5answers
2k views

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

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 ...
60
votes
10answers
6k views

“New” vs. “Create”

For buttons that initiate some content creation interaction, which label is better: "New X" or "Create X"? Are there specific uses that in which one is better than the other?
2
votes
2answers
78 views

Wording for coach-marks pages

Example of coach-marks: While the coach-marks mode is active, what's the clearest way to inform the user that there are more pages with more detailed information? an arrow A button (more, next, ...
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 ...
0
votes
2answers
73 views

To say “Click Ok to”

My question is very simple: Should an error message that is shown in javascript:confirm be like this: "This invoice does not have taxes. Click OK to continue and Cancel to add them" or like this? ...
1
vote
2answers
84 views

Best User friendly button label for “canceling the getting information request”

I have a form which populates automatically by getting information from server, and by the time its polling the information. I am showing a loader. But a user can anytime Cancel the polling request. ...
0
votes
2answers
87 views

What are the concerns with using an icon twice

We are designing a new website template with a global navigation and a child-site navigation. It looks like we are going to use the hamburger icon as the action button to display the menu. One idea ...
0
votes
2answers
28 views

Rewording the source and destination locations labels

We are developing a carpooling app, the app needs to support a FROM and TO location. We are first asking for TO rather than first asking for FROM. I am wondering if the labels can be better worded or ...
255
votes
13answers
48k views

Should I use Yes/No or Ok/Cancel on my message box?

Semantically, the Yes/No buttons are roughly equivalent to the Ok/Cancel buttons, but in general what would you recommend to use? Should I always use Yes/No or always use Ok/Cancel? Or does it depend ...
0
votes
2answers
151 views

Setting of Cancel, Back and Next Buttons in Apple UI

I'm working on UI that follows Apple's UI Guidelines. Currently I'm developing a setup wizard UI but I'm confused about arrangement of "Cancel", "Next" and "Back" buttons. My current implementation ...
-3
votes
1answer
204 views

Facebook Like vs Google +1 [closed]

We are thinking of implementing the like feature in our mobile app. Do not confuse it to be a social like or such, but this like will be saved on our own database within the app. Thats it! In order ...
1
vote
3answers
152 views

Studies about using red colors in calls to action?

I should start by mentioning that I am looking for studies or general observations about using the color red. I am less interested in critique about the design. The specific concern that I have is if ...
7
votes
5answers
784 views

Should I add a floating, fixed feedback button on the pages of my website?

I would like to add a Feedback feature to my website. Should I add it as a floating,fixed button on the side? Is that considered something users are annoyed by? If I shouldn't, which method is ...
43
votes
10answers
8k views

Is a cancel button necessary in a web form?

Personally I have never used it. I don't put information in a form and then decide everything needs to be cleared. I would edit one field. Plus cancel in a UI suggests canceling an action which is in ...
43
votes
11answers
4k views

When a button contains text and an icon, which should come first?

Assuming I'm optimizing for making it as fast and easy as possible for most users to find the button they need, what's the optimal ordering?
2
votes
1answer
128 views

How to get people to click on the G+1 button

I would like my visitors to click on the G+1 Google plus button. What is the best way to achieve that - where should the button be located? Would adding it to the order confirmation page after a ...
2
votes
2answers
164 views

Back button placement on tablets and smartphones

Considering modern tablets and smartphones, why do some manufacturers (for example, Samsung and Lenovo) place back capacitive button on the right side, while the major trend is to place this button on ...
48
votes
12answers
14k views

Why did early telephones use a rotary dial instead of 10 individual buttons?

I was watching a video of little kids trying to figure out how to use a rotary phone, and it was not immediately clear to any of them how the rotary mechanism was supposed to work. That got me ...
2
votes
2answers
361 views

A case against multi-colored navigation buttons

I am trying to find some evidence against multi-colored navigation links, however it seems to be surprisingly hard to find.. perhaps not so many people have come up with the "innovative" idea of ...
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 ...
9
votes
2answers
700 views

How to make “signing a contract” on a tablet feel serious and a legally binding?

Is there any standard for accepting signatures inside an application? I wan't to write an android app for gathering clients and then having them sign contracts on the tablet device, but is just an i ...
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 ...
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 ...
3
votes
3answers
382 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...) ...
29
votes
7answers
4k views

Should we use 'Title Case' or 'Sentence case' for headlines and buttons?

I am wondering if we should use Title Case or Sentence case for buttons and headings in websites and web/mobile apps? Title Case:     Sentence Case:     In Yahoo's UI ...
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 ...
3
votes
1answer
133 views

close button for item details page

In the web application we're developing we have lists of items in which items can be clicked to access an item-details page. The list disappears, the browser navigates to a separate url that displays ...
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 ...
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" ...
6
votes
7answers
2k 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
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 ...
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 ...
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 ...
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 ...
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 ...
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
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 ...
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? ...
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 ...
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 ...