Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

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
1answer
328 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
203 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
2k 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
596 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
123 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 ...
65
votes
10answers
15k 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
144 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
132 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
271 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 ...
2
votes
5answers
636 views

Should a button with a dropdown always have a click action?

I have one button that offers the user up to ~10 choices. The button label says 'apply as' and the dropdown lists all the possible choices. I have multiple choices on how to design this. As a hover, ...
0
votes
2answers
551 views

Display multiple buttons in mobile

I have a mobile website which shows multiple data tables. Rather than showing all of these tables, I have put them into an accordion, so that the user can click on the one that they want to open. ...
4
votes
2answers
203 views

Are plus and minus signs the best button choices for international users?

I'm working on a mobile app that will be available in many different languages. I have a text input that lets you enter an integer, and beside it, a "+" and "-" button so you can easily increment or ...
1
vote
3answers
220 views

Making something not look clickable

I haven't tested this theory, but I have a feeling users of my website may believe that the 'Concept' tag is clickable, when it isn't. How can I make it clear that this is not a button?
3
votes
1answer
201 views

Is it wrong to style a button like an anchor?

I'm currently adding a notice to our application flow that is disclosed by user action. The idea is that this notice is specific to certain situations in our flow, and not applicable in any case (that'...
2
votes
2answers
1k views

“Don't ask me again” as a checkbox or a button?

I have an optional form that is presented as a dialog box prompting for some information. The user can choose to fill this out and click submit, ignore it this time, or choose to never be prompted ...
1
vote
2answers
251 views

Buttons for slow- and fast-playback

I need to allow users to manipulate playback speed for audio; to do so, they can use three buttons: - to slow down the playback speed by 10%; + to speed up the playback speed by 10%; = to set the ...
1
vote
4answers
146 views

Confirmation as two buttons replacing one with previous interaction

Recently heard an idea to show confirmation buttons directly in place of an element(button), that had interaction, that led to confirmation. The question is should the button be replaced with or ...
1
vote
2answers
192 views

Where to place add row button in a form on mobile applications?

I'm designing a banking application based on material design guidelines and when creating a transition request, the user can add multiple rows to the transition form in order to transfer different ...
1
vote
3answers
1k views

Multiple actions in a single button/link?

I came across this today while reviewing a mock from a coworker on another project, I told him it was "definitely wrong" but couldn't find any supporting UX guidelines that tackle this exact issue. ...
3
votes
1answer
585 views

Does it make sense to use a floating action button in a Web App interface?

I have doubts after seeing this article: https://conversionxl.com/10-useful-findings-about-how-people-view-websites/
5
votes
2answers
768 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 ...
0
votes
2answers
118 views

Menus under Menus

how do people feel about menus within other menus? I have the top menu which distinguishes between Individual Students and Groups, then the group name. And THEN two sections which how the students in ...
3
votes
4answers
772 views

How to prevent accidental button press?

We have an app that logs tasks of workers and they're able to indicate the start / stop of the task by clicking "Start" or "Stop" (like a in a stop timer). This "start / stop" time must be accurate (...
12
votes
2answers
2k views

CTA Button - Button too short to contain verbs

In one of my iOS mobile apps I’m showing a screen with 2 options: The first option, on the left side, is an outlined button that performs a free action. The second option, on the right, is a solid ...
0
votes
1answer
81 views

Right-click menus VS Buttons for Desktop Win/Mac application

I'd like to know what is the current trend when it comes to options in a list of items. Is it better to have a right-click menu like this: Or, buttons at the bottom of the list which enable/disable ...
1
vote
4answers
494 views

Back and Exit buttons on one page.. Is it user-friendly?

We have this app page where in a user needs to fill-out multi-page form. They need to be able to go back to the previous step (hence the back button). But at the same time, they can exit the entire ...
8
votes
11answers
509 views

Interface to prioritize multiple criteria of results when searching

I would like to present a user multiple aspects to prioritize, e.g. do you want a hotel room to be close to your location, cheap, comfortable, …. I’m thinking about making three buttons, [Close][...
6
votes
2answers
554 views

Placement for next, prev and complete form later actions

We have a seven step form that the user must take, in every step there is condition that affects the next step. This is a government project, so the form has many fields and it takes a while to ...
1
vote
1answer
1k views

Button states: enabled, disabled and unclickable

I am using some toggle buttons. I already have the enabled/disabled normal button, the enabled/disabled 'special' button (the users know what it means), but I want also an unclickable toggle button. ...
3
votes
4answers
905 views

Increment or Add/Remove Buttons

I'm designing a software and the first version was designed by my client. During a presentation of the progress, he asked me why I removed the "Increment Buttons" (not sure if that is the right name) [...
1
vote
1answer
58 views

Language selection for print button

I'm pretty stuck with this one: I have an explicit 'print' button but we also need to allow users to select the language in which they want the form to be printed. Adding a dropdown next to it before ...
3
votes
3answers
141 views

Length of Page Concerns

This is a reoccurring problem among clients I work with, so wanted to see if anyone else had some insight. Every client I design for tends to be hyper-aware of page length, with the tendency to fret ...
1
vote
2answers
138 views

Better design for a Call To Action button overlayed on a video

My company hosts marketing videos and we are in the middle of redesigning our Call to Actions that we overlay on top of the video to direct users to our client's booking site. I currently have a ...
0
votes
2answers
161 views

Where to place buttons in calendar web app?

A few years ago I built a web application for my wife that allows her to keep track of recipes, add them to a calendar, and create a grocery list from a specific range of dates. I'm doing a facelift ...
2
votes
1answer
1k views

White colored card on top of a white background

I'm building an iOS only app that helps users understand their Twitter data. I'm not sure what is the best practice in terms of User Experience and User Exception. I'm using white pressable cards, ...
3
votes
2answers
160 views

Form button - After selection state

On my website, there's a short form where the users need to make a selection (Green or Red) and then submit their request. The currently applied method for the button state after making the selection, ...
2
votes
2answers
1k views

Button passes contrast test however button's background and div's background are low contrast

I have been going back and forth with design about this. I think there should be a contrast with the button and the div that holds the button, however, design says there is no rule about that. I try ...
1
vote
1answer
77 views

Need help with button layout on small device

I have the following button layout on my web app and it looks fine on larger screens.. On portrait iPad or smaller it looks like this.. I'm not sure what the best way to display, hide/show these ...
65
votes
9answers
16k views

Does a form with continuous save need a “Save” button?

I am designing a web-app with a lot of forms and i was wondering how to improve the filling. The classical pattern is : fill, fill, fill, Save Have you experimented a form which auto-save each field ...
2
votes
2answers
707 views

Buttons containing icon & text VS. Buttons containing icons, with text below

I'm designing an e-commerce product page that needs a Product Video button and a Try This Ring On button. I've tried a few different methods and have researched best practices for this, but haven't ...
0
votes
1answer
69 views

Button activation

In a web app I have a grid with rows that can have an optional property with 3 states: property is not set, no need of button C property is set, button C "edit" property is set, button C "view" +----...
0
votes
1answer
49 views

Expandable list of names. Want link to open page. Should the link be the name or something like “Go to profile”?

Name__________Go to profile Name__________Go to profile Name__________Go to profile I have a list that if you click on a row it will expand. I also want to be able to go to the profile page ...
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
4answers
981 views

More appropriate button text for resetting default settings

I'm developing a desktop application and in the application settings management dialog I've add a button that once pressed, reset all fields to default values. I'm wondering what is the standard for ...