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)

1
vote
1answer
12 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 ...
1
vote
2answers
46 views

Help on placing controls

I need some help on placing usercontrols for a financial app I'm working on (It's WPF but it's not relevant) I've created this wireframe I thinks this approach is an old style... and I need some ...
38
votes
12answers
8k views
9
votes
2answers
2k 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
90 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
80 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 ...
0
votes
1answer
58 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, ...
3
votes
3answers
150 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 ...
2
votes
2answers
96 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 ...
2
votes
1answer
348 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 ...
0
votes
1answer
146 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, ...
34
votes
14answers
6k views

Should the OK/Cancel buttons be aligned right or centered?

Where should I put the OK/Cancel buttons on my dialogs? At the bottom centered or aligned right? I've seen both and I personally don't care, but I want to create a consistant look across my ...
21
votes
10answers
12k 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 ...
6
votes
6answers
1k 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 ...
3
votes
4answers
408 views

Best position and labels for buttons on an order creation page

I have a "create order" interface which already includes several buttons. Please have a look at the screenshot below: ![enter image description here][1] My Question: I need to add a new button ...
7
votes
6answers
260 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
140 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
votes
1answer
74 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. It's often debated but sometimes I feel that it's ...
1
vote
2answers
99 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
94 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
36 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, ...
0
votes
4answers
90 views

What's best way to show multiple related buttons?

I am making a webapp that enable users to borrow/lend books with their neighbors. Design needs various options like 'borrow', 'can-lend', 'add to wish-list' and 'read' for every book. The issues is: ...
1
vote
1answer
51 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
52 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
90 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 ...
0
votes
2answers
329 views

Using Image as button in Windows Form

I am making an application using Windows Form and it will be used on a tablet that mainly use touch/tap for input. Is it okay if I am using Image for buttons? Like using image for add, save, delete, ...
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 ...
15
votes
2answers
1k views

Do disabled buttons still need to be contrast compliant for accessibility?

Very related to this question: Accessible Disabled State but that is about how to style disabled buttons to make them accessibility compliant, but my question is slightly different. Is it actually an ...
1
vote
3answers
92 views

Clickable button in a clickable box?

There are multiple boxes on one page. And it's not for touch-based environment. Currently, both the button and the box are clickable, and they are performing the same function. Both have drop-shadow ...
1
vote
1answer
182 views
5
votes
2answers
968 views

combining cards UI and buttons

I am designing a application for android and have decided to go with the cards theme for the visual design. reasons being, that the information being presented fits the cards format: short bursts of ...
9
votes
12answers
3k views

Placement of “done” checkbox button

My team is having trouble deciding where to place a done checkbox. We have a website containing a collection of pages in a row from first page to last page. Each page can be a text or assignment. ...
1
vote
1answer
80 views

Where to put a search button with auto-complete suggestions (usually at the top of the screen) to a more suitable location for mobile platforms

I am implementing a search bar on a mobile device (smartphone) in which I start with only a search icon button, but when the user presses it a text field becomes notice-able next to this icon and a ...
6
votes
2answers
3k views

How to make a button look disabled

Hopefully this isn't too specific for here. I have the following button image that I use on my site Here's an example with text: This is rendered using the following CSS: input.borderlessButton ...
0
votes
1answer
75 views

Multiple Buttons or Links in a cell?

I am trying to find out what the best approach in term of UX that a cell can have two buttons that associate with Sessions or Calls in each Date columns? The value of Links/Buttons are the total of ...
1
vote
3answers
175 views

Label for a button to kick work back to previous user

We have a process in which a piece of work needs to be submitted by one user, approved by a second user and finalised by a third. Either of the last two users can send the work back to the first for ...
0
votes
1answer
44 views

How to properly phrase the buttons to handover video session and asking to have the video session

We are building a web application that allows people to host a video session, and only one person at a time can host it. So whoever is watching the video session, they can click a button to ask the ...
0
votes
1answer
36 views

Sprites/Icon Representation

I have an application and I'm currently working on the design at the minute. As I have been working I've been thinking about little things to enhance the application. One idea I thought about were ...
2
votes
2answers
117 views

Best practices for a map on a contact page

A lot of contact pages have a Google map on it with the map centered and a marker on the company HQ. I would consider this a good thing but I have several doubts regarding UX. What is considered a ...
0
votes
3answers
105 views

Should button positions ever rearrange depending on available functionality?

In this example I have 4 product types. (Left hand tabs). There are some option buttons within those products (colour, fabric, Fingers and 'on sale') which, on selection will trigger additional option ...
8
votes
7answers
2k views

Why electric car windows can be automatic for driver's window and manual for others?

I'm European and I don't understand the logic behind electric car windows commands. In a lot of cars, a driver can fully open the electric window on his side with a single push. But if he wants to ...
12
votes
5answers
1k views

Why is the “dislike” button going into extinction?

I've noticed that Facebook and now Google+ only have a "Like" (or +1) button, in spite of users wanting a "Dislike" button. This seems to be a bit of trend. Disqus also dropped their dislike vote - ...
3
votes
1answer
80 views

Showing legal disclaimers on submit

I've been asked to remove a legal disclaimer and "by clicking yes you accept...", from the bottom of a competition form. The suggestion has been to put all this information into a pop-up when ...
13
votes
8answers
4k views

What is the best way to show my users that buttons in the same line have different functionality?

I have four buttons on my interface that all look the same but don't all act the same. They are laid out like the example below. download bmml source – Wireframes created with Balsamiq ...
2
votes
2answers
82 views

Is it better practice to put a negative button on the left and positive button on the right? [duplicate]

I have a newsletter that includes a question at the end. I created two buttons. One is YES (the one I want people to click) and the other one is NO. I put the two buttons side to side and I'm not ...
2
votes
2answers
296 views

Can we use ghost button as drop down button?

Do we have any standard for using ghost buttons? I know basic details on when to use ghost buttons but more detailed explanation will help Can we use ghost button as well as solid button on same page? ...
0
votes
2answers
111 views

Print icon placement on a webpage

I am producing a site that generates financial information based on user inputs. Users input their expected financial contributions and are provided with a visual representation, graph and table of ...
1
vote
2answers
104 views

Where to put “Favorite” and “Buy” buttons in a shopping list app?

I'm creating a perfume shopping application and i want to know where is the right place to put "add to cart" and "toggle favorite" button. i placed them in both perfume list and detailed page of a ...
0
votes
3answers
174 views

Should I use two different icons?

In an application I am working on, we have some application-wide settings that are available via a cogwheel button in the title bar. We also have part of the application, a kind of analysis, that have ...
1
vote
5answers
1k views

Placement of edit and delete buttons for dynamic table

The application I am working on has dynamic tables that gets longer as the user adds more objects. The user is able to edit the properties of these objects and/or delete them. I'm quite confident of ...