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
8
votes
2answers
1k views

Why is the button to open a microwave door always hard to push? [closed]

Every microwave I've encountered always has the same feature - an unusually resistant "open microwave door" button. Why is the button to open a microwave door always more resistant than buttons on ...
1
vote
2answers
769 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):
1
vote
3answers
2k 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 ...
2
votes
1answer
65 views

Another way to say “Replace your currently selected item”?

I'm building a part to our e-commerce store, it's essentially a "kit builder" for building several products in to one big kit, giving the user a discount. The use can only select one item per ...
3
votes
1answer
322 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 ...
2
votes
1answer
166 views

Are zoom in/out buttons necessary anymore?

Zoom buttons still exist in almost all desktop applications as well as applications on the web (SAAS). It seems like these buttons would be gone by now (with pinch and mouse scroll wheel) but they are ...
2
votes
1answer
1k views

Placement of 'Cancel' action on an iOS navigation bar in a modal view?

In the case of two actions such as Cancel and Done, I would usually place Done on top-right and Cancel on the left. In the case of a single action such as Done, I would usually place it on the top-...
0
votes
2answers
157 views

Best way to enter time in an optional 12 hr format?

What's the best way for entering time in a 12-hour format? It's easier to select from a radio button AM / PM but since this field is optional, what if they decided not to fill it out, they cannot ...
5
votes
1answer
216 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 ...
1
vote
3answers
423 views

Next vs Continue vs Proceed

I have a situation in my current design. The application I'm looking at has four vertical sections which are continual, i.e. completing section 1 leads to 2 and so on. Now, section one has two steps. ...
0
votes
2answers
141 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 ...
1
vote
3answers
77 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 ...
0
votes
2answers
633 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
2answers
182 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
2answers
107 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 ...
1
vote
4answers
199 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
120 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
1k 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 ...
0
votes
5answers
309 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 ...
1
vote
2answers
127 views

Where to place a button that allows users to jump back to process steps from where it had came from?

I have a web application in which users have to provide the details for each sub categories and after all the necessary details are provided then it displays all the details on the confirmation screen ...
0
votes
1answer
77 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
2answers
96 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
216 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 ...
11
votes
4answers
1k views

Best Place for a Back Button on a 7" Tablet Menu

I'm currently building the interface of an Android Tablet digital restaurant menu. The user is going to be able to navigate between categories and dishes lists and navigate back as well. I'm finding ...
2
votes
1answer
102 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 ...
2
votes
3answers
870 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 ...
1
vote
3answers
252 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:
7
votes
4answers
1k views

Showing the status of an action on a button

I have an application that can synchronize content between a website and a social network. with a button you can turn on and off the synchronization. the user needs to see the status (sync on or off) ...
5
votes
2answers
809 views

Conflicting UI/UX elements - Slider with Stepper buttons on each side

In one of my iOS mobile apps I’m showing a screen with 2 options for pasued video scrub. At this point, the video is paused, I'm giving the users an option to examine the video, either using fast ...
5
votes
2answers
346 views

How does “clickshaming” affect user experience?

As you can see in the bottom of the image, the button (or link) to cancel the popup is labeled "No thanks, I'd rather not hire the best." I can see why some websites do that, because users may feel ...
5
votes
4answers
387 views

Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?

I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
4
votes
2answers
196 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 ...
7
votes
2answers
1k views

How to interpret wcag2.0 guidelines on contrast for buttons and icons

The accessibility guidelines from the W3C offer neat and usable guidelines for creating text that is readable for everyone. There are a number of very useful tools for checking contrast levels, so it'...
3
votes
2answers
137 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 ...
5
votes
1answer
409 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 ...
23
votes
7answers
2k views

Are grayscale buttons with icons usable and effective?

The image here is old gmail new gmail, when no mail is selected new gmail, when mail is selected new delicious To me, the buttons are unlabeled and tough to discover. I don't believe the icons do a ...
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 ...
3
votes
1answer
182 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
66 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. ...
5
votes
5answers
950 views

Should unavailable buttons in a wizard be disabled or hidden?

On a wizard form I have the navigation, save, and cancel buttons. Currently I disable the buttons according to the context. The save button is enabled when the user actually can save (ie, last page). ...
-1
votes
1answer
77 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
151 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 ...
3
votes
6answers
462 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 ...
4
votes
1answer
949 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
118 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 ...
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
290 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 ...
10
votes
5answers
420 views

Is it a good idea to put the word “or” between buttons on a screen

If I have a dialog to display to the user it has a data item displayed, and 2 seperate actions that can be done to the object. So, it's a resource and we want the user to choose which process they ...
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 ...
3
votes
2answers
248 views

What is the optimal position for groupings of odd numbered buttons on a form?

I have 3 buttons on a form: submit, cancel, and exit. I used a larger size and topmost position for the submit and put the cancel and exit as smaller buttons below on the left and right respectively. ...

1
3 4
5
6 7
26