We’re rewarding the question askers & reputations are being recalculated! 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
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
191 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
183 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 ...
1
vote
3answers
73 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
130 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
140 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
271 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
472 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
161 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
74 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
149 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
606 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
831 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
354 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
616 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
510 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
130 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
vote
3answers
258 views

How do I make it obvious that a button is hoverable?

I need to hide away a piece of text that explains a useful part about using the UI for an app I am making (out of space) and a tooltip will work fine. My concern is that if people see a button they ...
1
vote
1answer
302 views

UI design for binary decision

We face an issue with how to design the UI for a decision step in an android app for a selective, professional user base: Whilst fulfilling jobs using the app the users will come to a step where ...
0
votes
1answer
58 views

Should Settings be inside Profile Screen?

I'm working on a mobile app where I have a profile screen which tracks your stats from previous months on how long you've been meditating for. Should Settings go inside Profile or should I access ...
1
vote
2answers
65 views

button face for setting default value (e. g. speed) [closed]

In a user interface, push buttons are used for increasing and decreasing a value. Is there a commonly accepted/comprehensible button face that indicates return to the (non-zero) default value? So far ...
2
votes
4answers
620 views

Positioning a Toggle Button, Left or Right side of the page?

Recently, I've observed that most buttons are positioned towards the right-side of screens. And thus, sparked a question about positioning toggle buttons and checkboxes. Would love to hear your ...
1
vote
2answers
162 views

Downloading a zip folder on mobile

I am building a website where certain pages display a button to download a zip folder. I am trying to come up with a smooth experience for mobile users to download the zip folder. One solution is ...
1
vote
3answers
231 views

Explain button function on mobile app

I'm designing an educational Android application, and thus I have icon buttons in my AppBar which have functions like "show answer of the test". Since there is no default user-used button for this, ...
0
votes
1answer
421 views

Is UPPERCASE text more readable when used in button? [duplicate]

Google material guideline use Uppercase in button. Which button do you think is more readable? https://material.io/guidelines/components/buttons.html https://material-components-web.appspot.com/...
0
votes
1answer
146 views

Most effective “free trial” button copy

Are there any studies comparing the click-through rate for various free trial button labels? For example "Start free 30-day trial" vs. "Try now".
0
votes
1answer
95 views

buttons and tags treatment affect UX of product? [closed]

I have seen so many treatments of the buttons and the tags capsules using the soft radius, sharp corners and sometimes with a full radius like in this image. so these treatments are brand dependent ...
4
votes
3answers
2k views

Difference between Uppercase button and lowercase button?

I was trying to made a UI Style guide, but during making buttons a question comes to my mind that, is there any special difference of button having uppercase letter and lowercase letter. Any UX logic ...
0
votes
2answers
886 views

Primary/Secondary button placement pattern

Button placement has been a debated topic at within my UX team recently and I am for feedback or direction to research that states a solution. The problem I am trying to solve is where to place ...
0
votes
2answers
50 views

“change subscription”, “manage subscription”, “pricing” how to name the button that leads to the pricing page?

Сontext: It's a web app. In your profile settings, there's a payments tab, where you can see your whole payment history neatly organized in a table. Above the table, there's a button. When you ...
1
vote
2answers
68 views

Play & Stop VS Start & Stop for meditation app

I'm working on a mobile app and deciding about whether to change the name of the button from play to start. This controls the circle as shown below. At the moment it's play and stop but do you think ...
0
votes
2answers
258 views

“Use samples” “Upload samples” for a button?

It's a web app that allows you to translate text files you upload. If you don't have any files to upload but want to test the app we allow you to use some samples. They aren't added to the project ...
0
votes
1answer
109 views

“Answer” Button Placement on Q&A/ Forum website

This is the example of user after posted the question in a forum website. They need people to answer their question. I have two layout which is Version A and B. May i know which one is the best in ...
2
votes
2answers
1k views

iOS - Should buttons/links have a disabled state?

I'm working on an iPhone app and am doing research on disabled states. It looks like it's not a common pattern on iOS. I looked at many apps (e.g. Facebook, LinkedIn, WhatsApp, App Store, Apple Store ...
1
vote
2answers
429 views

Should a button say “Upgrade subscription” or “Change subscription”?

It's a web app where you can change your subscription plan at any time. There are 5 subscription plans. To change subscription you can directly go to pricing page or go to your profile settings. In ...
1
vote
0answers
38 views

Microsoft Office Plugin Enabled/Disabled Indicator?

I want to design a plugin (addin) for Microsoft Office, where I want people to use it while writing emails via Outlook. Also, I want to use my brand colors (flexible, not a major constraint). The ...
5
votes
5answers
873 views

Can a site have both a “load more” button and pagination (depending on content type)?

Can a website have a "load more" buttons AND pagination for indicating more content? Not on the same pages, but for example: a landing page with articles has a "load more" a shopping page has ...
0
votes
1answer
66 views

Why FB direct message and camera button has different location between ios and android? [closed]

Why FB direct message and camera button has different location between ios and android? Android: DM is upper iOS: Camera is upper Anyone knows why is the button is location switching?
0
votes
3answers
363 views

Is A/B testing the color of your button ethically acceptable?

When doing A/B tests with the color of your button, you are not trying to improve qualitatively (goal of the button, explanation of user motivations). To me it sounds like you are trying to trigger ...
0
votes
4answers
186 views

How to signify a button state is linked to another?

We have an application where every auction has a favourite and 'notify me' button (for when the auction is almost over). The 'notify me' button is linked to the favourite button, as in, you cannot ...
4
votes
4answers
822 views

How to best filter data with multiple toggle buttons?

We have a web app that displays a list of items as tiles. Each item can have zero to many 'tags' which can be used to filter items using a row of toggle-able buttons at the top of the page. There will ...
1
vote
2answers
163 views

“Buy subscription” or “upgrade account” button?

The user is on a free trial. When user goes to account settings, there's a button that allows to "buy subscription". When a subscription is bought and user want's to change a plan the same button says ...
1
vote
1answer
513 views

Best way to toggle data tree expanding/collapsing

I have a data tree that looks like this: The blue button in the header is the master toggle button to expand or collapse all items in the tree. The issue raised that I'm not sure the best way to ...
2
votes
3answers
212 views

How to make items look more clickable on mobile?

I am designing a product detail page for an e-commerce site on mobile. Some of the products have different options with different prices and some of those options have sub-option. So at the end some ...
1
vote
1answer
323 views

Lock/Unlock icons, should the icon refer to the current state or the action? [duplicate]

I'm building a function into the account management software I'm working on that allows the user to "lock" themselves into a mode where all the content/data being displayed is relevant to a single ...