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
82 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
78 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
177 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
49 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
127 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
107 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
3k 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 - ...
3
votes
1answer
86 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
88 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
302 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
118 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
106 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
178 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
111 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, ...
9
votes
4answers
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 ...
3
votes
5answers
421 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
195 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
120 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 ...
4
votes
5answers
2k views

Why do many/most (Android) phones have the power button opposite the volume buttons?

I have just bought a Nexus 5 phone. I love the phone, but like my previous two phones it gives me grief when turning the thing on or off. The problem is that the power button is almost directly ...
0
votes
1answer
39 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
60 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
77 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
171 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
493 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
162 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
40 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 ...
1
vote
1answer
788 views

Why Google Chrome does not have a GoTo link button like other browsers?

Why google chrome does not provide a GoTo Link button like in IE, Firefox, etc.? And if this is because of the simple & modern design concept than why does other browsers still have GoTo ...
0
votes
1answer
64 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 ...
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 ...
196
votes
24answers
37k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
23
votes
6answers
1k views

Three state button for a medical chart

I am working on UI design for a new web based medical charting system. The users are used to charting on paper where they circle a symptom if it is present, cross it out if it is absent, and don't ...
0
votes
2answers
146 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
416 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 ...
1
vote
2answers
119 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 ...
29
votes
5answers
11k views

Do material design's floating action buttons provide a bad UX?

Google's material design largely focuses on clean visuals and a good user experience, but there is one feature that I have questioned: floating action buttons. This is a large button that appears in ...
3
votes
4answers
421 views

Should we use form button color to indicate task outcome?

I work in large company and We are building our UX guidelines for new applications. We have lots of legacy LOB applications with workflows that assign tasks to humans. Some of them are simple tasks ...
3
votes
2answers
224 views

Any lesson learned or best practices on the UX of a 'Download' button?

My company provides a free edition of a desktop application we developed. Currently I have 'Download' button only on website, and I consider to replace it with one of the following three suggested ...
4
votes
1answer
302 views

Mixing flip-flop/toggles and binary state buttons

I'm facing a rather curious predicament. I'm working on a page with two columns. The one column has a list of actions that are essentially just things that run when clicked (so they've been grouped ...
0
votes
1answer
80 views

What's better UX in a payment rejection screen: provide just 2 main calls-to-action OR show links for all possible actions as shortcuts?

The situation is this: A cashier has placed a payment. For a successful transaction he sees the success confirmation and the corresponding invoice, BUT for a rejected transaction, he sees an error ...
2
votes
3answers
133 views

Focus state for Split Button?

What will be the action if the "Tab" key is focused on the split button? a. both the "A" & "B" gets focused. b. "A" gets focused first and "B" get focused on next "Tab". c. only the "A" get ...
1
vote
1answer
146 views

Usage of animated buttons and effects on user experience

I see more and more animated buttons in service oriented web applications, especially in registration and completing an action. In the literature of persuasive psychology, moving objects are used for ...
9
votes
3answers
180 views

How to convey that an indicator is clickable

We made an app that analyzes your driving behavior and generates a score for it: One one of the screens you can see score circles in blue/orange/green/red (click to enlarge): When you click on one ...
0
votes
3answers
108 views

Research Study App - Could use some tips!

Really new to the UX field as well for designing for mobile. Currently working on a behavioral research study with the use case being for 500 incoming freshmen college students. 250 will be the ...
2
votes
1answer
161 views

Two main functions when using a floating action button

We are designing a complex app with a lot of different pages/views. From all of the pages we want to be able to "Add" stuff that is relevant to the whole instance. Most times this means you add things ...