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

Datepicker (or other) widget with close “x” button: delete choosen values?

I have a complex search form with some fields to fill out for a search over products. Some of them are fake fields and open widgets (like the jquery UI datepicker widget etc). I tweaked the standard ...
0
votes
1answer
196 views

Mixing AND and OR filters — how to make it more clear and less confusing? [duplicate]

I am working on the Hotel Search App (33hotels.com), where I let the user filter Hotels by facilities. Most filters are "AND-filters" but some have to be "OR". For instance, someone may want "wifi" ...
3
votes
4answers
778 views

Can you grey out items in a flat UI design?

My understanding of a flat UI design would not be to grey out icons but to 'hide' what isn't relevant to the user, leaving a more clean and minimalistic interface. However, one of our software ...
2
votes
2answers
152 views

Is a mute button necessary in a music application?

I'm building a music player application (like iTunes or Spotify) and the time has come to implement a volume slider. I was going to implement a system of clicking the volume icon to mute/unmute, but ...
0
votes
2answers
130 views

Is the “X” button on this downdown menu going to be a problem?

The "X" button next to the dropdown arrow resets the field to the default selection. My concern is that a user may hit the "X" when they intended to hit the arrow, accidentally clearing their ...
100
votes
20answers
15k views

Toilet flush buttons

This question has been bugging me ever since I've started learning usability. I am talking about the two buttons for the flush : Full and half container. On one hand, the button shape has to ...
0
votes
2answers
80 views

Color decision for different state of an activity

I need to decide the colors for these states. Approved, Reject, Corrected The functions are like this. One user can approve some task but it can correct be corrected by some other user. Here ...
1
vote
1answer
146 views

Select Items using checkbox and Multiple Submit options

A web page defines a few search criterion. When user submits the search criterion, the search results are rendered on the page. These results are email addresses to which the user might want to send ...
122
votes
14answers
10k views

Who needs an external on/off Wi-Fi button?

It puzzles me that there are Laptops which are shipped with external physical Wi-Fi buttons. I see no real use of it, but it might have a historical explanation?! The only time one notice the external ...
4
votes
5answers
3k views

social share buttons best position

If you go to any site with content you will have social share buttons. I was wondering where would you consider the best position for social buttons. I saw 3 approaches: bottom of the content page ...
2
votes
4answers
85 views

What's a good icon to represent testing? [closed]

Looking for an icon that could represent "click here for significance testing" I have seen scales, bell curves, etc. Looking for other ideas and/or graphic sources.
0
votes
2answers
120 views

Choosing two numbers, one with a broad range… spin buttons?

Re-designing a GUI for setting properties like frequency channel numbers, I want to let users choose two numbers. The first one ranges from 800 to 805 but the second one ranges from 00 to 99. On ...
0
votes
4answers
363 views

Sign up with Google/Facebook/Twitter/LinkedIn

I have been trying to figure out which sign up buttons would be the best. For me it would be important to get real information, so I thought that signing up with Google and LinkedIn is the best ...
3
votes
3answers
482 views

Placement of Buy now/Download buttons

Hello respected UX community, I am working on a new website which will be used to sell a software application, but will also have a free limited version of it (not time limited, but feature limited). ...
2
votes
2answers
202 views

Position of file delete button

I am designing an android application showing a list of files and folders, something like dropbox or google drive. My question is; when a file is selected should the delete option with share and tag ...
0
votes
1answer
96 views

Do new pedestrian crossing buttons show an activated state?

I think many people are familiar with the situation of people waiting at the pedestrian crossing and repeatedly pressing (sometimes bashing) the button in the belief that it might somehow speed up the ...
7
votes
4answers
372 views

How can we clarify that our giant red button just opens the door and is safe to press?

Our office front doors use an electronic lock to enter and exit (but can also be opened using a key). To open the door from the inside, you need to press a giant unmarked red button to the right of ...
9
votes
7answers
876 views

Is it wrong to have your primary actions in red?

We're using red as the colour for primary Actions. This can be in the form of a button. In terms of usability, what are the downsides. Are there any upsides at all? An example for using red coloured ...
3
votes
2answers
2k views

Facebook LIKE vs SHARE button

This is maybe a question that has been asked a lot of times, but after searching I can't find the answer I'm looking for so I thought I'd ask :) I am setting up an eCommerce shop with different ...
0
votes
2answers
81 views

If a page isn't there do you need to say?

So say I have a button which leads to a new page with an array of photos. If the array has no photos should the button: Go to an empty page. Have some sort of pop up warning, stating there is no ...
41
votes
21answers
3k views

Do I really need a login button?

We've been having a discussion in the office surrounding a login page we're developing for a new web application. The web application is in intranet-based application, and is mainly used by users who ...
3
votes
2answers
451 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 ...
-1
votes
2answers
3k 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
289 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
261 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
105 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
476 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
179 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
454 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
634 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
335 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
81 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
104 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
386 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 ...
7
votes
5answers
829 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
368 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
478 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
290 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
165 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
68 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
476 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
88 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
62 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
293 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
63 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
6k 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
5k 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 ...