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
1 vote
2 answers
119 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 ...
  • 1,199
7 votes
3 answers
4k 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 ...
  • 71
0 votes
1 answer
33 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 ...
0 votes
2 answers
36 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 ...
  • 1,199
4 votes
0 answers
69 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 ...
0 votes
1 answer
116 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 ...
3 votes
1 answer
100 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?
0 votes
2 answers
2k 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 ...
0 votes
2 answers
199 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 ...
0 votes
1 answer
108 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 ...
0 votes
2 answers
82 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 ...
3 votes
1 answer
246 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?
  • 1,199
0 votes
1 answer
96 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 ...
0 votes
2 answers
97 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 ...
-2 votes
1 answer
96 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 ...
21 votes
8 answers
6k 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, ...
0 votes
2 answers
89 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 ...
  • 1,199
2 votes
1 answer
136 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 ...
  • 613
1 vote
2 answers
169 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 ...
  • 67
1 vote
2 answers
173 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 ...
  • 131
1 vote
1 answer
52 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 ...
3 votes
3 answers
230 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 ...
  • 173
3 votes
1 answer
123 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 ...
  • 31
1 vote
1 answer
503 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 ...
  • 470
2 votes
2 answers
449 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 ...
1 vote
2 answers
144 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 ...
  • 111
0 votes
3 answers
880 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 ...
  • 601
0 votes
3 answers
593 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 ...
4 votes
1 answer
205 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 ...
  • 613
2 votes
4 answers
514 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 ...
  • 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: ...
  • 129
0 votes
1 answer
227 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'...
  • 103
1 vote
1 answer
383 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 ...
  • 185
3 votes
3 answers
936 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 ...
3 votes
3 answers
717 views

How to differentiate between click (and release) button and press (and hold) button

I'm working on an interface for an industrial application. It's a portable touch screen that controls an industrial machine. Like any interface we have buttons which triggers various behaviour when ...
2 votes
2 answers
288 views

Button to change language [duplicate]

I am developing a website in two languages (English and Italian) and I use a flag icon to switch between them. What is the common/best practice if I am viewing the Italian page? Show the Italian flag,...
  • 21
4 votes
1 answer
84 views

What is the 'Go' button on a page of a set of forms called?

The user has completed a form in a set of forms. Or made some option choices. The button, bottom right, loads the next form. What's the correct generic name for this button? (I called it the 'Go' ...
  • 11.2k
1 vote
1 answer
74 views

Is it weird to create a text button instead of an icon for notifications?

I'm designing an app aimed for older generations. In that sens, I've decided to use a text button instead of an icon button for the notifications. I find it easier to identify what that button do if ...
  • 11
1 vote
1 answer
60 views

Button placement in the container/widget

In our case, each container/widget has one primary CTA. Because each widget/container contain important data points related to that widget. User may choose to download the data of the widget. Problem: ...
  • 2,461
3 votes
1 answer
85 views

Best practice for button layout in responsive survey?

Hi everyone, I'm designing a survey experience for a healthcare platform in which the user (often on the older side) fills out multiple surveys within a single flow. To accommodate survey fatigue, I ...
  • 533
1 vote
1 answer
61 views

Pattern for infrequently used UI in desktop application

I have a desktop application where the user will paste some text into a textbox located within the tab that is initially displayed to the user. The CONVERT button will become enabled when text is ...
  • 113
0 votes
1 answer
103 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 ...
2 votes
1 answer
639 views

How to best handle a modal with multiple tabs and buttons

We have a modal that is used for an action to Add an item and Edit an existing item. It also has a button to delete the item all together. I am trying to determine the best way to handle the button ...
23 votes
5 answers
4k views

Mobile friendly way for explanation why button is disabled

For desktop browsers the title attribute is an easy way to explain why a button is disabled: <button disabled title="this is disabled because ...">disabled button</button> But ...
  • 403
2 votes
2 answers
419 views

When displaying an "OK/Cancel" button group that is right-aligned should the main action be on the right?

I am designing an "OK/Cancel" button group on a modal hence this button group is right-aligned. Since this is the case I have placed the main action button "OK" on the right, and ...
  • 195
3 votes
2 answers
538 views

How to group multiple buttons on mobile

I'm working on a game website for desktop and mobile and one of the pages has 5 action buttons: Edit (no text, just pencil icon) Share (no text, just standard share icon) Play (just text) Compare ...
2 votes
5 answers
479 views

"Save" vs "Add": What button should I use for my app?

I'm working on an app to book appointments and need to decide what text to use in the button for the last step of the booking process: "Save Appointment" or "Add Appointment"
0 votes
2 answers
433 views

SSO Login, can we remove the Linkedin color in the button? [duplicate]

I've been working on a login flow where we are allowing users to sign up or login with Linkedin. The devs in my team told me that we need to keep the Linkedin button with the colors : However, we ...
  • 9
10 votes
3 answers
3k views

Colour rule for multiple buttons in a complex platform

I'm currently designing a CRM which includes a lot of forms and modules. I have been struggling to decide the colour rule for the buttons especially having to incorporate branding colour into the ...
  • 613
1 vote
2 answers
54 views

Which button is better when you want to load results from a filter?

I am redesigning an application and, one of our tasks is to redesign the UI and clarify/connect UI with the action intended. I noticed we are using different buttons for the same target action which ...

1
2
3 4 5
29