Questions tagged [buttons]

Buttons let users 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.

Filter by
Sorted by
Tagged with
0
votes
0answers
15 views

Shortcut Key for OK Button on Dialog Box with Grid

In a desktop app, I have dialog boxes that contain one or more small grids, various other simple controls, as well as the usual OK/Cancel buttons. Grids pose a problem to the usual use of Enter as a ...
0
votes
1answer
39 views

Navigation menus on financial apps [closed]

Does the hamburger menu simplify the user experience as opposed to the bottom navigation menu on a financial app?
23
votes
7answers
2k views

Are grayscale buttons with icons usable and effective?

The image here is old gmail new gmail, when no mail is selected new gmail, when mail is selected new delicious To me, the buttons are unlabeled and tough to discover. I don't believe the icons do a ...
0
votes
1answer
187 views

iOS: Delete/Upload button position

My iOS app (for iPhone and iPad) has two main screen with two buttons each: A table: Clicking on one of the cells opens screen 2; with Upload & Delete button Detailed screen with more information ...
28
votes
8answers
7k views

Should I hide continue button until tasks are completed?

In a multi-step wizard, some of the steps present the user with a list of tasks that must be completed before continuing to the next step. Each task in the list opens a popup where the user completes ...
0
votes
0answers
21 views

Inactive states for buttons

I am currently working on an interface for an internal ticketing system. We are using a tile system to illustrate different services. Think about a grid of tiles on the screen. A requirement we got ...
3
votes
2answers
280 views

should buttons that look like links have the exact same keyboard accessibility?

We have a few use cases where we need to show something that looks like a link, but is actually a button. For example, consider this error message: Sorry we couldn't place your order. Please click ...
335
votes
14answers
81k 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
1answer
36 views

Multiple CTA buttons (same link) in Email marketing?

Thoughts on having the same CTA appear twice in a short marketing email? One is in the main image (the whole thing is essentially clickable) and the second is after some copy on the bottom. They both ...
1
vote
2answers
88 views

The placement of Next button in app for warehouse men

The app will be used on an Android device with touchscreen but physical keyboard. The device allows for bar code scanning so there's also a handle for more comfortable usage. There are a few steps ...
0
votes
3answers
76 views

Is it acceptable to have three call-to-action buttons?

I'm working on an application that displays a dialog box. This dialog box prompts users to switch to a new editor. That will be the main call-to-action (CTA). The 2nd CTA will be to retain their ...
1
vote
3answers
100 views

Should submit button colors match color scheme or be consistent across products?

We have a site that has themed colors, depending on which product you are using. The user can easily toggle between products, so the theme makes it clearer which product they are on. Should Submit ...
0
votes
2answers
52 views

Using call-to-action or primary buttons to show status of form completion instead of form UI element

I noticed this while using a form to submit some information that the nature place where you indicate the status of the transaction isn't being used but instead the call-to-action or primary button is ...
15
votes
3answers
3k views

Make Optional Buttons More Clickable

I currently have a UI where I have three optional buttons. By clicking on a button, it will go to another user flow and the button is "completed". Unclicked buttons are considered "...
2
votes
1answer
83 views

What do you typically use to launch a drawer component?

Outside of a hamburger menu, which is conventionally expected to open a drawer, is there another common treatment for initiating a drawer component on a page? A button? A link? Something else? Is ...
1
vote
5answers
287 views

What would be the best way to show 3 actions on the bottom half of the page

We are confused as to which of these UI should we go with to as we have three actions relating to the content on the bottom third of the screen. Three buttons are: 1. Write to Device 2. Load from ...
11
votes
3answers
34k views

How to make a button look disabled

Hopefully this isn't too specific for here. I have the following button image that I use on my site Here's an example with text: This is rendered using the following CSS: input.borderlessButton { ...
67
votes
7answers
18k 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: Manage my Account Delete my Account Sentence case: Manage my account ...
1
vote
2answers
80 views

Would you understand a 3rd state for a “like” action if it's using the same icon? [closed]

We're having a usability debate: would the user understand what the 3rd state means, without text or tooltips, if all he is presented with is an icon in different color, in a different component? ...
3
votes
2answers
186 views

Button placement on modals – should it be consistent at ALL times?

I'm currently designing an app for iPads. I illustrated the situation below: The screen on the left is current version which seems to work really well when the user doesn't have to use the keyboard ...
2
votes
2answers
114 views

Adding Users to a list

I'm trying to create a smooth way of adding users into a list on a page. The user has to add email and full name for a user. And at least 1 user should be added before being allowed to proceed. Step ...
1
vote
5answers
111 views

Ways to Indicate Clickability AND also going to a new process/screen?

I'm currently trying to design this UI to indicate clickability. Currently, once the user unlocks a section, the lock icon changes and turns gold. Then, if the user clicks on either the symbol or text,...
1
vote
1answer
44 views

Any standards for :visited styling for CTA buttons?

I have used :visited in CSS for links for a long time and understand their value. However I have not thought of using it for buttons. My "CTA buttons" are usually soft CTAs that direct to valuable ...
1
vote
2answers
126 views

How to support a “Save draft” to a wizard approach when the user takes a long time to complete a step?

I have simple user workflow, in which the User has to complete the process sequentially. But the step 2 might take a day or more to get completed. In the Current UI, If user decides to complete the ...
1
vote
2answers
31 views

What is the best practise for a Search button state - should we always keep search button active or make it active after user inputs?

I have seen that in some sites they always keep " Search Button" in active / enabled state even if input fields are empty. Is it a correct way or should we make it enable only when user selects / ...
0
votes
2answers
54 views

Interface to choose how many results I want to see

Where I work we have this dialog box that comes up when you search for a certain word in the system: If the user says 'no', instead of not loading any results, the system loads either 10.000 or 1.000 ...
5
votes
2answers
307 views

What's a better approach to slider?

I'm currently creating a questionnaire. The questionnaire consists of two statements top and bottom. User is required to use the slider to indicate the preferred statement by dragging the handle ...
1
vote
0answers
25 views

Should there be more square and round shaped buttons than there are at the moment in the main part of webpages and apps?

References regarding optimal and minimum contact area or touch target size on mobile devices (also similar question previously on UXSE here) suggest that the contact area should fit the rough size and ...
0
votes
1answer
39 views

Is it ok for a button to open in a new tab?

We have an application that allows users to write posts/articles. Within this application, there are a couple features that require users to upgrade. I think it's reasonable for the upgrade button to ...
1
vote
1answer
52 views

Why do modern GUIs tend to have buttons on the side of message boxes?

Message boxes used to have buttons centered horizontally. E.g. here's one you'd get with MessageBoxW API function on Windows XP: But more modern systems have message boxes with the buttons on the ...
1
vote
3answers
180 views

Static button placement vs dynamic placement?

I have a form flow I'm working on where there is one question per step. Is it better to have the "next" button always positioned in the same spot at the bottom of the mobile screen, or to move it ...
2
votes
1answer
113 views

Cocoa - When do you include a submit button?

I am designing an app with some forms. I have looked at other Cocoa apps to see how they handle the submission of forms. Some apps don't have a submit button and update their backing datastore (or ...
10
votes
5answers
1k views

Showing the status of an action on a button

I have an application that can synchronize content between a website and a social network. with a button you can turn on and off the synchronization. the user needs to see the status (sync on or off) ...
4
votes
4answers
1k views

Why should “cancel” and “confirm” button have the same size?

A lot of UI Frameworks provide 2 different types of buttons: a sort of confirmation button a "cancel" button The UI of the two buttons could be different: different colors, background, borders, etc. ...
0
votes
1answer
106 views

Laying out radio buttons and text area in a dialog

I have a dialog where I need to lay out radio buttons and their corresponding text and icons, and a text area. This is my current dialog layout, where the colors denote the icons. Note that the last ...
1
vote
2answers
143 views

Should buttons appear on a menu bar?

I am reviewing a design change in a desktop application. The proposed change is implemented with standard clickable buttons in a menu bar, appearing to the right of the normal menu items. These are ...
4
votes
1answer
27 views

Determining correct term for a button with options and Vue JS example [duplicate]

I am familiar with some UI terms but certainly not all. I remember smiling when I figured out what people meant by the term "snackbar" (and have now designed one myself). However, there is a button ...
88
votes
9answers
32k views

Why don't <button> HTML elements have a CSS cursor pointer by default?

A friend was asking me why <button> HTML elements don't have a CSS cursor pointer by default? It is the default behavior for links, and can be achieved on a button with button { cursor:pointer;...
3
votes
2answers
42 views

Showing edit mode for messages

I'm working on a desktop UI that has a notes section which allows the user to submit notes and edit them afterwards. When I go into edit mode, the "save" button shows up, and I worry that it competes ...
2
votes
2answers
92 views

I have 2 sets of button, how can I arrange them for best user experience?

I have 2 sets of buttons on a pop-up box of a website. Set 1 consists of multiple options the user can choose from, i.e. option 1, option 2, etc. Another one is "Back" "Next" "Start over". What will ...
3
votes
2answers
232 views

Multiple actions on a single search bar

Can a search bar have multiple actions that the user can take on it? Context: I'm designing a system for a bike shop to manage the maintenance of all their bikes. Currently the mechanics fill out ...
88
votes
13answers
19k 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?
1
vote
1answer
23 views

How to display context dependent buttons in a row

I work in an internal application for my company. I have a table displaying documents sent for digital signing, with a last column used for displaying buttons with several actions available to each ...
5
votes
2answers
179 views

“Missile launch” button pattern name and implementation?

I am curious about a specific confirmation pattern. The best way I could describe it is the "missile launch" pattern, where the user has to "arm" the button by removing some sort of cover before ...
0
votes
3answers
311 views

color for download and upload

Besides the down or up arrow, is there a convention of colors to distinguish between download and upload. I have two buttons like these and these too But I feel that there's not enough visual ...
3
votes
1answer
310 views

Should the back button in a stepper be prominent?

I have a checkout page on my application that has two buttons, one to review the order, and one that goes back to the shopping cart. My product owner feels that the Back to Cart button needs to be ...
1
vote
1answer
89 views

Best UI Practices to show Multi-Action Button while avoiding tabular layout

We have a screen which was given to us by a client. As per their module, when the user selects a tab, the page should show options to do certain tasks like create/edit/delete. One approach we went ...
14
votes
4answers
15k views

What is the ideal height of a button in regular desktop applications?

On most GUI creator (I just checked Qt Creator and Flex Builder), it seems the default button height is about 22 pixels. This is what I use for most desktop applications I create except those I make ...
472
votes
22answers
87k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
0
votes
1answer
43 views

Where are these material buttons defined? [closed]

The following is said here in relation to Material Design buttons: 1. Text button (low emphasis) - Text buttons are typically used for less important actions. 2. Outlined Button (medium ...

1
2 3 4 5
27