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)

0
votes
2answers
157 views

CTA buttons and usability on Mobile

I was curious if anyone had any experience or knowledge of usability tests on button sizes on mobile. My company is currently using a button that spans the entire length of the mobile screen, but I ...
0
votes
1answer
65 views

What's the best word/label to put on a multitask button?

We have a web app. It currently has a button which opens a modal window. This modal window has quite a lot of functions in it. Here they are: Generate a PDF of the selected products (the most ...
5
votes
5answers
455 views

Where to place a delete button in a modal

Currently in our application we have tables of information that give you some of the most important data and them we have a view more link that pops open a modal dialog and gives the user all of the ...
0
votes
1answer
83 views

Button text in table column - 'Open' or action name?

I need to decide which version will be more intuitive: Ver. 1 - action name in heading and open buttons: Ver. 2 - empty heading and action name on each button: Is it a big difference between ...
0
votes
2answers
60 views

Any research on the impact of copywriting speech on sign up buttons?

I keep finding this kind of speech in landing-pages' sign up buttons: Are there any available resources that help me find out why do I actually feel to click this button more than others? Some of ...
9
votes
5answers
2k views

Upvote / Downvote Button order

I'm currently designing a website for my school, where you can rate images. Under each image, there is a comment button, a share button and the two up- / downvote button. Now I need to place these ...
3
votes
4answers
283 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? ...
1
vote
2answers
62 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 ...
4
votes
5answers
5k 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
4k 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 ...
5
votes
5answers
3k 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 ...
63
votes
10answers
7k 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
113 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
118 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
85 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
121 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
97 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
31 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 ...
269
votes
13answers
52k 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
253 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
400 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
188 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
1k 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 ...
51
votes
10answers
10k 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 ...
49
votes
11answers
5k 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
139 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
277 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 ...
53
votes
12answers
15k 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
396 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
123 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
125 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
1k 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 ...
4
votes
3answers
975 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...) ...
36
votes
7answers
6k 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
146 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
129 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
141 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
131 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
595 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
422 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
174 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
208 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
197 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
889 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
178 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
895 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
129 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 ...