We changed our privacy policy. Read more.

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
6
votes
4answers
2k 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, ...
23
votes
10answers
6k views

Grid/table with lots of buttons

Considering I have a grid with a number of buttons for actions the user can perform. It looks like this. I have a number of similar grids in the system. I am wondering peoples opinions on if I should....
5
votes
5answers
6k views

The meaning of the Home button in browsers

I'm not talking about the Home on the website or an app but the home on the browser itself. First of all, I saw no use for that button eversince I first touched a browser. Maybe it made no sense to ...
0
votes
0answers
38 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 ...
0
votes
2answers
43 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 ...
2
votes
1answer
127 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 ...
52
votes
12answers
16k views

Why don't most elevator panels let you unselect?

We've all seen it in the movies where a kid will push all the buttons in an elevator. We've all likely done it - accidentally hit the wrong floor. There's no unselect after you select a floor in an ...
98
votes
13answers
23k views

When a button contains text and an icon, which should come first?

Assuming I'm optimizing for making it as fast and easy as possible for most users to find the button they need, what's the optimal ordering?
0
votes
1answer
73 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 ...
1
vote
2answers
120 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 ...
3
votes
2answers
180 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 ...
14
votes
2answers
8k views

Which colors would best convey 3 difficulty levels?

I'm making a baby toy/game to learn numbers and I have a menu with 3 buttons. The first button enters "learn mode", the second button is an easy quiz, and the third button is a medium quiz. Are there ...
5
votes
5answers
3k views

Placement of edit and delete buttons for dynamic table

The application I am working on has dynamic tables that gets longer as the user adds more objects. The user is able to edit the properties of these objects and/or delete them. I'm quite confident of ...
2
votes
2answers
182 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 ...
1
vote
4answers
273 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 ...
2
votes
4answers
131 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 ...
2
votes
2answers
64 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 ...
0
votes
1answer
61 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
4answers
186 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 ...
0
votes
3answers
192 views

Tune the radio or tune in?

I'm in doubt whether I should use buttons or radio buttons combined with a single button. I could go with the buttons, as shown below, but I think this confusing. Another option would be the radio ...
2
votes
2answers
163 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 ...
5
votes
3answers
3k views

Is it a good idea to use a Floating Action Button for non-actions?

Google Material Design guidelines recommend to use Floating Action Buttons primarily for a promoted action. However, recently there seems to be a rather solid emerging trend to use these buttons for ...
1
vote
0answers
25 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 ...
15
votes
8answers
6k views

How can the design for elevator/lift door open/close buttons be improved?

The typical symbols for operating lift doors are: Door open: ◄ | ► Door close: ► | ◄ More examples here. They look confusingly similar, especially at times of emergency. Have you ever pressed the ...
1
vote
1answer
94 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
2answers
193 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
2answers
158 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 ...
4
votes
3answers
162 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
101 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 ...
30
votes
9answers
21k 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 ...
2
votes
1answer
89 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 ...
5
votes
3answers
855 views

How should I place 3 equally important CTA buttons?

This is an airport transfer quotation form I've created. The user will first select the pick up, destination and number of passengers. Then, they will retrieve the type of vehicle, price and ...
2
votes
2answers
152 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 ...
0
votes
3answers
281 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 ...
1
vote
3answers
167 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 ...
2
votes
2answers
107 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
2answers
312 views

How to support a "Save draft" to a wizard approach when the user takes a long time to complete a step?

I have simple user workflow, in which the User has to complete the process sequentially. But the step 2 might take a day or more to get completed. In the Current UI, If user decides to complete the ...
4
votes
1answer
113 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 ...
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
148 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
40 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
3answers
101 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 ...
64
votes
5answers
52k views

What is the optimum button size of touch screen applications?

There was a not so recent blog post about the ideal button size of touch screen control sizes (sorry there is no link, the website is now a spam trap) that was based on the study form the MIT touch ...
2
votes
2answers
108 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
77 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' ...
10
votes
3answers
2k views

Default button OK or Cancel [closed]

What is the most preferable default button for submitting a form (like a login page)? OK or Cancel?
1
vote
1answer
50 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
50 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: ...
5
votes
2answers
1k views

Outline Button, how they affect UX?

With iOS 7 Apple used buttons with rounded rectangle borders (Outline Button). But, Apple has moved away from buttons with rounded rectangle borders. Because they found that kind of buttons decreased ...
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, ...

1
2 3 4 5
28