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
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
139 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
580 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
794 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
335 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
581 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
432 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
128 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
251 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
282 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
57 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 ...
1
vote
4answers
584 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
155 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
206 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
400 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
132 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
82 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
839 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
67 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
256 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
416 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
37 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
823 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
359 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
185 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
788 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
156 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
480 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
209 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
296 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 ...
1
vote
1answer
187 views

How to tell a user about an error after clicking a button?

I'm sending an AJAX request to refresh the blog page with posts that apply to certain a category. How do I tell a user that his request failed? Should I tell him exactly why it failed(error, internet ...
4
votes
5answers
1k views

Are primary red buttons a good option?

It's known that red buttons are mostly used for dangerous actions. This makes sense and it's all great. But then some big companies come and start using them as primary buttons.. And not just any ...
1
vote
1answer
60 views

'Open in a new page'. Should a text link or a button be used to show this behaviour?

I'm designing an interface which includes 8 pieces of content underneath the content is an option for the user to 'see more'. This 'see more' component is a requirement for mobile and desktop. ...
11
votes
5answers
4k views

Is there a more direct/efficient way for a skip button?

I am currently working on a information request flow. The information needed is subdivided into 2 parts: the contact information (required) and some more details which are not necessary but add value ...
0
votes
1answer
106 views

How to indicate that clicking a photo will open a slideshow?

I have a page which has a hero image. When the user clicks on this image a lightbox opens which contains a slideshow of images. I want to indicate to the user that they can click on the image to ...
0
votes
1answer
73 views

How should I position the “Remove player” button?

Note: There will always be at least two players, so the first two players won't have the "Remove player" button. For the view with three players, it seems to make sense to put the "Remove player" ...
4
votes
2answers
566 views

Do bigger buttons improve usability and how they correspond with design? [case]

We're trying to incorporate a style guide which helps developers understand and build CSS across different resolutions. After reading these: https://uxplanet.org/buttons-in-ui-design-the-evolution-of-...
3
votes
2answers
120 views

Differences between links and buttons in a web app or a website in action, affordance, and user experience

I know this question may have been asked before in a different way, but what I'm looking for is that with all the differences between links and buttons, what is important in displaying them in the eye ...
64
votes
10answers
14k views

Should I add a redundant “Cancel” option? [duplicate]

The user starts an action, and, afterwards, the system determines that some special condition is present which warrants further confirmation from the user: download bmml source – Wireframes ...
0
votes
1answer
40 views

I need help arranging the elements for my minimal password generator

Here is the website right now: apasswordgenerator.website So there are 3 elements: A generate button two trackbars to change the settings three passwords that are generated Right now I have the ...
0
votes
3answers
143 views

Rotating button text

Suppose that you design a standard button that at every click rotates among a fixed number of options (in this case, display modes), like: Wireframe, Shaded, Rendered and then back to Wireframe. ...
0
votes
1answer
118 views

Repeat or not repeat actions buttons?

I have a discussion with my boss about repeating the same several action buttons in different parts of the application. The actions are: add subtask, add note, add meeting, add message and add file. I ...
12
votes
7answers
4k views

What should the sequence be for Download and Delete buttons?

I have two icons for each row in a table: Delete and Download. But I feel the Download button should be before the Delete button. Please help me to understand what the sequence should be as per ...
0
votes
1answer
263 views

When to use a full bleed button and when not to?

I have attached a screen shot of a design that I am working on. I am not able to decide if the bottom button should be full bleed or if the present version is good enough. Can someone please tell me ...