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
59 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
147 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
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 ...
2
votes
2answers
136 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
27 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
46 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
476 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 ...
21
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 ...
0
votes
2answers
85 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
97 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
281 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
1answer
36 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 ...
8
votes
0answers
962 views

Colour combination for three buttons [migrated]

What colour combination would work best for these three buttons: Should all of them remain the same colour? These are my options: Image of the whole page
4
votes
1answer
256 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 ...
13
votes
2answers
879 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
1answer
57 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
105 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 ...
9
votes
3answers
156 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 ...
2
votes
1answer
94 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 ...
0
votes
3answers
100 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 ...
0
votes
1answer
49 views

Naming of button for adding to caller and close

I have a system which has a dialogue that opens when the user wants to add a particular type of record (which is a list of clients). This dialogue window enables them to search for particular clients ...
2
votes
4answers
84 views

Support consistency or primary user journey?

Here's my question. Should a button with an important action such as "Preview" always have the same visual appearance and poisitioning or should it change according to the primary user journey? ...
3
votes
5answers
209 views

Is labeling my button as “Back” too general?

I have an application that has a variety of different panels on it (similar to a dashboard of sorts) and I'm struggling with how to inform my users about a specific Back button and how to label it. ...
1
vote
2answers
93 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 ...
32
votes
10answers
5k views

Should I avoid using “abort” in favor of its synonyms?

I've heard that the term "abort" could have a negative meaning in some contexts (i.e. due to abortion-related issues), and for that reason it was avoided in some interfaces of the 80's/90's, probably ...
25
votes
8answers
3k views

Should the cross (or 'X' ) button do something other than close (e.g. minimize or hide)?

It's common for the user to use the cross button to exit an application. But sometimes software is tricky and the cross minimizes the window instead of closing it. Should this kind of behavior be ...
4
votes
5answers
428 views

How to avoid big banks of buttons?

What are some alternatives to having repetitive rows buttons that create large banks like the one shown below. I think it's too visually dominant and distracting, not least because there's one of ...
3
votes
2answers
206 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 ...
2
votes
4answers
144 views

How to prevent users from submitting a form with no changes made

I would like to prevent users from being able to submit a form where the selection hasn't been changed from its original state. Example: In the wireframe above, when the user sees this form, the ...
0
votes
0answers
20 views

Button Labels : Contextual Names or Generic Names [duplicate]

When we label the buttons should we use contextual names or generic names. For example, I have a form to add a new employee.Here the button is named as "Save", which is more generic. How about ...
0
votes
1answer
73 views

the presentation of a selected button of a page

It's often the case that there are two kinds of presentations of a selected page, like the following: 1.the selected button become dark and invalid, while others page-buttons are up-light and valid ...
1
vote
1answer
117 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 ...
1
vote
2answers
101 views

Vertical position of icons in buttons

Software interface design: What is the correct vertical position of an icon in a button? Either at the bottom line to the text or centered with the text?
0
votes
4answers
282 views

Why does everybody use Yes/No/Cancel buttons?

Is there any reason with respect to Interface Design or Usability that someone (I guess Microsoft in the early days of windows?) started using this 3 buttons twenty years ago? Has anybody any sources ...
2
votes
1answer
194 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? ...
5
votes
5answers
188 views

Users confused about status indicators vs. action buttons

Recently we did some user testing on our current method of displaying data. We had a list of items in a table (yeah, I know. Our software currently uses tables heavily), with icons on one side that ...
0
votes
3answers
133 views

If a record is cancelled, what word to use for the action of un-cancelling it?

I have a web app that allows users to cancel records. Once cancelled, they are displayed under a tab called cancelled items. The users are also able to un-cancel these records, so that they become ...
6
votes
4answers
163 views

Should a delete action's “undo” be underneath the “delete”?

Take for example this button: _________ / \ | Trash | \_________/ Which when clicked, becomes this: _________ ...
1
vote
2answers
64 views

How should multiple buttons wrap on different responsive breakpoints?

We are currently developing a Wordpress site that has a Shortcode button feature that allows the client to alter the text, URL link and colour of a button, also to add new buttons. The client is ...
4
votes
2answers
80 views

Matching Navigation Names to Page Titles?

Upon reading the "Navigation" chapter of Don't Make Me Think, I saw the point 'The name needs to match what I clicked.' Obviously, this is a book of guidelines and is not law, but I'm confused about ...
11
votes
4answers
1k views

Position of negative/positive buttons [duplicate]

Consider two buttons: - OK - Cancel Should the positive 'OK' button be placed on the right or left? Is there some rule or convention that needs to be followed in this case. Consider the following ...
2
votes
1answer
182 views

Show submit button only after the form has been validated?

I'm building a store-like site and users can publish their own ads and I was wondering if not showing the submit button until the form has been completeley validated is a good idea, for example if the ...
0
votes
2answers
44 views

Using only keyboard shortcuts (without button/menu counterparts)

I'm working on a webapp right now and the way I am designing the actions mainly utilizes keyboard and mouse combinations. Example, join two elements by [shift + click]ing them in order. Is this an ...
1
vote
1answer
64 views

Choose existing or creating new category

Our current implementation gives the user an option to select a category from a drop-down and to add new category. The problem is that this button under the drop-down does not work very well. 1) ...
-2
votes
3answers
131 views

Would you consider this button to represent that the device is currently on or off? [closed]

Would you consider this button to represent that the device is currently on or off? The opacity switches to the other button once it is tapped. I just want to make sure that the state is fairly clear. ...
3
votes
1answer
147 views

Color/Shading Guidelines for Button States

Are there any rules of thumb or formulas for the different color shades when creating non-default buttons? Default buttons have 4 states, Enabled, Focused, Pressed, and Disabled. These all tend to ...
6
votes
5answers
233 views

How should I handle buttons on larger screen mobile devices?

I am designing a responsive site that supports landscape orientation. My question is specific to button sizes. Usually on portrait mode, buttons stretch across the screen. For bigger smartphones ...
69
votes
12answers
6k views

Should form 'Continue' button be disabled if validation is incomplete?

In forms we often see the 'continue' button inactive until all the required fields are complete: download bmml source – Wireframes created with Balsamiq Mockups Is this actually a help ...
0
votes
1answer
27 views

What should be displayed when the user selects an overall category?

Background So I am working on a project for a client that has filters for different weather events. There are categories and sub categories (example below) Winter Snow Freezing Rain Sleet Slush ...
4
votes
1answer
89 views

Indicate that a button doesn't take immediate action

Using a social network as an example, say I have a button called connect that ultimately sends out a friend request to another user. Clicking on this button then opens up a modal that asks for ...