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)

4
votes
4answers
510 views

Colour combination for three buttons

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
3
votes
1answer
224 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 ...
10
votes
2answers
643 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
44 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
90 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 ...
8
votes
5answers
132 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
61 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
45 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
79 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
206 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
55 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 ...
30
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
420 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
192 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
129 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
108 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
99 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
272 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 ...
1
vote
1answer
122 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
181 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
159 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
55 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
77 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
159 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
40 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
58 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
114 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
138 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
228 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
88 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 ...
3
votes
3answers
91 views

Insurance company Call To Action “Buy online” vs “Get a free quote”

I'm currently working on the redesign of an insurance company website. So for the main call to action I use the copy "Get a free quote” With a link on the button to go to the online quote process with ...
6
votes
6answers
205 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 : ...
0
votes
3answers
82 views

Which side should I put the close button on a window? [duplicate]

Is there any known preference for users between putting the "Close button" on the top right or top left of a window? Does it simply matter? Mac users should be used to the top left and windows' ones ...
1
vote
1answer
35 views

How to handle both go to cart and stay on catalog when ordering on e-commerce site

I work on an e-commerce site. Products are listed. There is an add to cart button for each item. Our customers use our software to sell products to their buyers. Some customers want to offer a button ...
6
votes
2answers
582 views

Save & Continue Button

In the app I am working on the user is presented with a list of item on the left and a panel contained with input fields on the right. The user will navigate the list and edit pricing criteria for ...
5
votes
3answers
161 views

How should I place 3 equally important CTA buttons?

This is an airport transfer quotation form I've created. The user will first select the pick up, destination and number of passengers. Then, they will retrieve the type of vehicle, price and ...
3
votes
2answers
267 views

Material design - buttons raise, not depress

There is some discussion of this here but I haven't found a more comprehensive discussion of it. With Material Design, objects that wish to convey being pressed appear to rise up towards the user, ...
10
votes
3answers
922 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
2answers
53 views

How to add UI elements that have a button which need a description and inform the user that steps will follow after clicking the button.

I have a button which requires a description. I currently have it as following But it looks unbalanced. Also this is not the final step of the procedure. I want the user to know that further steps ...
2
votes
1answer
116 views

Should the 'back to top' button be used when infinite scrolling is implemented?

Infinite scrolling is becoming a popular design choice for many types of websites that focuses on the browsing rather than search behaviour. Does the use of back to the top actually support that ...
23
votes
2answers
1k views

Auto-creating new Items vs. “Add New” button

I'm iterating on a mortgage CRM system, which involves the broker providing previous incomes of the future home owner. Currently, the system "invisibly" provides a mechanism for creating new ...
2
votes
1answer
90 views

How prominent should the deactivate account function be?

Our app allows users to interact with multiple accounts. When any one account has outlived it's usefulness, it can be deactivated. Although users can still navigate to deactivated accounts, most ...