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
2
votes
2answers
150 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 ...
1
vote
0answers
21 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 ...
4
votes
3answers
146 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 ...
3
votes
1answer
99 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 ...
2
votes
1answer
61 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 ...
2
votes
2answers
47 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 ...
2
votes
2answers
100 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 ...
1
vote
3answers
143 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 ...
0
votes
1answer
64 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
1answer
101 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 ...
2
votes
3answers
109 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 ...
8
votes
3answers
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: ...
0
votes
1answer
136 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'...
1
vote
1answer
39 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 ...
3
votes
2answers
125 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
3answers
81 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
2answers
103 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,...
4
votes
1answer
76 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' ...
1
vote
1answer
47 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 ...
1
vote
1answer
47 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: ...
0
votes
0answers
35 views

Which style for buttons in a wizard and a simple form? [duplicate]

I am wondering which style I should use for my "cancel" button. As you can see, on the wizard, the "cancel" button doesn't have border. But in a form which has only two buttons, ...
3
votes
1answer
53 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 ...
1
vote
1answer
51 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 ...
0
votes
1answer
59 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 ...
1
vote
1answer
196 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
5answers
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 ...
2
votes
2answers
91 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 ...
3
votes
2answers
123 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
5answers
154 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
2answers
80 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 ...
10
votes
3answers
2k 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 ...
1
vote
2answers
43 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 ...
0
votes
1answer
28 views

Where is the best place to put the export/upload function for a data table function?

There's two Scenarios: V1 Export appears above the top right but only shows to a specific tab, it is hidden if it is not available in other tabs. V2 Export appears under the tab where it is only ...
0
votes
3answers
181 views

What is better: disable next button if the form is not filled or enable it and outline the inputs?

Hei, was thinking: what is better from user perspective: The form which if not filled with all mandatory fields the "next" button is disabled or The form with "next" button ...
0
votes
1answer
64 views

What is the purpose of a swap button in an airline booking app?

I am new to the community so I appreciate all replies :) First, what is the official terminology for this type of button? Second, what purpose does it serve in booking a flight?
1
vote
1answer
57 views

Navigating through a menu with only 2 buttons

I have a physical device with a screen and 2 buttons. This device needs to be able to enter a "settings" menu, which shows different options which can be turned on/off or have a "...
0
votes
1answer
49 views

Best placement for action buttons on product comparison page

I'm trying to decide the best place to display action buttons for the user. The user’s main goal is to monitor products in their current and track for better options. The user is comparing products on ...
1
vote
1answer
184 views

How a “disable animations” button should look like?

As it I've been asked to add a button to disable animation on my website, according to the WCAG animation criterion (https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html). The ...
0
votes
1answer
167 views

Position and style of back button in web [duplicate]

After studying about the 'Back' button, I still can't decide on which best suited my case. I am designing an internal portal where the content varies in width. Button position: A.1 Right side seems ...
1
vote
1answer
89 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
1answer
60 views

Which button placement is more usable for touch

I'm designing an order listing UI for a delivery person to fulfill their orders. I need to add a cancel button for ad-hoc cancellation in certain situations. between the 2 options below I'd like your ...
3
votes
1answer
82 views

One button with Multiple States that Change Label and Functionality

I am redesigning a site right now and have the following question. Currently the user is presented with a list of Workstations. They have the option of: Adding additional workstation(s) to the list ...
3
votes
2answers
284 views

Should I use multiple icon for two states of toggle button

I have a simple bar chart component and I'm going to add a button which help user able to switch between two view modes. Let say: First mode called "relative view" (show percentage value of ...
2
votes
3answers
137 views

label arrangement of the toggle button [duplicate]

I'm working on a camera switching feature. I'm thinking about the arrangement of the label of the button. To me, we can prompt the user to slide right to enable the front camera and in order to enable ...
1
vote
2answers
163 views

What is the correct placement of actions buttons

I am working on an application where user's data will be frequently added and updated. In sample 1, I have added 'add address' links in each row per category for quick addition but it is breaking the ...
2
votes
2answers
141 views

Completely rounded vs Rounded rectangle buttons

I was curious to know why at some places completely rounded buttons are used and other places of the same application there are rounded rectangle buttons? As far as I could understand, small Rounded-...
2
votes
1answer
184 views

What is the best place for an Add button in an iOS table view?

I’m trying to figure out where to put the Add button on my table view (on iOS). Its purpose is to create a new row in the table view, either inline or using a modal form. There are 3 common positions ...
2
votes
3answers
113 views

What icon intuitively represents making comparisons? [closed]

I want to make an app which involves repeatedly giving users two options and having them select the one they like better. Is there any icon or symbol which would intuitively represent this concept, ...
0
votes
0answers
46 views

Why thumbs up and thumbs down buttons looks better when facing towards each other when placed next to each other?

I'm designing a rating feature for an app with thumbs and thumbs down next to each other. i'm curious why is most examples i'd seen the hands will be facing each other instead of being in the same ...
1
vote
0answers
240 views

Shortcut Key for OK Button on Dialog Box with Grid

In a desktop app, I have dialog boxes that contain one or more small grids, various other simple controls, as well as the usual OK/Cancel buttons. Grids pose a problem to the usual use of Enter as a ...

1
2 3 4 5
28