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
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 ...
3
votes
1answer
321 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
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 ...
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 ...
5
votes
1answer
215 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
405 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
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:
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
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
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. ...
-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
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 ...
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
944 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
117 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 ...
2
votes
3answers
865 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
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 ...
0
votes
1answer
108 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
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 ...
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
708 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
105 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
1k 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
87 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
165 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
592 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
87 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
140 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
66 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
48 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
67 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
210 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
189 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
7k 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 ...
1
vote
3answers
76 views

Do you need to state the number of comments to load?

I'm working on a button that loads old comments in a commenting system. There are instances when hundreds or even thousands of comments need to be loaded. Would be be better to just say, "Load ...
2
votes
1answer
134 views

Material design placement for button that pertains to a group of tabs

Having trouble figuring out a sensible place for a button. Ideal Objectives Place the button in an area that is intuitive and makes sense to the user Avoid wasting space since that could detract ...
0
votes
1answer
168 views

Can I change button label so it can serve two functions?

I need to design a game start screen, where there's a PLAY button waiting for the installation to complete. But the user has a possibility of stopping the installation which would result in a new ...
1
vote
3answers
294 views

Icon for a button to move a list item. Not scroll [closed]

In our software we have a dropdown menu. The dropdown menu has listitems which represent columns for a table. Via two buttons in the list (on the left side), the position of the listitems can be ...
2
votes
1answer
540 views

Swap two text field values

User needs to be able to swap two input values (first name and last name) so that for example John becomes Doe and vice-versa. There is a button which swaps the values, but I'm not sure where to put ...
1
vote
4answers
164 views

Disagreements with button proximity

On the Sign In page, we have two links. One is for Clients, which is the primary login form. There is a button for our Employee Login, which is a Single Sign On process. I put the button on the top ...
1
vote
2answers
76 views

Visibility of touch buttons?

At my workplace, I have a monitor of reputed company with touch buttons with back-light which aren't visible unless the monitor is switched on. This includes the power button. Occasionally, I spend ...
2
votes
1answer
176 views

Workflow Button Location

In our system we have workflows which can have 1 to many steps. Below you will see an example of one that is quite simple with only one step, with the buttons "Save" and "Cancel". Some other Workflows ...
3
votes
1answer
667 views

Changing icon for toggle menu button [duplicate]

Currently, I have menu button for toggle purpose. User can switch between original web view, or striped down mobile view. Currently, we are in original web view On action bar, I'm showing a phone ...
4
votes
1answer
940 views

Contrast ratio for button background color?

I am working with making a website WCAG II compliant. The designers are asking to use yellow buttons (specifically, #fcdb31) with blue text on top of them on white backgrounds. While the blue type on ...
4
votes
4answers
386 views

How to separate links from buttons?

I am struggling with how my users don't understand the difference between buttons and links. How links look: How buttons look: How buttons look: Is the difference visual understandable? Show ...
3
votes
2answers
682 views

Toggle Switch with Delayed State Change

As seen in the very popular answer:"Should a toggle button show its current state or the state to which it will change?", we have very good guidelines for implementing toggle buttons. Unfortunately, ...
0
votes
3answers
680 views

Disclosure Arrows vs Buttons in List View

Im trying to find some documentation on when to use a disclosure arrow and when to use a button in a list view on a mobile app. We have a scenario where the user has a list of items to complete on ...
3
votes
4answers
135 views

Using multiple buttons to switch between application state

I have a situation where user can switch between two modes of working with an application. To show which mode the application is currently in, I would like to use two buttons. One with a disabled ...

1 2 3
4
5
26