Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
1answer
68 views

Button functionality recognition

On our website we have a section with the top sales products of each brand. The sections are headed with a big title. Clicking each brand top sale button shows a group from five up to ten different ...
6
votes
2answers
971 views

Is this cancel button needed?

In this UI it is possible to type in text in an input box, press Enter and the text would get converted into a tag visually (and in JSON). After the tag is typed, the cursor would be ready for the ...
3
votes
3answers
164 views

Is there a need for a confirmation button on a multi-select comboboxes?

Is there any reason we should include a confirmation button on our multi-select comboboxes? What are best practices for the design of these controls? Mouse Functionality: Clicking outside of the ...
1
vote
1answer
59 views

When there are two buttons, how do i properly indicate that one is active whitout being ambiguous? [duplicate]

When you have a list with 3 or more buttons, its essencially easy to show the system status to the user, but for the first time i faced this two-button status feedback, and i don't know how to ...
11
votes
3answers
550 views

Why does Spotify have a second pause button?

I noticed Spotify has a big green "pause"/"play" button, even though there already is one in the controls on the bottom. I have been using Spotify for several months and never even paid any real ...
2
votes
3answers
94 views

Print-Button on expose

I have been thinking and thinking and thinking about this topic. I've researched multiple sources and theories. None of these was near to what we do, probably because of the pretty unique german ...
-1
votes
0answers
33 views

Button location: previous and continue

I am working on a multi stepped input form and have run into a point of concern. I do not have room on the user interface for a previous/next button. So I have placed it on the bottom right corner. ...
0
votes
2answers
60 views

Best way to insert a clear button in a datagrid cell

I have a datagrid (or, more general, a data structure) in which the user, with a proper button, can clear data by only one column. Since that requirements force me to implement different moments to ...
1
vote
5answers
111 views

What would be the best way to show 3 actions on the bottom half of the page

We are confused as to which of these UI should we go with to as we have three actions relating to the content on the bottom third of the screen. Three buttons are: 1. Write to Device 2. Load from ...
1
vote
4answers
108 views

Is it correct to delete a button that opens a section, when the section is open?

In a particular scenario, I have a button in the main window of application that, when pressed, opens a specific "command" section. When this section is open, is it correct to delete the button that ...
4
votes
3answers
391 views

Do people actually use the zoom buttons on a map?

Between touch screens and scroll wheels, are the + and - zoom buttons on a Leaflet map really necessary? I'd really like to remove them if there's no significant case for keeping them there. Not just ...
1
vote
2answers
81 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
42 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
51 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
157 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
105 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
169 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 ...
0
votes
3answers
105 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 ...
7
votes
5answers
1k views

Placement of More Information/Help Icon button for Radio Buttons

Throughout our system we are going to be standardizing 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 ...
0
votes
1answer
63 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
168 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
51 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
106 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
118 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....
45
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
78 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 ...
2
votes
2answers
126 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
202 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
219 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
155 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 ...
1
vote
4answers
355 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
181 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
122 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
130 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
1answer
66 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
63 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
210 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
1answer
143 views

Segmented controls and buttons on the same page

We have some design problems in our big web project, so I decided to start my journey on Stack Exchange. I want your help now, but also want to help someone else as well! :) We have a UI Kit (which ...
0
votes
2answers
155 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
39 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
51 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
49 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
134 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
569 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
235 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
63 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
805 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
74 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 ...