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.
4
votes
4answers
396 views
What Is the Best Approach To Minimalist Buttons (Icons)?
My web app, like most, is trying to utilize as much space as possible by trying to use an icon as a button to perform specific tasks. I have quite a few that would make for a pretty obscure button, ...
4
votes
9answers
236 views
Should the results of a calculation happen automatically, or require a button push?
This is a problem I've ran into several times, and I imagine that others have ran across it too.
Basically, I have a complicated equation, and I want the user to type in the values needed to ...
4
votes
1answer
538 views
Optimal position for call-to-action button
Where in the banner area of the landing page is the optimal position to place the call-to-action button to maximize click rate?
4
votes
2answers
144 views
Where to put a global “add item” button?
We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
4
votes
3answers
295 views
Best way to organize interface
I have an application where users can select some items from a catalogue and add into their reports.
Some users prefer to add positions one by one, first opening the catalogue, adding a new ...
4
votes
3answers
165 views
Quickly change row status
I have a table of items that each have a particular status color icon. The users will need a quick method to change this status. I imagine click on the status icon an picking the new status. However, ...
4
votes
2answers
103 views
How to better display metadata about a card?
A Card has the following metadata:
Information: Status (ready or not), Stage (one of nine)
Actions: Edit, View Statistics, Edit, Delete, Archive
I need to display both sides of the card on this ...
4
votes
3answers
161 views
Hover state for Step-based navigation
I'm stumped on figuring out what the proper hover state for a step-based navigation workflow should be.
The navigation appears below. There are 3 states. Completed, Active, and Not-Yet-Completed. The ...
4
votes
4answers
204 views
What are we calling the 3 lines button in mobile apps?
This button is appearing in many mobile apps and has the function of displaying off-screen menus, whether from the top of the screen or the side.
When writing tutorials for example, what is a ...
4
votes
1answer
201 views
How does a 3d shading impact circular button use?
I recently ran across a circular smiley icon with lambertian shading, specular shading, and cast shadows. The effect was a little like a ball on a table.
Here it is:
Clicking the icon toggled an ...
4
votes
3answers
271 views
Navigation Bar, mixing links and buttons
I am trying to create a navigation menu with 2 functions in it... the website 'page' navigation links and 'action' buttons... sort of like this image
...
4
votes
3answers
267 views
One button or two?
I've got a web app where users can create two different kinds of similar things and I'm trying to decide whether to have two buttons, or one button and then present a choice as part of the resulting ...
3
votes
5answers
287 views
Testing OK/Cancel buttons
Related: OK/Cancel on left/right?
I have been looking in to whether OK/Cancel should be on left or right, and after looking at lots of views on each side it seems there are good reasons for both. I ...
3
votes
3answers
766 views
Disabling the browser's back button in multi-page forms
We're having this internal debate where some people think that the user shouldn't use the browser's "back" button when filling a multi-page form (for security reasons), and that the whoever hits the ...
3
votes
6answers
1k views
Recommended button sizes on web pages
What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
3
votes
4answers
829 views
Two-Step Operations and Button Conventions
Our web application has three different operations that proceed as follows:
The user is presented with a popup where different settings are selected.
The user can click on a button labeled with the ...
3
votes
4answers
400 views
Is a cancel button really needed in a form in a page?
I have a form, which is on a page of its own - it's a huge one, and one of the internal reviewers recommended to add a cancel button to it. I am just trying to figure out if a cancel button is ...
3
votes
3answers
556 views
What is best practice for button labels?
What is the best practice when you're labeling your app buttons?
For example, I have a button that links the user to the product reports page, will the button say "View Product Reports" or just ...
3
votes
3answers
208 views
which is the best way to show Like/Dislike click results?
I am planning to use Like/Dislike buttons in my forum for rating the comments and posts. I found two nice ways to implement Like/Dislike results:
A. Show the sum of Likes - Dislikes between the ...
3
votes
2answers
123 views
Is there a better label for the “OK” button in message boxes with just one button?
Having read "Should I use Yes/No or Ok/Cancel on my message box?", I do understand that message boxes with two or more buttons should use verbs instead of e.g. Yes and No.
To further improve the user ...
3
votes
3answers
164 views
Should tags be buttons or links?
Are there any guidelines on how tags should ideally look like? Are they links, buttons, or visual "tags" with a link?
I personally find tags that mimic a physical tag or strip of tape appealing, but ...
3
votes
2answers
254 views
Buttons placement convention in Android
Is there any convention of placing positive buttons on the right and negative on the left in Android. I know for dialog boxes this is preferred
as opposed to this because its more intuitive
But ...
3
votes
3answers
206 views
Is that Microphone or a Reset Button?
Have you ever poked a microphone thinking that is was a reset/eject button (the kind that require a paper clip to be used)? Why have companies (apparently) completely overlooked the need for a label? ...
3
votes
2answers
155 views
Confirmation styles: Dialog window vs. two stage/dropdown buttons
To better illustrate my question, here's a quick example.
When the user is attempting an action that would typically require some sort of confirmation (such as deleting a record) would it be ...
3
votes
3answers
211 views
Placement of Buy now/Download buttons
Hello respected UX community,
I am working on a new website which will be used to sell a software application, but will also have a free limited version of it (not time limited, but feature limited). ...
3
votes
3answers
389 views
Alternative way to display too many buttons
I'm working with a user who wants to have everything at a push of the button. When viewing a record, he wants big buttons across the top of the screen to return to the search, return to the search ...
3
votes
3answers
161 views
How Can Buttons Be Used Even When Lightboxes Are Activated?
We have a Help button in the header of our product, directly next to the Log Out button.
We also have modal lightboxes that, when activated, grey-out the buttons in the header, even though they are ...
3
votes
3answers
230 views
Does a visual “Active” state on a button improve affordance?
I've noticed some web sites neglect adding an "active" state on certain buttons or links; the visual effect when the button is pressed, usually making the button look like it's being pushed in ...
3
votes
3answers
455 views
Where to place buttons on forms in a desktop application?
When you have a desktop application in which a user is editing records (and performing other operations on records), where is the ideal location to place the buttons for those operations?
I have in ...
3
votes
3answers
111 views
Whether to use pointer (hand) over a button or just the default cursor
Gmail uses the pointer on mouse over of a button,
while many of other websites uses a hand
So I am wondering which kind of cursor is more friendly to users (on web applications), or it just ...
3
votes
4answers
437 views
Where do you put the delete button if you have delete, cancel and submit?
I have a web app which currently uses the following interface.
download bmml source – Wireframes created with Balsamiq Mockups
Here's what the actions do:
Delete will delete this group ...
3
votes
2answers
162 views
How little is too little padding between button text and its button border?
jQuery has a default amount of padding within their buttons, as seen here: jQuery UI - Button Demo.
I think it looks nice, but my boss keeps telling me to kill the padding. Specifically, he said to ...
3
votes
4answers
116 views
Where to place a delete button in a modal
Currently in our application we have tables of information that give you some of the most important data and them we have a view more link that pops open a modal dialog and gives the user all of the ...
3
votes
1answer
123 views
Equal Opportunities Button
I'm currently designing a form at the end of an application process to ask potential candidates to complete an Equal Opportunities form. (We are required by law to provide this)
However I'm trying to ...
3
votes
4answers
210 views
Where should I place this “continue shopping” button?
I working on the design of an ecommerce site and I was confused about the ideal placement for a continue shopping button when the user is presented with his cart page. I have three buttons on my page ...
3
votes
3answers
150 views
Language switch graphical state current-language/available-languages
I'm building a website in two languages English/French.
Most of the pages of the website are available in both languages.
There is a switch (two flags) on top of the header of the website that ...
3
votes
4answers
436 views
“Edit” button in a grid
I have an Intranet application that displays a grid. Every row of the grid is editable.
Which option is more user intuitive:
Having an "Edit" button at the end of each row.
Have one "Edit" button ...
3
votes
3answers
800 views
How to align social buttons without losing vertical space?
I've add in some social buttons to one of our pages. I don't want to have to put them in a horizontal row because that'll push more products down below the fold.
This is my idea so far:
Close ...
3
votes
2answers
494 views
What's the best UX option to help users choose between three items
So, I'm trying to use an optimal UX design for three choices that are responses to questions. The three choices are choice 1, choice 2 and "I don't know." Currently, I've been considering using radio ...
3
votes
5answers
220 views
Is it still a good practice to have a “Go Back” button? [duplicate]
Is it still necessary to put a "Go Back" button? Or do users already intuitively know that they can use the browser's back function instead? I just feel it can be an unnecessary "action" to put and ...
3
votes
3answers
475 views
Do users use Home or Back button to minimize their Android app?
I want to know if there's resarch on to what extent users use the Home button or the Back button when they want to minimize the app. I am very well aware that the "correct" way is to use the Home ...
3
votes
5answers
637 views
Button order Save | Save and next | Cancel | Previous
In an application, the user is able to edit the information of several objects.
The user is able to save and go to the next object.
What is a good order for this buttons?
3
votes
2answers
675 views
Form design and placement of action buttons
This question involves a data entry form in a web application. The form will be
used in a desktop environment only; there's no need to account for mobile.
A single user of this web app could be ...
3
votes
3answers
113 views
What are good reasons for and against using audio for feedback?
If a device like a printer has a keyboard for users to interact with it (keyboard as well as navigation), does it help users to hear audio every time they use the keyboard for text input? Remember ...
3
votes
2answers
86 views
Best practice for switch with interchangeable on/off position?
We're making a hardware device with a reset button that needs to be activated when the device is unpowered.
As such, the button can not be a momentary press but needs to change position before being ...
3
votes
1answer
101 views
One button or two for sign up and log in?
What do you think? Should sign up and log in links be split into two buttons or is it OK to have them in one?
N.B.: sign up form and log in form are on the same page.
Thx,
Alex
3
votes
2answers
72 views
Tooltip Verbage: “This will prevent changes” vs “Currently allowing changes”
I have a series of inputs used to allocate a large budget into smaller groups. Once a group is changed, the rest would auto-complete with the remaining budget percentage. We would like to be able to ...
3
votes
2answers
255 views
Is there a generally accepted icon for the “Submit” button? [closed]
I'm developing an Android application that presents the user with a search form, then presents a list of matching results after the query has been submitted. The results will be displayed on a ...
3
votes
1answer
81 views
Toolbar of digital signatures
Where I work, we have one of our systems in a web viewer for PDF files signed with the extension ". P7s."
We are doing a toolbar similar to the adobe reader (picture below). The panel is also of ...
3
votes
2answers
159 views
Using hyperlinks for navigation and commands on the same page
I am working on a government web application. We have specified in the style guide that buttons will be used for primary actions and other secondary actions within the page will use hyperlinks. There ...
