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
2answers
91 views

What should the behavior of Disabled Link/Button be? [duplicate]

What is the best practice for designing disabled states? In general disabled states cannot be interacted with. Any opinions on presenting a tooltip/pop-up on hover or click when the user interacts ...
2
votes
1answer
56 views

When is it appropriate to expand a button to fill its parent container a.k.a use a full-width button?

I always find it fairly straightforward for me to determine when to apply stretched button that can expand its width and fills its parent container. However, it is challenging to do the same for ...
1
vote
1answer
74 views

Button location: Save / Next / Cancel / Text notice

I am facing an issue in a recent project about the position of buttons. In the UI system, we have this button group bar fixed to the bottom of page which already using in other pages. So in the new ...
1
vote
4answers
168 views

Are longer, more detailed button labels a bad idea?

I'm not a fan with long labels for buttons. Despite knowing the need to be explicit, I feel that this sometimes actually causes more confusion for the users. Would love to know the UX benefits/...
0
votes
2answers
110 views

Creating a donate button but for a 3rd party

I just created a free website that provides a fun service for anyone who wants to use it. One thing that I would like to do is add a 'donate button', but the donations aren't to me. When user clicks ...
0
votes
5answers
183 views

How to represent multiple positive buttons as CTA

We have an extension that has two different actions: Yes and No. But these two actions come in two different flavours. Yes for the current page and Yes for the whole domain, meaning Yes for the ...
40
votes
4answers
6k views

Button changing its text & action. Good or terrible?

After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the ...
1
vote
3answers
136 views

Confusing button options for user

We are working on a design that allows users to select from a few designs and then print. The issue is that there are 3 options : Print with Regular printer Save as image and print with special ...
8
votes
5answers
2k views

Placement of More Information/Help Icon button for Radio Buttons

Throughout our system we are going to standardize when and how more information/help is used on specific input fields. In general the standard will be to have the icon/button follow the field like so:...
0
votes
1answer
66 views

How to place two controls in a good way

I have no advanced UX experience and need some help in placing one input and one button on a whole screen. Is there any way to do it pretty? There will not be any other controls on that screen.
2
votes
3answers
274 views

Should a “Close” button on a dialog message modal always be in the same position and style?

Here are two examples of a current message dialog we have in the application I'm working on. The close button is the primary and only button in the left dialog. It's one of two options in the right ...
0
votes
1answer
59 views

Condensing buttons or spreading them out on mobile

Designing an app with a map feature which has to contain two separate buttons for layer changing and location finding. Originally had the two button on the bottom right, for easy access for the thumb ...
1
vote
1answer
258 views

Add 'My Location' button to search locations input

me and my team trying to figure out where is the optimal and most intuitive location to place 'My Location' button related to a search areas auto complete input. As part of our current design, the ...
1
vote
0answers
119 views

Global object to apply to every page -or- Custom object

I have a site that allows users to create and share lists. Each page represents a different list. I'm adding a secondary list below which represents a shared or global list across all the user's pages....
46
votes
6answers
7k views

Why would you use 2 alternate layout buttons instead of 1, when only one can be selected at once

I was looking at the Spotify desktop app and noticed they use two buttons for displaying an artists albums in either a Grid layout or a List layout See below: If only one layout can be selected at ...
0
votes
1answer
89 views

Which Sign Up button shall we use for our web app to get the most sign-ups? [closed]

We want to improve our sign up button. In this set of images below, which do you think should give more clicks for people to sign up? To give everyone brief info of what MYCURE is... MYCURE is the ...
3
votes
2answers
226 views

Logic of Next / Previous buttons when changes have been made to Previous

Can someone advise on logic of Next and Previous button when changes have been applied to previous item?
4
votes
2answers
280 views

Handling two possible workflows of the same action

There is a subpart of the user workflow in the product that I am designing that I am having trouble with. The user is at a step where they have to fill-in patient data, in a modal window. Once they ...
2
votes
2answers
289 views

Difference between button and switch

Today I had an argument with somebody about the difference between a button and a switch. The button toggles between two states (sound on/off) and changes the icon accordingly. The switch does more or ...
0
votes
2answers
134 views

Should a button stay pushed if the user drags their mouse away?

On some UIs, I can press and hold a button and move the mouse away and it stays pushed down. On other UIs, buttons pop back up when I hold and drag out. Which is the most user-friendly behavior?
0
votes
3answers
162 views

Button state when input exceeded limit

Lets imagine we have a textarea and a send button. The textarea contains a message that's sent by clicking on the button. When message is empty or exceeds the limit (e.g. 1000 characters) we should ...
2
votes
4answers
723 views

Having two primary buttons

We are currently working on some email notifications. The email will notify you of something happening that requires your action. For example you are alerted that someone left a door opened when he ...
2
votes
2answers
414 views

Where to put download button for downloading contents of table?

So I have a pretty regular table with data in it and I also have a download button that, when clicked, downloads the contents of the table to the browser as a csv file. My question is where should I ...
0
votes
2answers
261 views

Accept/Reject CTA buttons on cards

I have to design a dashboard to help sellers to manage invoices addressed to them during the month. The invoices will arrive in "To do" tab. For each invoice we have two choices : "Accept" or "Reject" ...
-1
votes
1answer
351 views

Multiple buttons

So the scenario: "The user gets a overview screen and has to do several actions that are required individually from each other to complete a whole process. One can do without the other as well, yet ...
0
votes
2answers
136 views

Button placement on modals – should it be consistent at ALL times?

I'm currently designing an app for iPads. I illustrated the situation below: The screen on the left is current version which seems to work really well when the user doesn't have to use the keyboard ...
2
votes
1answer
66 views

Long Label Buttons and Action

I have got some issue with Action button. We have got 2 actions which you can do: - Move Applicant to the Next Stage or - Move Applicant to the [Name of Stage] Also each option can have additional ...
1
vote
3answers
224 views

Placing small buttons into a busy layout

I'm working on a medical calculator android app. It's design is based on cards as in the image below. My question is : what is the best approach to make the users know these are buttons and can be ...
0
votes
2answers
304 views

Android Action Button On Notification Itself [closed]

Because of Android O's new policies, I can't run a background service while my application isn't running in the foreground. So, I've to run a foreground service - more specifically, a service with an ...
0
votes
1answer
48 views

Editor functionality

We have an editor that allows you to build a static page. On the left sidebar of the editor are buttons that allow you to change the colors, text, add images, etc. On the right is a preview of the ...
0
votes
1answer
142 views

Is a label-tag inside a button-tag valid and / or has any UX- / ergonomic-reasons?

I am checking an application and I found this in HTML DOM: <button type="submit"> <label>Submit</label> </button> I have never seen this before and asking myself if this is ...
1
vote
1answer
51 views

What is the term for the design pattern/micro-interaction where you speed up an action by holding a button?

I think most of us are familiar with the interaction of holding onto a button and watching a particular value increment or cycle through at a constant speed. However, I think it is common practice ...
3
votes
3answers
148 views

Self-updating form without submit button causes confusion

I've made a form that, when a form element changes, a search query is fired and the result is displayed by animating the big number in the middle. For one reason the number doesn't always change, and ...
2
votes
2answers
1k views

Mobile forms - Where to put the save and cancel buttons?

We are making a responsive website. There is a form on the site and I am not sure what type of save and cancel buttons to use where. I have found several patterns as you can see in the picture with ...
5
votes
2answers
246 views

Can it hurt our brand to use our logo as a (floating action) button?

We're exploring ways to familiarize our users with our brand and one idea is to use the logo as the icon in a floating action button in our mobile application views. I have heard in the past from UX ...
1
vote
2answers
84 views

Arrows as buttons without any text or border

I am wondering if it is okay to place an arrow as a button. So traditional button includes: Text, Background Image, Border and Hover Effect. Is it a good idea to use an arrow without text, border or ...
6
votes
4answers
900 views

Should a Search Icon Inside a Search Bar Be Tabable?

I'm developing a search bar. The input field and the icon are uniform in design, and thus a tabable icon feels superfluous because the default behaviour when pressing the enter key while the input ...
0
votes
3answers
77 views

Clarity of buttons labels while creating questionnaires

I am in a predicament and would appreciate any help in solving this puzzle. I am creating a questionnaire in a modal based interface, where there are three buttons. Next - saves, and bring in the ...
1
vote
4answers
148 views

Synonym for action of filling out a form

I can't believe I'm essentially begging Stack Exchange to find a synonym, but I'm stumped. I've tried every thesaurus and synonym dictionary. So, the Customer Service Representative (CSR) has created ...
0
votes
1answer
88 views

What is the name that describes all buttons, fields, dropdowns, etc.? [closed]

There must be a name that describes all the interactive UI components that register data in some manner but unfortunately I can't think of it! Does anyone know the name that describes all buttons, ...
1
vote
1answer
60 views

What is the best way to show a user that a social media account is linked?

I am working on a profile page where user can link their social media account (Twitter, Facebook. etc.) But what is the best way to show a user that his account is linked? Like a checkmark or ...
0
votes
2answers
88 views

Should add and remove actions have the same style?

I have a prototype with the following icons. Add button and remove button are different. Do you think that this is the best approach? Or would you use the same style for the buttons. Image attached.
0
votes
2answers
709 views

What would be best practices regarding button width on mobile apps?

I've seen buttons be smaller in width (with a minimum width of course) like this And full width until the margin like this What would be best, or in which situations it would be better to choose ...
1
vote
1answer
211 views

Should the back button in a stepper be prominent?

I have a checkout page on my application that has two buttons, one to review the order, and one that goes back to the shopping cart. My product owner feels that the Back to Cart button needs to be ...
0
votes
2answers
121 views

Why are there exit button provided by application?

Why do a lot of applications provide an exit button in addition to window title one and Alt+F4? I can understand it if: Application is full-screen one (no window title) Application can run in ...
0
votes
1answer
247 views

Why has Google increased radius of UI elements? [closed]

It has been like a month I have noticed Google is testing UI elements such as inputs and buttons that are curvier. As you see in the screenshot, theinput has much more radius than the previous one. ...
1
vote
2answers
162 views

Best practice for multi state Button?

I am building an (Android) app having a button whose text values represent states: "Start" --> pressing it will initiate connection to my server "Starting" --> gives visual cue that button was ...
1
vote
2answers
220 views

How to properly communicate admission form on website?

We are struggling with a returning issue for a webpage I am designing. I work on a university’s admissions portal for upcoming students. It is difficult to explain the exact criteria for why students ...
8
votes
2answers
260 views

Direct users to use a physical button

I'm designing a touch screen user interface to control a physical robot. The interface also includes physical buttons, similar to how a cell phone has touch screen elements and physical home buttons, ...
3
votes
5answers
711 views

How to ensure that buttons look clickable? [duplicate]

I always notice that my designs look good but buttons and other clickable elements don't look clickable. Can you provide any tips or links that can help me?