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

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.

1
vote
2answers
48 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 ...
5
votes
4answers
649 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
53 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 ...
0
votes
2answers
48 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
80 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
50 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
77 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
55 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
44 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
100 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
209 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
89 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
208 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
156 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
328 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 ...
0
votes
1answer
38 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
171 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
61 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
53 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
487 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
111 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
117 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
58 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
107 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
53 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
50 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
57 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
155 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
97 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
59 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
66 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
148 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
67 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
191 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
123 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
40 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 ...
3
votes
1answer
90 views

How to show the restrictions for the file upload?

This is used for the b2b web tool. The user can upload an image file by clicking the "upload" button. There're 2 restrictions: max size and file formats. What is the best way of showing that? Put ...
3
votes
2answers
118 views

Transit app - button or toggle?

I'm designing a prototype for a mobile app that allows you ask for help inside a public transportation (bus or streetcar). The goal is to alert all passengers that someone needs help inside the same ...
4
votes
2answers
167 views

User-friendliness vs. conformity (with an app)

I have two apps: App #2 reads text files to display 3D objects with specific coordinates (e.g. a sphere, a cube, a pyramide and a cylinder) in a VR environment with each file having its own unique ...
5
votes
1answer
153 views

What is the pattern for displaying the state of a thumbs up thumbs down button pair?

I'm looking for a pattern that clearly lays out how to make the pair of buttons look clickable (or tappable) in the following states: Nothing has been selected yet One of the two options has been ...
5
votes
1answer
203 views

Display a bunch of buttons on one page

I currently develop an app in UWP and I need to display some buttons on a page. All of those buttons are neccessary and I want them on the same page because they are for maintanance/debugging of a ...
1
vote
3answers
221 views

When use large buttons is a good practice [closed]

Im doing a project and I would like to now if is a good practice use this type button Someone can tell me? Feedback Now, see this page in html, css + Js:
3
votes
1answer
148 views

Is showing temporary result immediately better ux than showing a loading indicator until a result is available?

Use case: There is a toggle button a user can click on it. After the user clicked on it, it should show a result, success or failure. It takes some process time to calculate the result. Unless error ...
1
vote
1answer
47 views

What is the industry term for a payment action that pops up over a free action?

The situation I mean is where a UI tries to hijack a user action by sneaking in another one on top. For example, there might be screen with a button that does something innocuous, eg “Continue”, but ...
1
vote
1answer
36 views

Mobile - how to reconcile view title and action button title?

I have a view in a mobile app responsible for stitching photos into a video. I’m looking for advise on how to make the title of this screen match the text of a single action button on the same screen. ...
-1
votes
1answer
74 views

Ask Permissions on a button or icon with tool tip [closed]

I looking a link for icon and text for request access. Please share how i can make this UI better. Should i use just a simple button with text "Ask Permissions" or simply a lock icon with tooltip "Ask ...
0
votes
0answers
84 views

Save vs Save and Close

I've got a couple of queries that revolve themselves around whether saving or saving and closing are better to do. In a modal window, Save button and Save & Close button from a parent page with ...