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
141 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
160 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 ...
2
votes
2answers
111 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 ...
6
votes
1answer
219 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 (...
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 ...
2
votes
2answers
2k 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
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 ...
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 ...
3
votes
3answers
184 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/...
7
votes
7answers
579 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 ...
0
votes
1answer
123 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
56 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
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 ...
1
vote
3answers
106 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 ...
20
votes
2answers
2k 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
113 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
197 views

Which button form is better from a user experience perspective? Rounded or Boxed?

Could either be confused as labels? Any other criteria to consider?
0
votes
1answer
132 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 ...
0
votes
1answer
68 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
38 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
273 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
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, ...
0
votes
3answers
125 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 ...
10
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
171 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 ...
4
votes
1answer
159 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 ...
15
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 ...
3
votes
2answers
207 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 ...
0
votes
5answers
325 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
57 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] [...
0
votes
2answers
262 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
154 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
194 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
2answers
146 views

Do these button appearances give mixed messages about what will happen if you click the buttons?

There's a current discussion on meta StackExchange about extending a change being trialled on the Android Enthusiasts site to other StackExchange sites. This would bring changes to the voting buttons, ...
2
votes
3answers
138 views

Should I use Drop downs instead of radio buttons?

This is for a University Information Repository. The user must choose only one collection to submit a report item into. Each collection is gathered into a community. So the hierarchy from top to ...
3
votes
5answers
755 views

Should a 'delete image' button be on the top-left or top-right?

I am working on an application that allows status updates related to the application. It is very similar to posting a Facebook status so I have been using a similar layout to their posting screen. ...
0
votes
1answer
59 views

Send/Listen to sound in a list

I'm presenting a list of different sounds in a list, on mobile (specifically iPhone-only) Each cell is rectangular and has a simple one-liner label (the name of the sound), and a button on the right ...
1
vote
1answer
91 views

What is the best terminology to use for buttons for running, saving and duplicating reports?

I'm developing a web based reporting tool that allows users to give their report a title, pick their metrics, run/save reports, and then after some wait due to backend processing, view the results (...
0
votes
1answer
107 views

Where should I put a UIBarButtonItem if there is only one? On the right or on the left?

here is my question. What is better for the UX, put a UIBarButtonItem (or equivalent in other platforms) at the right side of the UIToolbar (like the image below shown, like Whatsapp does it on the ...
1
vote
4answers
324 views

Color to use for 'Save draft' button?

So I have a WYSIWYG editor and I have three buttons below it. A Post it button which I am currently using dark blue color. A Cancel button which is red in color and a Save as draft button. I am not ...
9
votes
5answers
1k views

Should I show the “Save” button before the required state is achieved

In our web application, to save a transaction (such as an invoice) the user must select the contact's name and add at least one item to the grid. Presently, the save button shows before these actions ...
2
votes
2answers
222 views

Is there any use case (except submitting a blurred input) when you can't do without visible SUBMIT button for a form?

I don’t want to waste limited screen space for duplicated elements, so I want to ask: can you imagine a situation when the client demands to see a visible SUBMIT/GO!/OK button that is placed somewhere ...
1
vote
0answers
56 views

What icon(s) should a user better understand as “empty item” or “empty selection”? [closed]

I'm developieng an iOS app, and in its main view, I placed a button to select a video playlist. If the user goes to this view and there is an already selected playlist, the button for this selection ...
0
votes
1answer
106 views

ebook download - automatic download or button to download on confirmation page?

I have a site at work that is offering a free ebook download after submitting a form. Right now the process is as follows: Click the “download this ebook” button that takes you to the ebook ...
2
votes
4answers
512 views

How to make this single window tool more user friendly?

I am building a simple tool which accepts a URL, a username and a password. The URL contains one or more sets of data. After the users enters the URL, username and password. The tool then retrieves ...
22
votes
10answers
5k views

Best way to communicate “tap anywhere to continue”

I have an iOS game which shows a screen every time you win or lose a game. On that screen, the user can tap anywhere to return to the gameplay screen. However, this does not seem immediately obvious....
0
votes
2answers
626 views

Should disabled elements ever have pointer events?

Modern browsers have a CSS property called pointer-events which has a possible value of none. This value makes it so that no JavaScript listeners nor CSS pseudo classes fired by events (:hover, :...
1
vote
2answers
198 views

Should buttons be illuminated, or darkened, upon hover? [duplicate]

To most, this question might feel subjective... but there's really more than just opinion involved here. If you hover your hand over something in real life, most times a subtle shadow will appear ...
1
vote
2answers
662 views

Using sound effects on Mouse Hover / MouseOver

I'm building an application that is will mostly be used by "novice users". My team wants to add a sound effect to help aid the user understand that something is clickable when they hover over a button....
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 ...