Buttons 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.

learn more… | top users | synonyms (1)

12
votes
3answers
2k views

Inactive State of buttons, to hide or not to hide…that is the question

On a windows based LOB application for data capturing. Is it better to hide a button completely when it is inactive, or simply show a disabled state for the button.
7
votes
2answers
623 views

Modal window action buttons, top or bottom

Scenario: File upload process for a website on desktop(not mobile) launches a modal window. Question: Would it be better to place action buttons at the top or at the bottom of the window. Pros & ...
5
votes
2answers
570 views

'Continue' and 'Retry' buttons location in action div

Regarding a Web console: I have a process that stops from time to time when it has warnings and fails. I'm allowing the user to retry or continue after taking care about the warnings and fails. ...
0
votes
2answers
269 views

Is the purpose of these buttons conflicting?

My users are to pick out a view of data for tables and graphs through a button panel, but I suspect this one button might be too confusing. Now, actually using the control panel feels very easy, ...
1
vote
1answer
39 views

What needs to dominate an input: call to action or the current value?

Context: Cinema ticket booking app. App displays movie screenings in a geographical location. Initial location is determined using user IP. User can change their location by entering an address. ...
2
votes
1answer
53 views

Vertical titlebar with windowshade button

I have some panels that are sometimes oriented vertically and sometimes horizontally. When they're vertical, the title's on top with two square buttons [ - ] windowshade and [ x ] close. The title bar ...
1
vote
2answers
192 views

Circular context menu on hover

I'm working on a mouse-centric user interface in a desktop application. The target audience are people savvy with computers. The main element of the user interface is a circular button that doubles ...
8
votes
7answers
2k views

Does a rollover that replaces content with an icon help user understand the role of a button?

We are designing an app that displays movie showtimes. A link to book a specific time is a box with a time. A designer is suggesting to add a rollover effect that replaces screening time with a ...
2
votes
6answers
416 views

Should text in button be capitalized in English?

As far as I know, in English titles each word should be capitalized. Should each word the text in buttons be capitalized if it is a title (e.g. "Add Job Offer"), or should the button text be treated ...
2
votes
3answers
300 views

Include UI Play/Pause buttons even though remote contains same functionality?

I'm working on a tvOS application that plays videos. On the bottom of the screen are a set of buttons I've created; Previous, Next, Pause, Play. Coming from an iOS background I'm so used to creating ...
2
votes
2answers
110 views

How best to lay-out this inventory program

I am a beginning programer and am working on creating a program that will allow people to keep track of inventory in their house. The program accepts barcodes scanned over a TCP/IP connection to add ...
2
votes
2answers
241 views

Putting mouse pointers on graphic buttons. Good or bad UX?

When the design of the button has a mouse pointer on it, some might say users will be more attentive to the button if they see the cursor and think it is theirs. Others will suggest this is a ...
2
votes
2answers
1k views

Radio buttons or Toggle switch for one out of two options?

I am a bit confused on what should be used when you have to select one option out of the two possible options. Working on a touch screen interface For ex 1- Selecting a Tax type in a retail store, ...
2
votes
3answers
284 views

UX: Whats the difference between Save and Apply Buttons?

Can we use both Save and Apply buttons on same dialog box? Looks like the apply button does not have a common meaning for users. For example: I have a global setting and local settings for items ...
4
votes
2answers
145 views

Redundant to have “add” and “save” button when adding choices from a list?

On StackExchange, when you want to add a community to your account, you go into the upper left corner, click on the pull down, and click "edit" next to the "Your Communities" text. Then you start ...
5
votes
2answers
412 views

Is there a reason for drawing Material Design flat buttons like plain text?

In the MD specifications are listed two types of buttons: flat buttons raised buttons the flat buttons are usually with black text, making them look like simple not clickable text (for someone). ...
0
votes
1answer
180 views

Why the hardware button of mobile devices is not placed at the front?

The button at the bottom front of iPod/iPhone/iPad/Samsung is great UX. Why other mobile manufacturers don't offer such a button at the front as well? Most smartphones have a hardware button on the ...
0
votes
1answer
87 views

What is the most easily understood message for “View More” for a table cell?

I have a cell in a table that is holding some data that can be exceptionally long. I have to crop the data and only display the first ~40 or so characters, and I'd like to add a link or button below ...
0
votes
0answers
89 views

web design function / navigation / action

I joined a project in which a web application product (SaaS) is maintained. It manages repeat payments to payees. Now there are a set of actions: request an off-cycle payment, show payment history, ...
2
votes
4answers
95 views

On an application that does heavy calculations, with underterminate progress indicator, should we have a cancel button?

The application I'm working on performs very heavy calculations. Right now we're using an undeterminate spinner. I go nuts from this and can imagine our users get even more annoyed with it. I thought ...
1
vote
4answers
526 views

What is the best location for the “Add New Button”?

I have a list of records. A new record will be added on a regular basis, but only one record at a time. Having trouble deciding on the best location for the "Add New Button". Clicking on the button ...
3
votes
1answer
144 views

Can you start your button CTA with “A” or “The?”

The site that I am working on, a design guideline is already set that we don't use radio buttons as a selection tool, but always use buttons for such a choice. For example, "Are you a member of this ...
3
votes
3answers
502 views

Providing multiple paths/flows for the same Action

We are developing a complex platform with heavy functionality, and I am having a dilemma, concerning whether or not to add a button for the same functionality one-step earlier in the User Flow. As ...
1
vote
2answers
276 views

Confirmation Yes/No button pattern [duplicate]

I have 2 questions. Can we ask the user in a confirmation dialog, "Do you really want to discard changes?" Is this the right way to ask? Also, can the YES/NO options be replaced by Yes, I want to/No, ...
9
votes
4answers
2k views

Table with actions per row

One of the pages in our web app includes a table that typically has a few dozen rows for each user, and it takes most of the page's width (5-8 columns). For each row, users can perform 3 possible ...
5
votes
4answers
375 views

Does the position of icons in buttons affect the user?

I sometimes get in a bit of a muddle around which is the best position for an icon within a button i.e. left of the text or right of it. I was wondering if there is an easy way to determine the best ...
6
votes
2answers
669 views

Which option is better for changing mode? two-part toggle switch or one button that changes state on press?

Which option is better for a tool that can edit a website visually? A two-part toggle switch. A button that changes the state (and the label on the button changes when the mode changes so that the ...
7
votes
7answers
577 views

How do you best explain the fixed functionality and uses of well known UI components

People often ask questions about if it's okay to mix up UI components with clearly specified functionality e.g. radio buttons and checkboxes. Sometimes I feel that it's treading well worn ground and ...
2
votes
1answer
103 views

Is it good practice to have more than two buttons on a mobile form?

We need to use more than 3 button in a form. So we would provide something that contained Authorize, Reject, and Cancel. All are placed at the bottom of the form. Is it good practice to have more ...
1
vote
1answer
134 views

Create new record and add (lengthy) details in one step? (Accordion Forms)

I was hoping to solve this data entry problem with an accordion form, but now I'm not so sure if this is the right way to do it. I am concerned that information might get lost if I place the save ...
1
vote
3answers
156 views

Alternative to many buttons for adding new member to group

I think my current solution for this looks ugly and feel like it's too many buttons. Do you have any better solution without taking away from the quickness by having many buttons. What are the ...
6
votes
4answers
509 views

Is the “apple slider button” using the correct affordance?

Here's a screenshot of apple.stackexchange.com: The button "active" is decorated in a way which looks like an iPhone's slider control. The first thing that comes to mind is that it's draggable (...
6
votes
1answer
208 views

Is OK button with access key acceptable?

I am trying to maintain compliance with the Windows 7 User Experience Interaction Guidelines and I am having trouble in some dialog boxes with the rule that OK buttons should not have an access key (...
41
votes
12answers
11k views
11
votes
2answers
3k views

What are the rules of using ellipsis on buttons

I read about the rules of using ellipsis (three dots ...) in a menu command: Indicate a command that needs additional information (including a confirmation) by adding an ellipsis at the end of ...
3
votes
1answer
123 views

A calculator's modulo and percentage labels

I'm designing a UI for my calculator. I've got a modulo function and a percentage of function. I started with a "%" button for the modulo, but now I need something different that clearly says "This ...
6
votes
2answers
120 views

Can username be omitted if profile picture is present for an “account options” button?

I'm creating an account system for my website and the account controls will be in the top right corner, as shown in the samples below. The more stuff I add to the top bar, however, the more cluttered ...
3
votes
3answers
183 views

Guide/instruction buttons

Can someone tell me the professional name of the buttons that you see when you are in a new page or when it's a new feature? Those buttons usually open to pop-ups that will guide you in the new page/...
2
votes
2answers
171 views

Reset button for calculator forms

it's usually bad practice including a reset button in your forms. Some reasons for this are outlined in various other questions: Submit and Reset button, what's the best order? Is a cancel ...
26
votes
10answers
17k views

Submit Buttons on the Left or the Right?

We have been puzzling over where to put the submit button, on the left or the right. In researching, we noticed that many sites put buttons on the bottom right in dialogue boxes, and on the bottom ...
7
votes
6answers
2k views

One button for two actions

I have a comparison site. On the landing page there are two text boxes which are used for products to be compared, and a button to trigger "compare". If a visitor fills these two boxes, products are ...
7
votes
6answers
315 views

What are some ways you can encourage people to read the Instructions?

We make educational software. Each Lesson has instructions. Sometimes the instructions are fairly obvious (Click the picture that matches the spoken word), sometimes they are more complicated : ...
2
votes
2answers
177 views

Wording for coach-marks pages

Example of coach-marks: While the coach-marks mode is active, what's the clearest way to inform the user that there are more pages with more detailed information? an arrow A button (more, next, ...
1
vote
2answers
109 views

Corporate/Enterprise section

The company I work at, we need a new home page. However, we have two different target groups. Ordinary people and professionals. But I'm torn on how to separate it. I'm toying with the idea of having ...
0
votes
1answer
122 views

Is it best for users to put the delete action/button/link on the edit record page on the web?

It seems that a lot of interfaces put the delete action on the record edit page/screen and sometimes the view page/screen vs putting them right in the record list. I'm wondering if this is considered ...
2
votes
1answer
54 views

What is a good flow for selecting an item from a list and populating some fields in a pane with the item info

I have a tree of items in a left nav and a main content pane to the right. Users should be able to select an item from the tree and populate fields on the right with complicated info (long paths, ...
1
vote
1answer
59 views

Is it okay to use a “place” and “replace” button if an image has already been uploaded using the drag and drop or upload an image function?

I am trying to use this Drag and Drop / Upload image feature and put it inside a field. By adding or uploading a "logo", it will will be replaced by the image uploaded and buttons like Delete and ...
1
vote
1answer
56 views

Extended command button order

As far as I can tell from looking at a large number of Windows forms and dialogues, Microsoft uses the following pattern to dictate the order that their buttons appear: [Val- / Prev] [Val+ / Next] [...
1
vote
1answer
104 views

How can I pictorially show an option is unavailable for a time?

I have an option (a single button) in the settings, that won't be avaliable for the user for about 2 weeks. I have considered a number of options: Leave it out - make it suddenly appear Keep it ...
17
votes
3answers
1k views

Multi shapes buttons damage User Experience / User Interface?

This is a question I have been thinking about in the past few days. I'm making a social app(Similar to Facebook or Instagram etc). As I started working on the design and I though of a question. The ...