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
27 views

Is inconsistent language in a call-to-action button OK?

We are in the process of designing new marketing pages for our website. All of these will be designed to get a visitor to understand features and benefits and encourage them to register. Our main ...
user1313927's user avatar
0 votes
1 answer
81 views

On designing a button

I'm designing a button for an tool app. What are the general design rules for button design? I'm trying to keep the element sizes in 8s, e.g. 8, 16, 24, 32, and so on. The font size is 14px. Then ...
xybrek's user avatar
  • 133
1 vote
2 answers
173 views

Multiple choice submit button(s) alternatives?

I'm redesigning an internal enterprise tool. There's a page to enter invoice details (or leave blank, if appealing or transfering), and there's a terrifying set of 9 Submit buttons. I'm trying to ...
turpentyne's user avatar
1 vote
3 answers
189 views

2 buttons with the same action

I'm currently working on a project, and the FE devs pointed out that I had the same action twice in a page, and I knew I had done this, but after researching more about it, there's not much I can find....
Rita's user avatar
  • 11
3 votes
1 answer
81 views

Back and Close button in the same native page

In this period, the current version of Netflix offers the user who has browsed through several films, the possibility of closing the page or going back through the content history. To do this, Netflix ...
costanza morbidelli's user avatar
0 votes
2 answers
68 views

What is best Primary action UX writing for this scenario?

What do you think about UX writing of primary action? should be named as just Add or Add holidays. For me Add doesn't give clues to the user about what going to add.
Iroshan De Zilva's user avatar
0 votes
2 answers
72 views

I add you and I pay AND You can join if you want, but you pay

In your opinion, how can I distinguish between two buttons that currently appear similar? Button A allows me, as a user, to add a collaborator by paying $10. Button B invites a collaborator who will ...
Ugo Nooz Torresi's user avatar
0 votes
3 answers
202 views

Button interaction inside table

I'm working on a table redesign and when it was first created they didn't have the design and experience in mind. Right now, the table is a listing of products and there's a button inside the table ...
nanosphere11's user avatar
0 votes
1 answer
98 views

Show and hide button after generating

When a client clicks the Generate receipt to get a receipt, what would be better UX? Hide the button after the receipt becomes available or continue to show the button after the receipt becomes ...
Meekfern's user avatar
0 votes
1 answer
68 views

Should a "New Item" action immediately select the added Item?

Scenario: I have a button labeled "New Item" which adds a new Item to a list (for example, in the image below, "New Signal" adds a new "Signal" to a list of "Signals&...
zachelrath's user avatar
0 votes
5 answers
194 views

Sticky button but only after user made a selection

I'm designing a screen where users have to: Select a day Select a time slot Click a "Confirm" button (which is disabled until the user selects day and time). I didn't want to make the ...
Danielst's user avatar
  • 371
0 votes
2 answers
111 views

Are two buttons with similar appearance and text an accessibility concern?

I'm inspired by this answer: https://meta.stackexchange.com/a/386770/175002 but I've come across this elsewhere as well. The two buttons read: Accept all cookies Accept only necessary I'm straining ...
AncientSwordRage's user avatar
0 votes
1 answer
229 views

How to position a "add to list" button?

Following picture shows a list of notes in a tab-layout. Each list has a + button at the bottom to create a new note. As the list grows the user has to scroll down (a lot) to see, that there is ...
DarkLeafyGreen's user avatar
0 votes
5 answers
124 views

Should users be allowed to add new users on a user management screen while the screen is still loading

Designing an access management module. Sometimes there will be a delay in the list of existing users loading. During this time the add user button will be active. in this case users will be able to ...
Blue Ocean's user avatar
  • 10.7k
0 votes
1 answer
98 views

Reset Button in Filter Popup

How should the Reset button on popup work? Should the window be closed? You need to close the window. The filter is reset, the table is updated The window does not close, all items in the list are ...
Roman Turov's user avatar
0 votes
1 answer
766 views

Form Unsaved Changes

Which of the modals shown below is more align with best practices for the following scenario? Scenario: A user is filling out a form. There are [Save] & [Cancel] buttons on the form. The user ...
L. Lemmer's user avatar
  • 523
0 votes
2 answers
85 views

Which should be the right rule to show two play button in the same interface?

I'm trying to design an app interface. The app functionalities are: show a map start a tour (play button). It starts tracking the route, kms/miles and time play some audio (another play button). All ...
Mitro's user avatar
  • 103
0 votes
1 answer
56 views

How can "exit" mean "continue"?

When you press Exit button on remote controller while using Kodi, this player won't stop playback. It will exit to one of the menu pages that you've been browsing before playback, but will continue ...
trejder's user avatar
  • 121
0 votes
3 answers
574 views

How can "down arrow" mean "increase"?

I've been 30+ years in IT and for me down arrow always mean: decrease (volume, value), subtract, move backward etc. Pressing the down button on the left or right side of any mobile device means volume ...
trejder's user avatar
  • 121
4 votes
4 answers
2k views

Button on clickable banner

Is it okay to have a button on a clickable banner/card? The button acts as a decoration just to take the user's attention. The button and banner have the same action. Design reference: Green button on ...
Muhammad Hunain's user avatar
0 votes
2 answers
113 views

"store" vs. "save" when editing data?

From a user perspective: would you use store or save on a button after changing your profile data for example. I mean both make sense but store seems a bit more technical (e.g. storing data to da ...
user3414687's user avatar
0 votes
1 answer
574 views

icon left or right side the button?

Why is the icon placed on the right side of the button in some designs and on the left side in other cases?
mahdi mortazavi's user avatar
0 votes
2 answers
300 views

Title and button placement for a Saas product

I'm working as a UX/UI designer at a startup where we have a Saas product. Currently I'm working on making improvements on the design made by a different designer. On our pages we have a Page title ...
Mosh's user avatar
  • 161
13 votes
2 answers
7k views

How to display more than three buttons?

I'm developing a web application using Material UI as a design system. In a page of this application the user can create an article (for a blog). The article can have differents status and for ...
Dennis's user avatar
  • 263
1 vote
3 answers
298 views

If I display a hidden button, based on a radio button selection, does it meet accessibility requirements?

HI I have a scenario where a user (car dealership) has to fill out some car details for a sold car and then print a driving permit. When they click the 'print permit' button the permit will print and ...
tiki16's user avatar
  • 149
1 vote
2 answers
127 views

Should confirming an irreversible action require definite user input?

I had a situation on an auction website recently where I clicked an action button to investigate what the consequences of it were, but an accidental double click ended up committing the action (with ...
Ralius18's user avatar
2 votes
1 answer
118 views

Are extra close buttons still necessary for desktop applications?

Many desktop applications provide extra close buttons, usually in the bottom right corner of windows or panels. I understand showing extra cancel and stop buttons, but not close. In many cases, there ...
amhp's user avatar
  • 23
2 votes
3 answers
5k views

How to improve UX for multiple buttons which are in one place with different functionality

I am working with a web application, there is a case to use 4 different buttons in one place with different functionalities. I think adding all the buttons in one place leads users see awkward and may ...
Nav Raj Bhattarai's user avatar
-1 votes
1 answer
94 views

What is the best approach for UI kit? [closed]

I have a dilemma at work and that is that we have many types of buttons: filled and lined black, light blue, dark blue in different shapes, round and rectangular with slightly rounded edges. We also ...
Beatriz GP's user avatar
0 votes
2 answers
168 views

Is Balloon popup for mobile apps common?

Our mobile app has a screen with a button that updates a price when the user takes a picture. In order to clarify any doubt that a user may have about the button, I want to add a description somewhere ...
rbhat's user avatar
  • 187
0 votes
2 answers
84 views

Disabling a feature until a button is pressed

So I'm creating a dashboard that will allow users to sort through by date as long as the "live monitoring" feature is paused. I created 2 buttons, one for the pause/unpause feature and one ...
Gene's user avatar
  • 1,315
2 votes
2 answers
278 views

Two Buttons That Have the Same Weight

Currently, our standards are green colored buttons for primary actions and links for secondary actions. In some cases we use red buttons, such as for delete actions. The problem I have now is that we ...
Mike Kelly's user avatar
0 votes
1 answer
125 views

Pause and cancel button next to each other?

So I am designing a feature for our app that allows users to pause, resume, and cancel their app's updates. I came up with a design that allows for the user to tap on the icon to pause/resume and ...
Gene's user avatar
  • 1,315
0 votes
2 answers
88 views

Letting user know that button is for picture and update data?

We have a mobile app where the information is updated when the user takes a picture. I'm attaching the screen. As you can see there's a huge button that says "Update Information (by just taking a ...
rbhat's user avatar
  • 187
1 vote
2 answers
134 views

Push Button and Filter button location suggestions

In the home page of the app., I have PickUp , Delivery and filter button. The filter button gives more filter options. The three buttons I believed are not in the right position on the screen. Not ...
aak's user avatar
  • 15
1 vote
1 answer
251 views

How can I design this toggle button to make more sense?

I have this toggle button that toggles whether "trails" are on or not. Currently, I have one button that changes it's own text to toggle the state from "ON" to "OFF". I'...
itsisaac19's user avatar
1 vote
4 answers
206 views

Many save options, limited space

The feature I'm working on has a lot of complexity. We believe our users would want to do the following: Save work in progress Save and close the item (to return to it later, or hand off to someone ...
Izquierdo's user avatar
  • 12.7k
1 vote
0 answers
2k views

How to handle multiple buttons with actions [closed]

I have multiple buttons in the header of my application. I wonder how to improve the UX. Buttons explanation: RECALCULATE - if some critical fields are changed, this button should be activated ...
Mr.P's user avatar
  • 111
0 votes
0 answers
434 views

"Add" button with option to add more than one item

As part of a task in my webapp, users need to add "slots" to an object. For each slot, there's some settings that the user can adjust. Adding a slot is achieved via clicking a button. Some ...
Samuele B.'s user avatar
0 votes
1 answer
48 views

What is the concensus on links or buttons on the context of nested routes?

Usually my rule of thumb was that links are for navigating and buttons for actions (form controls). For example, if I were to need an action that opens up a modal, I would use a button. But with React ...
Camilo's user avatar
  • 101
1 vote
1 answer
181 views

Repeat split button primary action?

Is it good or bad practice to repeat a split button's primary action? I've searched and didn't find anything definitive. I see it done both ways.
Steves UXD's user avatar
0 votes
1 answer
72 views

Is a series of GO buttons, at each step of iphone user interaction, easier for user to understand than different title each button?

Anyone see any problem with a series of GO buttons for each step of a mobile diagnostic app? That is, when user starts iPhone app, user sees titling, a couple of optional config controls, and a big ...
Doug Null's user avatar
  • 101
1 vote
2 answers
540 views

Stepper Next button text - Name of next step vs. simply "Next"

I have a multi-step form with five steps. At the bottom of each page there is a button to go to the previous step and the next step. Should the text inside the button have the name of the next / ...
ViktorMS's user avatar
  • 111
0 votes
2 answers
665 views

Inline edit icon vs Go to edit page edit icon

I have two pages with a table list of data. In page A, each row contains a lot of extra information, so clicking the edit icon directs the user to a full page info for editing. On the other hand, ...
Vicky's user avatar
  • 25
0 votes
3 answers
2k views

Accessibility of Icon Buttons?

I have a challenge: I'm working on a project and I used icon buttons. Someone said icon buttons are not accessible because they don't have labels. ARIA and some HTML techniques can achieve ...
Daniel Vianna's user avatar
2 votes
1 answer
242 views

What's this button/ thumbnail layout called?

What's this button layout called? I've been looking for the appropriate name for this layout so I can learn more about its use case and where it's best to be used but I've been dumbfounded for a while ...
Ken Justine Shiina's user avatar
2 votes
1 answer
243 views

Right Bar Button vs Bottom Button - iOS

I can't decide the placement of the button that will take the user to the next screen or that will submit a form. Apple uses both right bar button and bottom button in different cases. It's obvious ...
Stewie Griffin's user avatar
0 votes
2 answers
171 views

Edit icon VS Edit CTA while redirecting the user to a different screen?

I need to redirect the user to a form which is on a different page after he clicks edit. So what is the best practise here, to use the pencil icon or edit button or anything else where it is clear ...
shweta sinwal's user avatar
2 votes
5 answers
3k views

Cancel button, reset form or go back?

I'm working on a project where there's a CRUD table, but the editing takes place in an individual page. In this editing page, if the user presses the cancel button, a modal pops up asking for ...
Vicky's user avatar
  • 25
0 votes
1 answer
700 views

Where is the best place for the back button? [duplicate]

In some apps, you need to go through a number of steps. Of course, a back button is needed in this process, in case the user has made a mistake or changes his mind. But my question is, what is the ...
Roberto Dekker's user avatar

1
2
3 4 5
30