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)

3
votes
1answer
119 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
116 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
182 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
163 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 ...
24
votes
10answers
16k 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
311 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
169 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
107 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
119 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
53 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
102 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 ...
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
108 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
195 views
5
votes
2answers
1k 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 ...
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
140 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 ...
7
votes
2answers
5k 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
120 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
189 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
66 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
37 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
233 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
121 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
5k 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 ...
13
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 - ...
4
votes
1answer
124 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 ...
3
votes
2answers
177 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
356 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
202 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
146 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
190 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 ...
1
vote
2answers
140 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, ...
3
votes
5answers
648 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. ...
12
votes
3answers
1k views

Should a “view more” button move down when the pane expands?

On a website I have a pane that can be expanded to show additional information. The "show more" button (red square 3) turns into a "show less" button when expanding it. What results in better UX? The ...
1
vote
1answer
352 views

Toggle-Buttons mutually exclusive and multiple selection combined

I have the following dilemma: I have 3 toggle buttons (for filtering a list) which have the same hierarchy weight. Button A and B are mutually exclusive, means if I select button A, button B will be ...
2
votes
3answers
135 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 ...
0
votes
1answer
57 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
88 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
102 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
238 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 ...
2
votes
4answers
507 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 ...
2
votes
2answers
209 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
53 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 ...