The Stack Overflow podcast is back! Listen to an interview with our new CEO.

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
2answers
113 views

Better options for action buttons in 'Cancel' Pop up

My users have options to 'Cancel Order' that they have placed. When user clicks on 'Cancel Order', a confirmation pop up appears asking the user if he/she really wants to 'Cancel the Order' or 'Not ...
0
votes
2answers
415 views

Alternatives to modal dialog for simple forms

I have a button that pops a simple modal form. The form takes a name, description and has a save button. I am not a fan of having a button to the left of the screen, a dialog that pops in the center ...
1
vote
3answers
65 views

Best way to indicate usage of 'points' to offset an amount?

I'm having a bit of a dilemma on how to properly do the interface for using points to offset an amount. Let's say I have 5000 points in my wallet. Of course, I need to indicate that I have 5000 ...
1
vote
2answers
123 views

Are buttons necessary on product cards?

Lately I've been seeing a lot of product cards without buttons. The idea is that the whole card is the button. Generally it looks card-like and clickable (has a drop shadow on the whole card). I have ...
1
vote
1answer
278 views

Best practice of single select row on table

On the website I'm working on there are tables with multi-select row function to trigger some actions. Here is the current implementation of the table. Buttons to trigger the actions are placed on top ...
1
vote
4answers
188 views

Where do users most often expect the submit button on a form to be?

Has research been done on where the most "expected" location for the submit or primary action button would be in a form? I'd clearly assume at the bottom of the form, but what about it's alignment? is ...
0
votes
1answer
110 views

How can I improve the experience of filling this form in? [closed]

I have a web form with several buttons - for saving/restoring drafts & also a submit button. It has the capability to display alerts when drafts get saved/restored. In the screenshot, an alert is ...
2
votes
1answer
886 views

Material design: Can you use bottom and top app bar at the same time? What's the relation between them?

I'm currently designing a B2B app that will have plenty of buttons (on top app bar) that just can't be hidden. Is it possible to transfer some of the buttons from top app bar to bottom app bar, just ...
1
vote
2answers
93 views

Alternative quantity selection - cognitive load & space problem

I am working on a product where users are ordering rather large quantities. Or even better said: The amount that people buy varies wildly. Some order a lot, some a bit less. We are aiming at adding ...
0
votes
1answer
76 views

Does the location of “main buttons” affect usability?

Here we have Meta Stack Exchange: The "Ask Question" button is part of the "search results" group. Could this possible confuse users? Should site-wide "main" buttons always be placed on the header ...
0
votes
5answers
227 views

How should I indicate that a button is clickable on mouseover?

I have white buttons on a blue background: When moused over, I change their background colour to blue to acknowledge this: When clicked, they become the large square you see on the left. It's ...
0
votes
2answers
83 views

How to deal with multiple call to actions that are as important on a product page?

So we have a quite unique product page. We sell datasets as maps on our website. Obviously we already have a primary CTA button that says 'Buy for $...'. But we'd like to add some other options for ...
2
votes
1answer
211 views

Why do elevators have the close doors button? [closed]

I think that the close doors button in an elevator does very little. If it works, it saves the person two seconds of their time. If time matters this much to people, why do people stand still on ...
1
vote
2answers
492 views

Placement of data table delete/edit button

Using material design and making a desktop application. Should I add the delete and edit button on each row like this: or in the Color zone at the right (near the 3 dots):
2
votes
1answer
81 views

How best to visualize an either/or choice between different types of actions

So I have a modal window with some tabs. On one of the tabs there is a single input field for an identification number. Now we are adding some new functionality which will let the user snap a photo of ...
3
votes
1answer
205 views

How to show the restrictions for the file upload?

This is used for the b2b web tool. The user can upload an image file by clicking the "upload" button. There're 2 restrictions: max size and file formats. What is the best way of showing that? Put ...
3
votes
2answers
131 views

Transit app - button or toggle?

I'm designing a prototype for a mobile app that allows you ask for help inside a public transportation (bus or streetcar). The goal is to alert all passengers that someone needs help inside the same ...
4
votes
2answers
194 views

User-friendliness vs. conformity (with an app)

I have two apps: App #2 reads text files to display 3D objects with specific coordinates (e.g. a sphere, a cube, a pyramide and a cylinder) in a VR environment with each file having its own unique ...
5
votes
1answer
198 views

What is the pattern for displaying the state of a thumbs up thumbs down button pair?

I'm looking for a pattern that clearly lays out how to make the pair of buttons look clickable (or tappable) in the following states: Nothing has been selected yet One of the two options has been ...
5
votes
1answer
290 views

Display a bunch of buttons on one page

I currently develop an app in UWP and I need to display some buttons on a page. All of those buttons are neccessary and I want them on the same page because they are for maintanance/debugging of a ...
1
vote
3answers
236 views

When use large buttons is a good practice [closed]

Im doing a project and I would like to now if is a good practice use this type button Someone can tell me? Feedback Now, see this page in html, css + Js:
3
votes
1answer
170 views

Is showing temporary result immediately better ux than showing a loading indicator until a result is available?

Use case: There is a toggle button a user can click on it. After the user clicked on it, it should show a result, success or failure. It takes some process time to calculate the result. Unless error ...
1
vote
1answer
51 views

What is the industry term for a payment action that pops up over a free action?

The situation I mean is where a UI tries to hijack a user action by sneaking in another one on top. For example, there might be screen with a button that does something innocuous, eg “Continue”, but ...
1
vote
1answer
57 views

Mobile - how to reconcile view title and action button title?

I have a view in a mobile app responsible for stitching photos into a video. I’m looking for advise on how to make the title of this screen match the text of a single action button on the same screen. ...
-1
votes
1answer
76 views

Ask Permissions on a button or icon with tool tip [closed]

I looking a link for icon and text for request access. Please share how i can make this UI better. Should i use just a simple button with text "Ask Permissions" or simply a lock icon with tooltip "Ask ...
1
vote
3answers
1k views

Is it a good UX practice to have social sharing buttons on a mobile website?

I am recently working on the mobile version of a website and came across this link - https://www.zdnet.com/article/study-claims-99-percent-of-users-ignore-sharing-buttons-on-mobile/ I am still ...
3
votes
6answers
453 views

Readability of form input fields and confirmation

I have a form that the user inputs some data to send to a server but I'm wondering how does a user normally read a form for input purposes? Should it be Input, Button, Confirmation then close: Or ...
3
votes
1answer
787 views

When to use Tabs vs. Button Group?

https://react-native-training.github.io/react-native-elements/docs/button_group.html http://docs.nativebase.io/Components.html#segment-inside-header-headref My particular use case is a user will have ...
0
votes
2answers
104 views

The flow of a payment page where the status of payment can't be updated immediately after a payment — manual payment

The payments via some payment methods on a website are automatic -- you pay on a payment page via you bank card or PayPal and can see that a payment has been done and confirmed immediately. For some ...
1
vote
3answers
687 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 ...
0
votes
1answer
62 views

Where would the buttons go best? [duplicate]

I made a browser app, and have gotten some positive feedback, and someone asked if I could put buttons on it. It is located here: https://freezephoenix.github.io/FireSnake/3D.html Background: You ...
0
votes
1answer
268 views

What should be the label of Add button?

I have a modal dialog which is having a form of adding or updating employee. I want to know, what should be the label of my Button when it is opened for adding an employee and when editing the ...
0
votes
1answer
85 views

Best practice: same button multiple functions depending on input

I have an input field where the user should enter a URL. If the url points to a sitemap (ie sitemap.xml) all the urls contained in the sitemap should be downloaded whereas in the case of a url not ...
1
vote
3answers
133 views

What should be the color of ON state so that user doesn't switch it off?

I am working on one plugin for the Outlook. This plugin is for email sharing. When user tries to compose email a notification butter bar will come up in compose window and will say that particular ...
24
votes
11answers
7k views

Is it okay to name submit button as “Select”

I am on creation form and want to add video to this form. I press + and the video gallery is opened in a popup. I need to select video and submit. Is it okay to name submit button as Select? Or are ...
4
votes
2answers
490 views

Set all radio buttons at once - use regular buttons or radio buttons?

On this form, the acceptance criteria is to have a convenience all select for a choice. For example, the user selects no and all the radio buttons would select to no. However, if a user selects ...
1
vote
1answer
78 views

What are peoples experience of sticky actions on the bottom of the browser and is visibility an issue?

I've been tasked with a project that is a careers site and there is some speculation on the need for a large button saying 'Apply now' sticky on the bottom of the browser like the attached image: I ...
3
votes
3answers
918 views

iOS button morph to loading

In Android, the native button in material style has a "loading" state. This loading state can also be "disabled" state. It looks like this: HD Screencast - https://gfycat.com/...
1
vote
3answers
85 views

Is it necessary to dim 'Back' or 'Next' button when page number is shown?

For example, suppose I have a view which has 'Back' and 'Next' button to switch pages : My question is, is it necessary to dim the 'Back'/'Next' button when first/last page is reached? Is the page ...
0
votes
2answers
158 views

A lot of buttons on sign up page

We're planning to redesign the signup procedures on our landing page at my company. We want to add options for users to register with their credentials or using OAuth buttons. The problem is a big ...
1
vote
2answers
483 views

Should one use the same color for CTA buttons across a site?

Should one use only one color, for example green, for call to action buttons across a website?
0
votes
1answer
52 views

Button Behavior and when to trigger on release

I am writing menu logic and was wondering if there are any general rules for when an on-screen button's function should trigger on release, vs when to trigger on press? (A release trigger requires a ...
2
votes
1answer
133 views

Scroll wheel vs. Explicit Scroll Buttons (OR BOTH!)

Let's say you have a section of scrollable content, a lesson plan for example. It's contained in a sidebar in the UI. Assuming users understand that they can scroll with their scroll wheel or mousepad ...
0
votes
4answers
65 views

Should I leave a button active within an empty state?

I have a window that's supposed to display screenshot that user has taken. Then they can choose one screenshot and send it further. So I have two button "Close" and "Choose". But what do I do when ...
2
votes
1answer
47 views

Do I display a button (that's directing to content, but there's no content yet) as disabled or active followed by an empty state?

I need to show a button that will take the user to the screenshot gallery. But when there are no screenshots yet should I disable the button or leave it active for the user to click and enter an ...
1
vote
0answers
20 views

Ideally, should buttons' state represent current or desired behavior? [duplicate]

Ideally, should buttons' icons or state (button clicked or not clicked) represent current or desired behavior? On Android, certain checkbox options may also have a description (below the name of the ...
2
votes
2answers
65 views

Should you conserve space by having a single transforming button instead of two non functional ones?

I’m currently designing a webpage where users are asked to modify the positions of certain elements. Currently I have a single button to allow the users to enter “edit mode” which allows them to drag ...
0
votes
2answers
187 views

How to deal with optional form step & call-to-actions?

Situation is as follows: A user responds to another users request with some details of his offer. Some of these details are required (step 1) and some are optional, but help the requester even better ...
1
vote
1answer
182 views

Designing an array of buttons

Now I’m designing a single-view mobile application for iOS. The view contains a text area at the top, and an array of buttons for users to input characters. I’m deciding the layout of the buttons so ...
5
votes
3answers
5k views

What is the best practice for “delete” buttons in material design?

A lot of design systems/ style guides define red as the color for "delete"/ "erase"/ uninstall/ error buttons. In material design, I didn't find this specified. So, what is the best practice? I ...