Questions tagged [buttons]

Buttons allow users to directly trigger an action or activity in a software solution, and is a concept borrowed from its physical counterpart in its digital design. 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
1 vote
1 answer
106 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 ...
Luci's 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 ...
ispiro's user avatar
  • 667
-1 votes
1 answer
554 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 ...
Terla's user avatar
  • 1
21 votes
6 answers
6k 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 ...
vaibhav Kothari's user avatar
1 vote
1 answer
144 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 ...
Ichrak Mansour's user avatar
29 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, ...
Nate Gines's user avatar
2 votes
1 answer
291 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 ...
Lora Lin's user avatar
3 votes
2 answers
4k 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 ...
sibasishm's user avatar
  • 133
2 votes
1 answer
122 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 ...
Blue Ocean's user avatar
  • 10.7k
4 votes
2 answers
4k 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 ?
vaibhav Kothari's user avatar
2 votes
2 answers
933 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 ...
Laurence L's user avatar
5 votes
4 answers
749 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 ...
maaartinus's user avatar
0 votes
2 answers
187 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 ...
foch's user avatar
  • 689
1 vote
1 answer
4k 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 ...
Avinash Dalvi's user avatar
4 votes
2 answers
102 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 ...
Peasey's user avatar
  • 41
6 votes
1 answer
4k 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 ...
Angela Jung's user avatar
0 votes
2 answers
1k 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 ...
Daniel's user avatar
  • 103
2 votes
3 answers
376 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 ...
Fahd Khattak's user avatar
2 votes
1 answer
53 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 ...
user1857639's user avatar
1 vote
1 answer
300 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 ...
mrgapl's user avatar
  • 31
1 vote
2 answers
321 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 ...
Mike's user avatar
  • 121
0 votes
4 answers
378 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 ...
jeancode's user avatar
  • 225
1 vote
2 answers
597 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 ...
symbiote_sam's user avatar
2 votes
3 answers
229 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 ...
maaartinus's user avatar
0 votes
4 answers
1k 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 ...
Johnny Power's user avatar
3 votes
2 answers
480 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 ...
Nessa Scott's user avatar
0 votes
2 answers
164 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 ...
Sapir's user avatar
  • 1
0 votes
3 answers
76 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 ...
Andrej's user avatar
  • 101
6 votes
3 answers
678 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-...
paulj05hua's user avatar
1 vote
1 answer
2k 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?
Durga Yasas's user avatar
1 vote
3 answers
3k 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 ...
Matías Cánepa's user avatar
1 vote
3 answers
252 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 "...
mellobird's user avatar
1 vote
1 answer
185 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 ...
Conor's user avatar
  • 533
0 votes
3 answers
321 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. ...
Ulysses86's user avatar
1 vote
2 answers
122 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 ...
juustte's user avatar
  • 11
0 votes
1 answer
234 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 ...
vaibhav kothari's user avatar
1 vote
1 answer
129 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 ...
SR-117's user avatar
  • 13
0 votes
1 answer
68 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 ...
Ras's user avatar
  • 13
3 votes
2 answers
559 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 ...
Rafael Perozin's user avatar
2 votes
1 answer
123 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 ...
Matthew Gelfand's user avatar
1 vote
3 answers
375 views

How to solve the ambiguity of selected state in a segmented control with just two segments?

I'm working on a web application that has two similar data grids in a page. User should be able to switch between these two data grids within the same page. I have used segmented buttons to navigate ...
Sooraj MV's user avatar
  • 3,609
3 votes
5 answers
3k views

Should a Save button be disabled if there have been no changes made?

I have a desktop application, and in this application, there is a non-modal dialog where a user can make changes to something. The dialog has a Close button and a Save button. The Save button does not ...
Robin's user avatar
  • 31
4 votes
4 answers
648 views

Does it make sense to have differently shaped buttons together?

Generally, buttons shown together are also visually similar. Are there situations where it might make sense to show together buttons of different shapes? E.g. a rounded rectangle button together ...
ahron's user avatar
  • 601
0 votes
2 answers
335 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 ...
user3132457's user avatar
4 votes
3 answers
364 views

Is it okay to break button consistency?

Currently have all buttons left-aligned in a dashboard. The alignment makes sense for filling forms. However, within a wizard and needed to add a 'Back' and 'Next' button, it makes sense to position ...
andrw's user avatar
  • 43
9 votes
5 answers
3k views

Is using a hyperlink to close a modal a poor design decision?

So I'm having a bit of back and forth with our UX designer who I defer to given his superior knowledge of the field. However, part of his design does not sit well with me and I'm unable to swallow it,...
shicky's user avatar
  • 193
0 votes
1 answer
1k views

What is the difference between a 9 dots menu icon and a 7 dots? [closed]

What does it possibly mean? Can it be used as 'go back to menu'? https://cdn1.iconfinder.com/data/icons/social-media-vol-3/24/_dots-512.png
Jquino's user avatar
  • 1
2 votes
2 answers
874 views

Where should I put the delete button?

I have a sidebar which shows all links that users saved. Since it's just a sidebar, I want to keep it as simple/clean as possible. Thus I use the cross icon next to the link for deletion. Option 1 ...
eriee's user avatar
  • 123
4 votes
2 answers
1k views

How to show that more information is hidden?

I'm creating a dashboard with multiple states of information shown for each item. At this stage, I've got a "quick dashboard" and a "full dashboard". I'm trying to maintain a site-wide style of ...
Rachel's user avatar
  • 146
0 votes
4 answers
146 views

Grab attention on buttons

how would you improve the buttons on the top of the screen? To grab attention of the user I tried to change a bit their color (they are dark blue instead of black), but I think that they are not ...
Fabio's user avatar
  • 107

1
3 4
5
6 7
30