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

How to interpret wcag2.0 guidelines on contrast for buttons and icons

The accessibility guidelines from the W3C offer neat and usable guidelines for creating text that is readable for everyone. There are a number of very useful tools for checking contrast levels, so it'...
3
votes
3answers
394 views

Best practice for switch with interchangeable on/off position?

We're making a hardware device with a reset button that needs to be activated when the device is unpowered. As such, the button can not be a momentary press but needs to change position before being ...
3
votes
4answers
407 views

Clarification on letter case in button text

I'm looking for clarification on the use of letter case. The two examples are: "Duplicate Search" vs "Duplicate search" this is in the context of performing a search of users in order to detect if ...
3
votes
2answers
100 views

Tooltip Verbage: “This will prevent changes” vs “Currently allowing changes”

I have a series of inputs used to allocate a large budget into smaller groups. Once a group is changed, the rest would auto-complete with the remaining budget percentage. We would like to be able to "...
3
votes
1answer
97 views

Toolbar of digital signatures

Where I work, we have one of our systems in a web viewer for PDF files signed with the extension ". P7s." We are doing a toolbar similar to the adobe reader (picture below). The panel is also of ...
3
votes
2answers
208 views

Using hyperlinks for navigation and commands on the same page

I am working on a government web application. We have specified in the style guide that buttons will be used for primary actions and other secondary actions within the page will use hyperlinks. There ...
3
votes
2answers
93 views

Button style type naming

I'm going to offer a text based dropdown chooser for users to select a button type/style to use in a UI builder app. There will be no preview of what the button type looks like. The names should be ...
3
votes
1answer
299 views

Color/Shading Guidelines for Button States

Are there any rules of thumb or formulas for the different color shades when creating non-default buttons? Default buttons have 4 states, Enabled, Focused, Pressed, and Disabled. These all tend to ...
3
votes
2answers
203 views

Button group behaviour - defaults and toggling

Consider the application of hotel faceted search. At first the user provides the city and dates, and after that they filter, such as "star ratings". By default, there is no filtering based on stars, ...
3
votes
2answers
3k views

Cool/heat and sun/snowflake display on A/C and other machines

This question has been bugging me for years. I remembered it when I read this: Toilet flush buttons In A/C most of the times is easy. Generally there is a snowflake for cooling mode and a sun for ...
3
votes
2answers
123 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 ...
3
votes
3answers
508 views

Providing multiple paths/flows for the same Action

We are developing a complex platform with heavy functionality, and I am having a dilemma, concerning whether or not to add a button for the same functionality one-step earlier in the User Flow. As ...
3
votes
1answer
566 views

Delete button placement? [duplicate]

I am currently working on an application that allows for massive data entry. With that data entry also come with a need to delete some of the entries. The flow of the application starts when a user ...
3
votes
2answers
324 views

Why don't applications explain reason for greyed-out icons/menu options? [duplicate]

Possible Duplicate: Don’t hide or disable menu items? I think applications should explain why an option of clickable icon is greyed-out i.e. not selectable or not active. For example a ...
3
votes
2answers
187 views

Buttons replacing a link for a consistent style

In general, I use buttons for ajax calls that update the UI but am thinking whether a button is a good metaphor for links also. I am using Twitter Bootstrap. Not a designer by trade and would like any ...
3
votes
1answer
135 views

Is a layout with '3D' elements easier to parse?

Contemporary web applications favor designs that make heavy use of shadows and gradients to create the effect of 3D elements. One justification for this practice is that 3D effects can be used to ...
3
votes
0answers
32 views

In a survey, will the size of buttons for choices bias the responses?

I'm working on a survey platform, and I am wondering, with a design such as would the differing button size for different answers introduce a bias into the responses? Note that the survey platform ...
2
votes
5answers
243 views

How do I encourage users to click on a button without making it too distracting? [closed]

I'm a back-end programmer with very little knowledge about UI/UX. I'm implementing a button on a website. Clicking on it will show something like an Easter egg. There will also be other buttons and ...
2
votes
5answers
394 views

Is it acceptable to paste text automatically?

I have a mobile app with a new-data-object form where you enter an URL and some other (non-textual) settings. The most common way to enter the URL is to paste it from the address bar of the browser. (...
2
votes
4answers
545 views

Segmented/Split “Save | As” Button?

Background: I have an application that has several "Save As" options in addition to "Save". This is a web application without a menu bar (just a button area at the top of the interface). The ask: ...
2
votes
5answers
325 views

Should a form's style be left to the browser?

Instead of using CSS resets, I use Normalize.css, and I usually style an HTML form's containing elements such as input, label, textarea, etc. to the fullest extent. To make sure that the form's design ...
2
votes
6answers
465 views

Should text in button be capitalized in English?

As far as I know, in English titles each word should be capitalized. Should each word the text in buttons be capitalized if it is a title (e.g. "Add Job Offer"), or should the button text be treated ...
2
votes
3answers
1k views

Checkbox versus a button when switching between two states on an item

The user needs to be able to activate/deactivate an item in the ui. SPECIFICATION: Display the current state of the item (activated or not) and offer the ability to activate/deactivate it depending ...
2
votes
1answer
511 views

Would a shake-to-scroll-to-the-top scroll view annoy users?

I have a very functional and minimal application where I try to maintain functionality and screen real estate at the same time. My scroll view takes up the whole screen and I would like it to stay ...
2
votes
3answers
176 views

Making buttons easier to read

Sometime ago I found an article about making buttons, or what is written on the buttons more readable. Not so much by design but by what was written on them. For example. Not so good +------------...
2
votes
4answers
203 views

Better label for this menu button

On this page, at the top, is a row of menu buttons. The leftmost of these buttons: carries the label "table config." Under the button, the user can (1) change the font size and spacing of rows and ...
2
votes
3answers
1k views

What color should the “Add new” button be?

I am uncertain if the "add new" button is a "positive" action and should be colored green. Or a neutral action and colored blue. What is the best practice for this?
2
votes
2answers
506 views

Submit button permanently disabled or invisible?

I have an app in which we submit multiple surveys for reporting with one submit button. The only way to undo the action is to unsubmit each individual survey. This would allow the "submit" function to ...
2
votes
3answers
493 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 ...
2
votes
2answers
230 views

Less noisy cell buttons on a table

I have table where almost all of its cells are a button that works independently. When I add a 3D button-like design to each cell, the table becomes a large chunk filled with buttons and looks a ...
2
votes
2answers
107 views

Advice on ordering horizontal lists of commands

I have a set up like this with a title and then several buttons/links to perform actions: TITLE delete preview share stats publish All else considered equal, I'm trying to consider how to ...
2
votes
5answers
424 views

Microsoft Windows Dialog: No Close Button Scenario(s)

Windows Dev Center states: "Dialog boxes always have a Close button...Don't disable the Close button. Having a Close button helps users stay in control by allowing them to close windows they don't ...
2
votes
4answers
237 views

Should the current likes counter be inside the Like button?

I noticed that Facebook, Instagram and other well designed apps separate the Like and Comment buttons from their counts. Any ideas why they do not put the counter inside the button? Maybe have a split ...
2
votes
3answers
3k views

Fixed Feedback button on the side of LEFT or RIGHT side of the window?

My start up [WEBSITE] is going to be launching in private beta soon and we're trying to decide where our feedback button/tab should go. We've looked at how UserVoice does theirs (bottom right) and ...
2
votes
3answers
2k views

A keyboard for developers? [closed]

Being a software developer, the keyboard is the most important tool to interact with the computer. Thus, the layout and placement of buttons is very essential. Especially the grouping of the escape-...
2
votes
2answers
106 views

Guidelines to setup sound buttons

Are there any guidelines for positioning of sound buttons (play, pause, mute)?
2
votes
2answers
174 views

How to determine if button looks clickable?

I been making this message box's for my app, and i started thinking about how they presented to the user, if they are dominant enough that the user could easily understand what are the purpose of the ...
2
votes
2answers
2k views

Radio buttons or Toggle switch for one out of two options?

I am a bit confused on what should be used when you have to select one option out of the two possible options. Working on a touch screen interface For ex 1- Selecting a Tax type in a retail store, ...
2
votes
6answers
3k views

Best placement for a “Go Back” button: top or bottom?

I know that it is bad practice to use a "Go Back" button (since the browser has such a function) but when it can't be avoided for some reason, is it better to put it on top (similar to how the back ...
2
votes
2answers
106 views

What is the best way to demonstrate the value of registration to unlock features?

I'm not sure if I phrased that right, so perhaps my specific case will explain for me. I have buttons for "fave"-ing and marking-as-solved on puzzles in my blog. The users that know the features exist ...
2
votes
4answers
338 views

How should a website handle signup for two types of accounts?

For instance, say a site is for merchants and consumers; people should either sign up as a merchant or a consumer – they require two different forms located on different pages. From the home page, ...
2
votes
3answers
829 views

'X'-close button on iPhone

The default way of dismissing views in iOS is with Cancel or Done. However in this view I think Cancel uses to much space, which is better given to the search bar. What is your opinion? Is using X ...
2
votes
2answers
98 views

How should I label a button which submits a form to start planning an event?

I have a simple form asking for this basic information: title, location, date, description, your name, invitees When the button is clicked the event is created and invite emails go out to all the ...
2
votes
4answers
110 views

How to Address Unclickable Tags That Look like Buttons?

On a portfolio site, after a project's title & description of things done on the project, there is a "skills used" section at the very bottom. Each skill is styled as a tag. They are not clickable,...
2
votes
3answers
313 views

Include UI Play/Pause buttons even though remote contains same functionality?

I'm working on a tvOS application that plays videos. On the bottom of the screen are a set of buttons I've created; Previous, Next, Pause, Play. Coming from an iOS background I'm so used to creating ...
2
votes
3answers
306 views

UX: Whats the difference between Save and Apply Buttons?

Can we use both Save and Apply buttons on same dialog box? Looks like the apply button does not have a common meaning for users. For example: I have a global setting and local settings for items ...
2
votes
2answers
171 views

Reset button for calculator forms

it's usually bad practice including a reset button in your forms. Some reasons for this are outlined in various other questions: Submit and Reset button, what's the best order? Is a cancel ...
2
votes
1answer
276 views

Usage of animated buttons and effects on user experience

I see more and more animated buttons in service oriented web applications, especially in registration and completing an action. In the literature of persuasive psychology, moving objects are used for ...
2
votes
2answers
192 views

How to avoid that “Path to Completion” results in “Previous” becoming the next logical action?

Here's my current situation: download bmml source – Wireframes created with Balsamiq Mockups It's a typical wizard that follows this Path to Completion advice. However, regardless of how ...
2
votes
4answers
143 views

Selected state of two icons--clarity

We are designing a site that has list and grid views. We are having a heated discussion about which design shows more clearly that the grid view is selected. So I turn to you: Which version shows ...