Stack Exchange Network

Stack Exchange network consists of 174 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.

2
votes
1answer
34 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
172 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
44 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
52 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
36 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
34 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
45 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
126 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 ...
0
votes
0answers
37 views

Google SignIn button Android ideal Right-to-Left ideal behavior

Background: For Right-to-Left languages (or if you set Force RTL layout direction), the text / buttons appear as mirrored as follows throughout the device: Source: Google's blog on native RTL ...
2
votes
2answers
106 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 ...
3
votes
2answers
216 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
58 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
707 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
70 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
108 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
82 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
52 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
80 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
84 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
64 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
105 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
222 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
91 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 ...
0
votes
2answers
212 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 ...
7
votes
2answers
162 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
380 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?
82
votes
9answers
15k views

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

I would like advice on whether a disabled button is better than no button for a certain UI. Basically, the regular (experienced) users can either comment on an issue or close it; the users with ...
-1
votes
1answer
40 views

Where to place the RSS button? [duplicate]

I am making a website and am confused as I don't know where to place the RSS button. Considering this is my website: My Website Should I place the RSS button only on post pages? Or should I place it ...
3
votes
3answers
251 views

Radio buttons vs button groups

I'm interested in what people know about UX regarding horizontal button groups and radio buttons. There seems to be a wealth of stats around when and where to use radio buttons as opposed to select/...
2
votes
0answers
64 views

Email client: why is the “Send” button always next to the other buttons? [closed]

In the vast majority of email clients I've seen (Outlook, but also Web mails like outlook.com or GMail), the "Send" button is always next to danger zone where the user often clicks. The worst example ...
2
votes
1answer
54 views

Another way to say “Replace your currently selected item”?

I'm building a part to our e-commerce store, it's essentially a "kit builder" for building several products in to one big kit, giving the user a discount. The use can only select one item per ...
6
votes
2answers
560 views

Why is the button to open a microwave door always hard to push? [closed]

Every microwave I've encountered always has the same feature - an unusually resistant "open microwave door" button. Why is the button to open a microwave door always more resistant than buttons on ...
2
votes
1answer
117 views

Are zoom in/out buttons necessary anymore?

Zoom buttons still exist in almost all desktop applications as well as applications on the web (SAAS). It seems like these buttons would be gone by now (with pinch and mouse scroll wheel) but they are ...
1
vote
3answers
125 views

Next vs Continue vs Proceed

I have a situation in my current design. The application I'm looking at has four vertical sections which are continual, i.e. completing section 1 leads to 2 and so on. Now, section one has two steps. ...
0
votes
2answers
64 views

Best way to enter time in an optional 12 hr format?

What's the best way for entering time in a 12-hour format? It's easier to select from a radio button AM / PM but since this field is optional, what if they decided not to fill it out, they cannot ...
0
votes
2answers
48 views

Better options for action buttons in 'Cancel' Pop up

My users have options to 'Cancel Order' that they have placed. When user clicks on 'Cancel Order', a confirmation pop up appears asking the user if he/she really wants to 'Cancel the Order' or 'Not ...
0
votes
2answers
158 views

Alternatives to modal dialog for simple forms

I have a button that pops a simple modal form. The form takes a name, description and has a save button. I am not a fan of having a button to the left of the screen, a dialog that pops in the center ...
1
vote
3answers
55 views

Best way to indicate usage of 'points' to offset an amount?

I'm having a bit of a dilemma on how to properly do the interface for using points to offset an amount. Let's say I have 5000 points in my wallet. Of course, I need to indicate that I have 5000 ...
1
vote
2answers
59 views

Are buttons necessary on product cards?

Lately I've been seeing a lot of product cards without buttons. The idea is that the whole card is the button. Generally it looks card-like and clickable (has a drop shadow on the whole card). I have ...
1
vote
1answer
64 views

Best practice of single select row on table

On the website I'm working on there are tables with multi-select row function to trigger some actions. Here is the current implementation of the table. Buttons to trigger the actions are placed on top ...
1
vote
4answers
162 views

Where do users most often expect the submit button on a form to be?

Has research been done on where the most "expected" location for the submit or primary action button would be in a form? I'd clearly assume at the bottom of the form, but what about it's alignment? is ...
0
votes
1answer
97 views

How can I improve the experience of filling this form in? [closed]

I have a web form with several buttons - for saving/restoring drafts & also a submit button. It has the capability to display alerts when drafts get saved/restored. In the screenshot, an alert is ...
1
vote
1answer
163 views

Material design: Can you use bottom and top app bar at the same time? What's the relation between them?

I'm currently designing a B2B app that will have plenty of buttons (on top app bar) that just can't be hidden. Is it possible to transfer some of the buttons from top app bar to bottom app bar, just ...
1
vote
2answers
61 views

Alternative quantity selection - cognitive load & space problem

I am working on a product where users are ordering rather large quantities. Or even better said: The amount that people buy varies wildly. Some order a lot, some a bit less. We are aiming at adding ...
0
votes
1answer
67 views

Does the location of “main buttons” affect usability?

Here we have Meta Stack Exchange: The "Ask Question" button is part of the "search results" group. Could this possible confuse users? Should site-wide "main" buttons always be placed on the header ...
0
votes
5answers
150 views

How should I indicate that a button is clickable on mouseover?

I have white buttons on a blue background: When moused over, I change their background colour to blue to acknowledge this: When clicked, they become the large square you see on the left. It's ...
0
votes
2answers
71 views

How to deal with multiple call to actions that are as important on a product page?

So we have a quite unique product page. We sell datasets as maps on our website. Obviously we already have a primary CTA button that says 'Buy for $...'. But we'd like to add some other options for ...
2
votes
1answer
194 views

Why do elevators have the close doors button? [closed]

I think that the close doors button in an elevator does very little. If it works, it saves the person two seconds of their time. If time matters this much to people, why do people stand still on ...
1
vote
2answers
172 views

Placement of data table delete/edit button

Using material design and making a desktop application. Should I add the delete and edit button on each row like this: or in the Color zone at the right (near the 3 dots):
2
votes
1answer
43 views

How best to visualize an either/or choice between different types of actions

So I have a modal window with some tabs. On one of the tabs there is a single input field for an identification number. Now we are adding some new functionality which will let the user snap a photo of ...