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
82 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
137 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
181 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
166 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 ...
1
vote
1answer
93 views

Best way to display two call to actions in a single column

Currently the users can "print codes" for the entire group or "invite individuals" by email. Can you imagine a better solution to make it more clear that both options are available without ...
629
votes
16answers
101k views

Should “Yes, delete it” be red, or green?

Designing an interface for a CMS (Content Management System), I stumbled upon a paradox and I'm a bit confused about what to do and why to do. Context Before deleting an album, the user is asked to ...
2
votes
4answers
100 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? ...
0
votes
1answer
51 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 ...
3
votes
5answers
212 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. ...
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
4k 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 ...
27
votes
12answers
6k views

Why don't mobile apps have a 'close' button?

I'm a fairly new user of Android and i'm annoyed by the fact that almost all apps lack a "close" button. Is there any reason why developers don't make such an option?
4
votes
5answers
443 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 ...
2
votes
4answers
217 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 ...
230
votes
18answers
27k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
0
votes
1answer
79 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 ...
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 ...
5
votes
5answers
351 views

How can users mark their lessons complete?

I have an internal LMS created and it is pretty open to any content type. More and more people are moving away from traditional SCORM/traditional e-learning and towards blended content. So now a ...
2
votes
2answers
144 views

Best position for 'Add Contact' button?

Any best practices for positioning the Add Contact button (1) in this screen? Left or Right?
1
vote
2answers
115 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?
9
votes
4answers
6k views

Toggle button vs. check box and toggle switch

XAML for Windows 8 offers 3 controls for toggling: toggle button, check box and toggle switch. The Windows 8 UX guidelines explain and compare the check box and the toggle switch, but make no ...
0
votes
4answers
328 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 ...
10
votes
3answers
953 views

How to make “signing a contract” on a tablet feel serious and legally binding?

Is there any standard for accepting signatures inside an application? I want to write an android app for gathering clients and then having them sign contracts on the tablet device. Is just an "I ...
2
votes
2answers
206 views

Is it considered best practice to have buttonset hover and active to have the same style?

From looking through the web at various buttonset examples, many of them have the hover and the active css style as the same. In other cases its quite different (with Active having a complete ...
3
votes
2answers
514 views

Evidence of a difference in conversion rate between a “ghost” and a “traditional” button?

Many new sites have been applying the "Ghost Buttons" in landing pages. Same people are saying this is a new trend of 2014. I think with the “ghost button” we have a beautiful and clean design. ...
6
votes
2answers
513 views

Should a call to action float in a long page?

I was reading this excellent site http://www.goodui.org/ when one of the points made me think Repeating your call to action is a strategy that is more applicable to longer pages, or repeating ...
5
votes
5answers
257 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 ...
24
votes
9answers
9k views

Documentation - do we “Click”, “Push”, “Press” or “Select” a button on a touch-screen interface

I'm writing some documentation for a web-based application that will run on Android tablets at the factory at which I am employed. I am having trouble wording the steps where the users must interact ...
0
votes
3answers
140 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
218 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
99 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
102 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
236 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 ...
3
votes
1answer
182 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 ...
0
votes
2answers
59 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
89 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
186 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. ...
71
votes
12answers
7k 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 ...
6
votes
5answers
259 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 ...
3
votes
2answers
2k views

Best place to put social sharing buttons

CONTEXT I'm designign the UX for the new website of a company that rents luxury venues for weddings. Primary target users are engaged women in Europe ad US, 30/40 years old, with higher education and ...
8
votes
3answers
985 views

Browser extensions: page action or browser action?

I develop a Firefox and Chrome extension, and I'm adding a button. It seems like a page action (button in the address bar) is the "correct" choice, as opposed to a browser action (button on the ...
0
votes
1answer
30 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 ...
3
votes
3answers
172 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 ...
4
votes
1answer
94 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 ...
11
votes
4answers
921 views

Original design choice of back and forward directions?

There are numerous of evidence around us where forward and backward directions are predetermined. As if they are a conscious choice we all know. At least this in true in left-to-right reading ...
2
votes
6answers
2k views

Best placement for a “Go Back” button: top or bottom?

I know that it is bad practice to use a "Go Back" button (since the browser has such a function) but when it can't be avoided for some reason, is it better to put it on top (similar to how the back ...
0
votes
3answers
166 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 ...