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
17 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?
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 ...
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 ...
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 "...
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? ...
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
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
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
0
votes
1answer
44 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 ...
0
votes
3answers
126 views

Multi Select Drop down, overlay with CTA buttons

Have a multi-select dropdown - which on expand is overlaying the CTA buttons on the form. I have to click elsewhere for the dropdown to close, (since it a multi-select dropdown the general behavior of ...
3
votes
4answers
184 views

What Micro Interaction to use When Hovering Over a Button?

👋 We are trying to learn/understand UX from first principals and build the most intuitive UI. We are creating buttons in an App and want to know what the ideal micro interaction is when hovering ...
1
vote
1answer
50 views

Using Select All with button checkboxes

I like the usability enhancement that button checkboxes provide -- nice big click targets, plus we can add a little sliver of color that's used elsewhere in our application to impart a status ...
3
votes
1answer
55 views

Need to have 2 sticky buttons - Signup and chat

I have a client requirement to have 2 sticky buttons on the home page. One is for signup and the other is for the Chatbot. I need suggestions on which placement would be better with least impact on ...
1
vote
1answer
87 views

Is using button styles for a text input bad practice?

I was recently presented with an interface that was using Bootstrap button classes for styling a text input, like so: https://jsfiddle.net/k7g2Lv43/ I personally really don't like it, and I feel like ...
47
votes
4answers
6k views

What is a button supposed to look like?

Buttons used to be easily identifiable. Not anymore. Some buttons today are not immediately identifiable as buttons. And with some it's unclear whether they are enabled or not. But the old buttons ...
-1
votes
1answer
72 views

position of an icon with a text next to it [closed]

currently i'm designing a back-office to manage geolocation of items in realtime, well... The thing is you can download a csv with all data detailed... which is the right position to put an icon ...
19
votes
6answers
5k views

Should submit button be always visible or displayed after filling all required fields?

I am designing a long form in which all fields are mandatory and form cannot be broken down into steps should submit button be fixed at bottom keeping rest of the form scrollable or the button should ...
1
vote
1answer
85 views

Can I put a select button on the header of this dashboard?

I have a dashboard using balsamiq, which having a list of doctors and I want to put them on the sider sorted alphabetically, and I want to display, for each doctor, different pages like Gestion de ...
28
votes
4answers
6k views

2 buttons that do the same thing

I have a client that wants me to put 2 buttons on a page that do, look, and say the same things. The button would say 'Apply'. The rationale of the client is that he doesn't want people to miss it, ...
1
vote
1answer
99 views

Having external links (hyperlinks) and multiple actions in the same dashboard page

I am working on a huge system which is meant to provide internal user to manage products' lifecycle. Thus, it's like a complicated dashboard containing lots of information and data grid and ...
2
votes
2answers
119 views

Side drawer in a web app

I am wondering what are the use cases of a side drawer in a web app and what could be alternate solutions. To be more specific, I have a form inside the drawer that opens from the right side when the ...
2
votes
1answer
49 views

Useful label for message box cancel/close button

i'm reworking a message box that pops up when there was a specific error. In the title and description it tells the user what went wrong. In the improved version i will include 2 buttons (in the ...
4
votes
2answers
261 views

Should icons be trailing or leading in a button with icon?

What is the best practice for using both icon and label in a button should it be before the label or after ?
2
votes
2answers
265 views

Video play button on overlay images

I recently came across a big play button on an overlay image for a video. Pressing the play button displays the player, but does not start (play) the video. The user needed to press play on the video ...
4
votes
4answers
239 views

How should a disabled-but-giving-feedback button look like?

Similarly to the author of this question, I was thinking about replacing a disabled button by one giving a feedback why the action is not allowed. That's not subject of my question as in my case, I'm ...
0
votes
2answers
63 views

Link-buttons and button-links

I'd like to hear your opinions whether or not using buttons that look like links (text links, especially when styled the same as links) and links that look like a buttons is a good practice. I feel ...
0
votes
1answer
135 views

how to design three button if in same page? [duplicate]

I have one page there displaying three different action buttons. As per UX guidelines how to display or style this button and more focus able. If can be three action level : Primary Secondary ...
4
votes
2answers
71 views

Clearly differentiating between radio buttons and checkboxes in funnel

As a complete UX beginner, I am having trouble differentiating pages containing 1-choice-only radio buttons and multiple-choices-possible checkboxes. I feel like there isn't enough to clearly ...
5
votes
1answer
321 views

Is there an accessibility guideline for the contrast of a button color between a normal state and hover state?

I'm a designer with a typical, basic understanding of accessibility. My question is that is there an accessibility rule for the color contrast of a button that is in a normal state vs when it is in a ...
0
votes
2answers
240 views

Material Design for web: Buttons with labels or icon buttons?

I've been reading about the "text vs icon" debate for some while already. Most of the articles and questions here are dated back to 2010-2016, so I wonder if they still apply for material Design for ...
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 ...
2
votes
1answer
42 views

Short Story / Full story Button inside a Case Study. Why is it a bad idea?

-- BACKGROUND -- Hey I'm working on my portfolio (UX/UI) website now. The main audience will be smaller companies who don't know much about UX and case studies. But I am also looking for work and ...
1
vote
1answer
37 views

“Use for all?” function - what's a good UI?

Background: Recruitment software... Users can select multiple jobs and set the end date of those jobs all at once... Often, users will set all of the jobs to have the same end date... To prevent ...
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 ...

1
2 3 4 5
27