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
2answers
248 views

Accessible Disabled State

Is there a best practice for disabled/inactive buttons or tabs that meet accessibility color contrast requirements? A greyed out treatment seems to be the most common, however grey on lighter grey ...
-2
votes
2answers
1k views

Middle button on Touchpad

I had never seen live any laptop which touchpad block includes a middle mouse button. It always brings only left and right mouse buttons. So the question is: what can I do to achieve the effect of ...
1
vote
3answers
257 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 ...
2
votes
2answers
248 views

Is putting social sharing buttons on of each picture good UX?

I'm working on a redesign for a daily news portal. And there is a huge doubt about using social sharing buttons on every picture of an article, is it good UX or is it too much, because every article ...
3
votes
2answers
100 views

Rearranging buttons on a vertical toolbar

I'm designing a windows software interface and I'm focusing now on a vertical toolbar with 20+ buttons. In a big screen, we have enough vertical space to fit all the buttons in a single column, but as ...
5
votes
4answers
380 views

Is there a standard order for `Stop`, `Play`, `Back`, and `Forward` buttons?

I have Stop, Play, Back, and Forward buttons with stereotypical DVD icons in an app I'm making. Is there a standard for ordering these?
47
votes
9answers
5k views

How can I make monochrome icons work?

My company has just implemented a monochrome icon theme in an attempt to transition to a more "modern" interface. Feedback from the first round of user testing has been mixed: Almost everybody ...
0
votes
1answer
135 views

Favorite - unfavorite buttons and animations

I'm designing a web app that allows registered users to favorite / unfavorite quotes. I'm not sure if I have a comprehensive approach for a user. You can view or download a short movie clip that ...
8
votes
2answers
1k views

Should all links on a website be the same color?

I'm not a web designer and would like to know about link and button colors. About links Should all links be the same color, knowing that sometimes the background has different color so the links are ...
0
votes
1answer
427 views

Best user friendly option for buttons and icons placement

I have created below UI controls... but I am not sure if they are really user friendly or not... so overall they should look good as well as user should be able to understand moment they see that ...
7
votes
3answers
602 views

When does a button hold “too many” words?

Background I came to ponder this question whilst mocking up a modal window for the application we're developing. I had trouble summarizing the semantic phrase: "Click here to get a list of all of the ...
1
vote
2answers
287 views

Where would you place scroll indicator buttons? Left or right of content?

I was wondering if there were any A/B tests carried out for where scroll indicator buttons should be placed. See for example Acquia.com, they have up and down scroll buttons placed, which is good for ...
0
votes
1answer
68 views

Remove the background on an icon-button [closed]

Good day, I have an "checkbox icon" which opens a window with checkbox groups. I'm not really enjoying the background-color of the icon, I think it's better without the background. ...
1
vote
1answer
93 views

Signup “skip” button needed or only “next” button

We have a website where the signup takes different steps. One step is a form where we ask the user mobile number. This is optional because not everyone want to give the number and we make it ...
1
vote
2answers
333 views

Do images (icons/glyphs) on buttons improve usability?

I'm working on a desktop application where most of the buttons just have text on them. Putting images (icons/glyphs) on the buttons does make the application look more attractive, but does it improve ...
6
votes
5answers
689 views

Are Save buttons still necessary in web applications?

There seems to be a growing trend with online applications to save data/progress automatically. In many cases where an interruption to the connection or service is quite likely, it is definitely a ...
1
vote
1answer
274 views

The best way to arrange buttons for a complex calculator UI?

I am creating a Physics calculator UI as part of a science project. It involves calculating a lot of values, from a given two or three values by the student. I have handled the coding part, and what ...
6
votes
8answers
468 views

How to modify an image to make it clear it's an image (and not a clickable button.)

The image has a button in it, as we're referencing another part of the site to show customers what they can expect, and what to look out for site-wide. What is a good way to modify the image to ...
1
vote
3answers
232 views

Optional wizard page best practice (Skip VS Next button text)

After a user buys a giftcard, he gets to the following giftcard redeem webpage: download bmml source – Wireframes created with Balsamiq Mockups The user chooses a country. When ...
0
votes
2answers
150 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
64 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
440 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
75 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
57 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 ...
8
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
276 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
3k 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
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
106 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
115 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
83 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
117 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
94 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
30 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 ...
265
votes
13answers
51k 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
234 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
367 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
180 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 ...
49
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 ...
48
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
136 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
261 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 ...
51
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
389 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
119 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
114 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 ...