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
4 votes
1 answer
29 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 ...
user avatar
3 votes
2 answers
106 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 ...
user avatar
  • 31
2 votes
2 answers
104 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 ...
user avatar
1 vote
1 answer
34 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 ...
user avatar
  • 155
6 votes
2 answers
407 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 ...
user avatar
  • 63
1 vote
1 answer
400 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 ...
user avatar
0 votes
1 answer
63 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 ...
user avatar
0 votes
3 answers
645 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 ...
user avatar
  • 1
3 votes
4 answers
415 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 ...
user avatar
  • 131
1 vote
1 answer
271 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 ...
user avatar
  • 8,052
3 votes
1 answer
69 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 ...
user avatar
  • 71
1 vote
1 answer
94 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 ...
user avatar
  • 113
47 votes
4 answers
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 ...
user avatar
  • 647
-1 votes
1 answer
155 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 ...
user avatar
  • 1
21 votes
6 answers
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 ...
user avatar
1 vote
1 answer
97 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 ...
user avatar
28 votes
4 answers
7k 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, ...
user avatar
2 votes
1 answer
175 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 ...
user avatar
2 votes
2 answers
744 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 ...
user avatar
  • 123
2 votes
1 answer
67 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 ...
user avatar
  • 10.5k
4 votes
2 answers
1k 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 ?
user avatar
2 votes
2 answers
583 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 ...
user avatar
4 votes
4 answers
489 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 ...
user avatar
0 votes
2 answers
93 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 ...
user avatar
  • 689
0 votes
1 answer
2k 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 ...
user avatar
4 votes
2 answers
81 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 ...
user avatar
  • 41
6 votes
1 answer
2k 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 ...
user avatar
0 votes
2 answers
621 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 ...
user avatar
  • 103
2 votes
3 answers
219 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 ...
user avatar
2 votes
1 answer
50 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 ...
user avatar
1 vote
1 answer
45 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 ...
user avatar
  • 31
1 vote
2 answers
222 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 ...
user avatar
  • 121
0 votes
4 answers
253 views

Which is best for an enter note field: an 'enter' button or hitting the return key?

While designing a text box where a user can enter a note, I want to eliminate the enter button and rely on the return key. What is the best practice for note entry fields? What is needed to tell ...
user avatar
  • 195
1 vote
2 answers
374 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 ...
user avatar
2 votes
3 answers
227 views

Button reaction depending on the x-coordinate

I need to show some boring tables (some dates, some number and some text; no images) with a lot of boring details. Imagine your bank statement. On mobile, I'll have to use multiple lines for each ...
user avatar
0 votes
4 answers
435 views

When you have 3 buttons (one primary and 2 secondary) in a 2x2 grid, where should you leave the space?

I have 3 buttons in a 2x2 grid as shown. One primary (Decision) and 2 secondary buttons of equal importance. This leaves a space in either the top right or top left. Which option makes most sense and ...
user avatar
3 votes
2 answers
350 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 ...
user avatar
0 votes
2 answers
84 views

Active or Disabled action button in a mobile form? [duplicate]

I have a "change password" screen where the user's password has expired and he/she has to change it. it's a standard screen with "New password" and "Re-type new password" fields, with an inline ...
user avatar
  • 1
0 votes
3 answers
75 views

Should visitors see all the links and buttons (which can be used only by registered users)?

We are developing a website which requires registration to use some features. My friend thinks visitors (non-registered users) should not even see the links for those features, because it is ...
user avatar
  • 101
6 votes
3 answers
526 views

Is a split button valid without proper visual grouping

Split button is basically a button with a default action and several other actions which are shown in a drop-down menu. While there's no doubt in how it functions, the issue is with how the default-...
user avatar
1 vote
1 answer
677 views

Toggle button on a table field

I'm thinking of using a toggle button to publish/unpublish a product in a table field. What is your view on using a toggle button and keeping a field clickable in a table?
user avatar
1 vote
3 answers
1k 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 ...
user avatar
1 vote
3 answers
152 views

Is it better to replace a button with error text or show error on click?

Context: mobile banking app I need to design a state for when the user is no longer able to transfer money because they have payments overdue on their account. Is it better to: Keep the button "...
user avatar
1 vote
1 answer
103 views

Where to put an "Activity Log" affordance on a page with fairly high info density?

Hey! I'm designing a rule builder tool and trying to figure out where to put an "Activity Log" affordance - basically a place where the user can click and see a complete list of the edits that have ...
user avatar
  • 533
0 votes
3 answers
166 views

Appropriate button label suggestions

I'm building a suggestions system to provide assistance to course providers when uploading their course advert. We provide assistance around spelling and grammar, language and structure and content. ...
user avatar
1 vote
2 answers
117 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 ...
user avatar
  • 11
0 votes
1 answer
105 views

Alternate to button [closed]

I have a long text "view/hide basic specifications" and I don't want to provide a button as that doesn't look good at the required location how can I give user that function without a button so that ...
user avatar
1 vote
1 answer
121 views

Button appears in two important locations and feels redundant

I'm building a log in page but ran into an issue with my nav bar. As you can see the "Log In" button appears in two locations. What's the best way to approach this? To me it looks odd to have it ...
user avatar
  • 13
0 votes
1 answer
63 views

How to focus on an area / button without looking too "forceful"?

Summary: How to place a website visitor's focus on areas that'll help them see value on the rest of the page faster? It shouldn't feel intrusive, since repeating visitors might not need to see it ...
user avatar
  • 13
3 votes
2 answers
343 views

Do I need "Continue Shopping" button on the shopping cart?

I did read a lot about shopping cart page this week and everywhere people insist to say: Add continue buying button on your basket to reduce the abandonment. The button "continue shopping" is an ...
user avatar

1 2
3
4 5
29