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
1answer
15 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 ...
3
votes
3answers
57 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
51 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
45 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
56 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 ...
3
votes
1answer
86 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
139 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
71 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
1answer
37 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 ...
0
votes
1answer
34 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 ...
0
votes
1answer
76 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 ...
0
votes
4answers
126 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 ...
0
votes
2answers
51 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 ...
2
votes
3answers
223 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 ...
0
votes
4answers
180 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 ...
2
votes
2answers
201 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 ...
0
votes
2answers
34 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 ...
0
votes
3answers
72 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 ...
6
votes
3answers
245 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-...
0
votes
0answers
56 views

Positioning an all purpose 'smart' button

I'm building a desktop app which has a kind of smart button. On click, the focus switches into a search bar and a pop up shows up (not a modal box). One may use the search bar to quickly add reminders,...
1
vote
1answer
42 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?
0
votes
3answers
114 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 ...
1
vote
3answers
89 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 "...
1
vote
1answer
37 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 ...
0
votes
3answers
82 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. ...
1
vote
2answers
61 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
1answer
52 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 ...
1
vote
1answer
93 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 ...
0
votes
1answer
56 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 ...
3
votes
2answers
169 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 ...
1
vote
1answer
56 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
3answers
117 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 ...
2
votes
5answers
290 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 ...
4
votes
4answers
417 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 ...
0
votes
1answer
54 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 ...
3
votes
3answers
302 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 ...
9
votes
5answers
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,...
0
votes
1answer
222 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
2
votes
2answers
349 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 ...
4
votes
2answers
145 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 ...
0
votes
4answers
134 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 ...
3
votes
2answers
121 views

Consistent position of Save button in multiple layouts

I'm currently working on a system aimed primarily at desktop users that has a wide range of layouts: some grids, some forms, and a variety of custom interactive interfaces with different designs. ...
23
votes
9answers
4k views

Grid/table with lots of buttons

Considering I have a grid with a number of buttons for actions the user can perform. It looks like this. I have a number of similar grids in the system. I am wondering peoples opinions on if I should....
2
votes
1answer
195 views

Chips and Button Sizes in Google Material Design

If the minimum tap area is 48x48dp (reference: material design accessibility), then what is the logic behind chips being 32dp in height (specs here) and buttons being 36dp in height (specs here)?
0
votes
2answers
82 views

Only button linked or whole item linked?

A site I'm working on has summary panels, with an action button to continue or view more details on that item. I'd like to make the whole panel clickable not only the button. Are there any negatives ...
1
vote
2answers
73 views

Button placement in the footer of card layout?

Should the button be placed on the bottom left corner or bottom right corner in the card layout? I was referring to Google's material design I found out that action buttons are placed on the bottom ...
1
vote
3answers
63 views

Raising attention for primary button in competition to the header

I am searching for some help with our primary color. We are using blue as the primary color and placed it into the header to support the brand's identity. On the other hand, blue is also our primary ...
0
votes
0answers
46 views

Pros and cons of displaying two CTA for the same purpose?

I am building a comment section and I am trying to display clear call to actions to get the user to participate in the current debate. I put into perspective statistics about the comment section and ...
0
votes
1answer
154 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 ...
1
vote
3answers
118 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 ...