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)

0
votes
1answer
151 views
5
votes
2answers
923 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
71 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
60 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
39 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
34 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
106 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
103 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 ...
0
votes
1answer
103 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, ...
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
993 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
4answers
404 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 ...
3
votes
1answer
69 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
77 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
3answers
69 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: ...
2
votes
2answers
289 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
1answer
38 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
106 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
96 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
169 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
962 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
107 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
383 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 ...
15
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 ...
0
votes
2answers
302 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, ...
1
vote
1answer
153 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
112 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
34 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
47 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
75 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
161 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
486 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
145 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
37 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
699 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
56 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 ...
184
votes
24answers
35k 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
106 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
333 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
104 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 ...
26
votes
5answers
9k 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 ...