Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

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
20 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 ...
user avatar
  • 101
0 votes
1 answer
59 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 ...
user avatar
  • 101
1 vote
2 answers
68 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 / ...
user avatar
  • 111
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, ...
user avatar
  • 15
0 votes
3 answers
88 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 ...
user avatar
2 votes
1 answer
109 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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
1 vote
5 answers
194 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 ...
user avatar
  • 15
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 ...
user avatar
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 ...
user avatar
  • 103
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 ...
user avatar
  • 613
0 votes
1 answer
54 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 ...
user avatar
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 ...
user avatar
  • 101
3 votes
1 answer
90 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 ...
user avatar
  • 2,612
1 vote
1 answer
40 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 ...
user avatar
  • 51
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 ...
user avatar
  • 1,042
7 votes
3 answers
2k 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 ...
user avatar
  • 71
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 ...
user avatar
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 ...
user avatar
  • 1,042
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 ...
user avatar
0 votes
1 answer
46 views

When to include "Previous" and "Next" button or link?

Happy new year guys. I'm currently building a personal portfolio and I am thinking of including a "Next project", "Previous project" link where applicable to each individual ...
user avatar
3 votes
1 answer
94 views

Sentence Link UI

Trying to include links in sentence form to remove "learn more" links. Should the whole sentence be the link or just the "view all" part in the sentence?
user avatar
0 votes
2 answers
280 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 ...
user avatar
0 votes
2 answers
70 views

Affirmative button placement when buttons are stacked

I am working on an app where I have two call-to-actions stacked. I currently have 'Cancel' on top and 'Delete' underneath. Usually, when the call-to-actions are side by side I'd have 'Cancel' on the ...
user avatar
0 votes
1 answer
97 views

Where to add quantity and price information in a small button

I have lot of "product" buttons in my Android App, each of that button based on configuration can have 4 variation: Pure button with only it's title, button with title and price, button with ...
user avatar
0 votes
2 answers
71 views

design decision behind buttons

What is the design decision behind the buttons 'Open in app' and 'get started'? In the image below we see two buttons or clickable links one has a boundary and another does not. But what thought ...
user avatar
3 votes
1 answer
117 views

When to use split button vs more options button?

When do you typically use split buttons vs a button with more options (ellipsis)? From how I understand it, split buttons are for grouping related options with one most common option surfaced?
user avatar
  • 1,042
0 votes
1 answer
57 views

How to reset only part of a form?

I have made an ESP interface which contains a settings page for an ESP in which the user can change various settings. I have developed both front and back ends. I have divided the page into several ...
user avatar
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 ...
user avatar
-2 votes
1 answer
82 views

Can a form field have different radius from the button? [closed]

Can the email address field have a different radius from the button? We have pill-shaped buttons across the whole website. But I didn't want to make the email address field with the same shape seems ...
user avatar
20 votes
8 answers
5k views

Close button position: corner or inside?

This is the modal dialog for the admin page. We had a discussion about the close button position. Which one do you think is better? A is more common and can be seen in many great web apps (Figma, ...
user avatar
0 votes
0 answers
89 views

Split Button or Menu Button?

I am a UI designer working on a project and the UX is asking for a Split Button button but the wires I received feel more like a menu button. I am wondering if a split button or even a menu button ...
user avatar
  • 13
0 votes
2 answers
65 views

How should filtering toggles behave?

I have a page that display multiple notes that are assigned to each department. At the top right corner of the page, there is a filtering section to allow the user to display notes that are only ...
user avatar
  • 1,042
2 votes
1 answer
131 views

Should action buttons within an entry page be identical or different?

I am designing an entry screen and there's a few action buttons at the bottom of the page. Should they be identical for consistency or different since they trigger different actions? Behaviour: This ...
user avatar
  • 613
1 vote
2 answers
142 views

Best Third Button Placement in Website

I'm currently redesigning a website for internal staffs in a company, I have a case that users are filled in a form and can go to the next page the form and then there would be a print button in the ...
user avatar
  • 67
1 vote
2 answers
166 views

What to do when a seemingly final action is not the final action

I'm trying to solve this simple workflow. For context: A user accesses a page to read a document The user can suggest changes on that document, or not In either case, the user has to click a button ...
user avatar
  • 131
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 ...
user avatar
3 votes
3 answers
189 views

What would be the better option for Grid items in App, Circular buttons or Rounded Rectangular buttons?

Currently I'm designing a mobile application where I need to display various categories for the user to choose and for that I have created two variations. First Option is Item within circular shape ...
user avatar
  • 163
3 votes
1 answer
109 views

I need to make a button that will turn activated when pressed, but that cannot be pressed again

Our smart home interface has customizable buttons that activate moods like, morning, night, or away. As of now, if the user presses a mood button it changes color to signal that this mood is now ...
user avatar
  • 31
1 vote
1 answer
219 views

Is there any data on adding directional arrows to text links or buttons that help increase conversion?

Does anyone know of any data that backs up adding directional arrows to CTAs whether text links or buttons? I always personally felt it was just added noise or bespoke design aesthetic but I'm curious ...
user avatar
  • 461
2 votes
2 answers
157 views

For a list of 10+ cards, Should I use a CTA button on each card for a better conversion rate?

Should I use a CTA button on each card for a shortcut knowing that I have cards feed layout pagination for more than 10 cards? For example if I have a projects feed inside a freelancing app here're ...
user avatar
1 vote
2 answers
125 views

Most appropriate icon for "Abort" button [closed]

I'm designing a button which when clicked aborts a certain process. I need an Icon on the button with the text "Abort". The icon will be place on the left and text will be placed right to ...
user avatar
  • 111
0 votes
3 answers
322 views

Two buttons for actions of equal significance on same (mobile) screen

Consider a simple app for making wish lists and sharing the list with a friend (or shopping assistant). On the main screen, the user is shown the list of items they have added to their wishlist. There ...
user avatar
  • 601
0 votes
3 answers
147 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 ...
user avatar
4 votes
1 answer
148 views

Icon consistency in buttons

I am designing a page for apps. This page will show apps available for integration. Question Should I make them all text only buttons or it's fine that some buttons are icon+text? Default All apps ...
user avatar
  • 613
2 votes
4 answers
272 views

Button position depending on situation or always in the same position?

I have two situations: A page with a table. The table can be short or long depending on user preference (items per page). A page with a form. The form can be short or very long depending on some ...
user avatar
  • 129
8 votes
3 answers
3k views

Different colors for buttons that have different kind of action

I am currently working on a project that needs an overhaul. I came across an interesting concept which I personally did not use before. This app has three types of buttons. What the buttons do: ...
user avatar
  • 129
0 votes
1 answer
179 views

Hamburger menu icons - Recent trend of moving away from three full-width lines to having two full-width lines and a shortened line?

Some examples in various iOS apps: US Bank RentCafe Uber The first two kinda reminds me of the icon for aligning text justified left. I'm quite curious about the reason for this change. I couldn'...
user avatar
  • 103
1 vote
1 answer
320 views

Placement of delete filters button - inside or next to dropdown?

So I have a pretty simple "problem": I have a filter option, which is this dropdown as you can see in the pictures. The question is: what do you think is the better placement for the delete ...
user avatar
  • 185

1
2 3 4 5
29