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
0 answers
18 views

ButtonToggleGroup disabled state styling

Im using slightly themed angular material components and this question is about restyling mat-button-toggle-group component. Toggle group is a row (or column) of buttons that may be: mutually ...
0 votes
1 answer
56 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 ...
71 votes
9 answers
20k views

Does a form with continuous save need a "Save" button?

I am designing a web-app with a lot of forms and i was wondering how to improve the filling. The classical pattern is : fill, fill, fill, Save Have you experimented a form which auto-save each field ...
2 votes
3 answers
4k views

Fixed Feedback button on the side of LEFT or RIGHT side of the window?

My start up [WEBSITE] is going to be launching in private beta soon and we're trying to decide where our feedback button/tab should go. We've looked at how UserVoice does theirs (bottom right) and ...
0 votes
2 answers
40 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 ...
496 votes
24 answers
98k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
0 votes
3 answers
86 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 ...
1 vote
1 answer
53 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 / ...
0 votes
2 answers
49 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, ...
2 votes
1 answer
98 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 ...
2 votes
2 answers
162 views

CTA repetition - Is having CTA in nav, hero, and footer overkill?

This is a pretty common design. Theres a CTA in the hero and nav with the same CTA and when you scroll to the bottom theres also another CTA that says the same thing. It feels a bit repetitive to me, ...
0 votes
2 answers
51 views

Does the windows key only operate on release?

I noticed that the windows button only activates when you are no longer pressing down on it. However, I have found no documentation or article to verify that that this is either inherently true, or ...
46 votes
4 answers
31k views

Do disabled buttons still need to be contrast compliant for accessibility?

Very related to this question: Accessible Disabled State but that is about how to style disabled buttons to make them accessibility compliant, but my question is slightly different. Is it actually an ...
2 votes
1 answer
72 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 ...
0 votes
1 answer
53 views

Filtering: Input-fields or buttons?

I'm currently working on new tables for our web platform. I came to a point when I need to design some filtering options as part of the design. One of our developers told me to use a text field that ...
1 vote
5 answers
190 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 ...
0 votes
1 answer
65 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 ...
9 votes
4 answers
11k views

What's the difference between a toggle switch, radio buttons and a tickbox? What's the best cases these patterns can be used?

What's the best cases these patterns can be use?
13 votes
3 answers
2k views

Submit a Button and Cancel a Link... Too Confusing?

I have noticed in the last couple years a lot of web forms, if they have cancel at all, it is a link. I assume this is to drive the person to the UI element, a button in this case, that 99% of the ...
0 votes
1 answer
60 views

"Back to category" button for product belonging to multiple categories

I'm working on an e-commerce website and I'm faced with this issue: I need to place a "Back to category" button on my product pages but some of these products are linked to 2 or 3 different ...
0 votes
3 answers
90 views

Renaming duplicated 'Save' button

This is a form for student registration. Context: The form contains standard fields for student details (name, D.O.B, etc) and editable data grid for students' previous school's details. User can add ...
0 votes
1 answer
75 views

Toggle buttons - what do you think of using them in SaaS platform if description is still necessary?

I'm wondering if using a toggle button to enable different views of the data indicated on the platforms is the right solution, especially if the toggle button needs a description so the user is able ...
0 votes
4 answers
371 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 ...
1 vote
1 answer
37 views

Google pay and Credit card in the mobile app

I just need one or two advice, regarding on this new booking system as the developer team create it without my knowledge and didn't ask me for advice or design UX before they went developed it and it ...
1 vote
1 answer
39 views

What is this type of button/element called?

What is this button called? The example provided here is from AirBnB's web and is also used on mobile. It looks like an accordion, but does not expand, and instead acts like a true button. I really ...
2 votes
3 answers
893 views

Is the "X" close Button sufficient or should there be a close Option in a Menu?

Is it enough to only have the "X" Button in the upper right corner for closing an Desktop-Application, or is it necessary to provide an Close option in the Menubar (File->Exit)?
2 votes
3 answers
218 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 ...
3 votes
2 answers
360 views

What is the optimal position for groupings of odd numbered buttons on a form?

I have 3 buttons on a form: submit, cancel, and exit. I used a larger size and topmost position for the submit and put the cancel and exit as smaller buttons below on the left and right respectively. ...
6 votes
3 answers
26k views

Cool/heat and sun/snowflake display on A/C and other machines

This question has been bugging me for years. I remembered it when I read this: Toilet flush buttons In A/C most of the times is easy. Generally there is a snowflake for cooling mode and a sun for ...
338 votes
14 answers
85k views

Should I use Yes/No or Ok/Cancel on my message box?

Semantically, the Yes/No buttons are roughly equivalent to the Ok/Cancel buttons, but in general what would you recommend to use? Should I always use Yes/No or always use Ok/Cancel? Or does it depend ...
0 votes
3 answers
143 views

How should a screen reader pronounce links and buttons?

When a screen reader reads links, should they be pronounced as 'Link button', or 'Link'? Example: Show more... (a link): should the screen reader say 'Link button', or 'Link'? Also, how should the ...
0 votes
2 answers
237 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 ...
2 votes
2 answers
170 views

Cocoa - When do you include a submit button?

I am designing an app with some forms. I have looked at other Cocoa apps to see how they handle the submission of forms. Some apps don't have a submit button and update their backing datastore (or ...
0 votes
1 answer
55 views

What is the symbol to start printing called?

What is a common term used to describe the symbol that is used on printers, photocopier and fax machines to start printing? It is square standing on one of its corners with a vertical line inside ...
0 votes
2 answers
17 views

Edit an existing GCal invite

I have an application that allows the user to send out a GCal invite. Within the page, there is a button that says, "Create GCal invite." For the time being, to keep the scope small, this ...
84 votes
12 answers
25k views

How do rounded corners affect usability?

How do rounded corners on buttons and containers affect usability? Do they make buttons look more clickable? When used on other non-button elements, do they make the site look more friendly? I'm ...
3 votes
1 answer
88 views

Spring force for physical push buttons

Are there any design guides or existing studies that provide recommendations for the spring force (e.g. initial force [lb, kg] and force increase [lb/in, kg/mm]) of a physical momentary push button ...
1 vote
2 answers
58 views

Label to dismiss a dialog box?

I have a dialog box that is asking a user to confirm the cancellation of a task. Since the main CTA already says, "Yes, cancel this task", it might be confusing for the action to exit the ...
0 votes
2 answers
261 views

UX guidelines for placing edit buttons?

I am working on finding the best placement for the edit button for a company website already in existence (used for internal staff & clients). This is a review page after a Client has filled out ...
7 votes
3 answers
1k views

Correct buttons hover state

I'm designing an e-commerce interface, and I've a doubt about the correct hover state of the primary button. Is it correct to style the primary button as the secondary's default on hover state as in ...
65 votes
10 answers
24k views

Is a cancel button necessary in a web form?

Personally I have never used it. I don't put information in a form and then decide everything needs to be cleared. I would edit one field. Plus cancel in a UI suggests canceling an action which is in ...
0 votes
3 answers
365 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 ...
0 votes
0 answers
20 views

Should buttons' position/placement be standardised across the whole platform?

I know that there have been threads about button placement, however what I'm asking is not a specific case. Rather, I would like to know regardless of contexts, should button placements be ...
3 votes
3 answers
548 views

Where should you allocate the edit and delete buttons in collapsible panels?

I am a webdeveloper and am looking for a better solution in a private project of mine, which is a wiki-like webpage for a Dungeon's and Dragons campaign. I have a list collapsible panels, each ...
395 votes
23 answers
161k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
27 votes
7 answers
7k views

Should the order of add / edit / delete buttons be based on the frequency of their use?

In our application we have several places where users see a list of items and can add, edit or delete an item. For some of these lists adding new items is probably the most frequent used ...
3 votes
3 answers
2k views

Confirmation of user input: inline button or popup/modal?

I have a few instances, where users can cancel filling out web forms. In the current design the web site will open a modal in the center of the screen (which is mostly not, where the original cancel ...
30 votes
9 answers
24k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
1 vote
2 answers
56 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 / ...
4 votes
0 answers
60 views

Braille input alternatives for people with less than three fingers per hand

I would like to know what braille input alternatives exist for blind users who do not have all of their fingers. I am interested in both software and hardware methods implemented in assistive ...

1
2 3 4 5
29