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)

1
vote
3answers
51 views

collapse vs minimize

Is it right to use the word "Collapse" to describe what this button do or "Minimize" is more correct? What the difference in meanings of words "collapse" and "minimize" in context of computer ...
1
vote
3answers
264 views

Should we use form button color to indicate task outcome?

I work in large company and We are building our UX guidelines for new applications. We have lots of legacy LOB applications with workflows that assign tasks to humans. Some of them are simple tasks ...
2
votes
2answers
136 views

one button, two functions?

We are designing an UI of a game like the following: Once you enter the Green button (Start) you start to fight. However, there's a limit of restarting the fight. When it come to the limit, the ...
10
votes
3answers
502 views

Why not have the hamburger menu at the bottom?

Considering this : http://www.lukew.com/ff/entry.asp?1649 ... and considering that displays get bigger, I'm wondering why the hamburger menu isn't located at the bottom of the UI. Just like this ...
0
votes
1answer
368 views

Back button in Navigation Drawer on iOS?

Description: The Navigation Drawer pattern of Android fits my needs pretty good. The app includes several applications. Within applications there are several tabs and the user can open additional ...
2
votes
2answers
128 views

What's your method for choosing button colors?

I realized this has been discussed in different threads, but often what I've found is the topic is segmented into only a couple of actions; i.e. Save and Cancel, or Positive/Negative relationships. ...
3
votes
3answers
201 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 ...
1
vote
3answers
49 views

Should mobile slideout menu close icon indicate direction of view change or UI movement?

Building a responsive site for a big consumer brand, and we're using a hamburger slideout menu from the right. This slideout will move the content off screen to the left, rather than sliding out over ...
12
votes
3answers
1k views

Why is the close button in the title bar red in Windows 7?

Perhaps to prevent users from closing the window or application inadvertently? But is it also a distraction because the color of red stands out? Any insights?
4
votes
3answers
145 views

Is lack of redundancy or visual consistency more important?

I was checking out at a convenience store recently and the card reader asked if the the amount of money it was going to charge me matched my expectations. It looked something like this: I laughed ...
12
votes
5answers
899 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 ...
84
votes
8answers
8k views

What reason could Nintendo have had for putting the A and B buttons the wrong way round?

When Nintendo brought out it's first game system, the NES, it had a controller with four buttons: Select Start A B However, somewhere, a designer, in their infinite wisdom, decided that the A and ...
0
votes
2answers
120 views

Yes and No buttons are both positive. Is it okay for these to both be green, implying 'success'?

This is similar to Should "Yes, delete it" be red, or green?, but I feel it isn't quite a duplicate as my situation is different. I have a form which looks like this: When a user enters ...
2
votes
3answers
95 views

Differing behaviours of the previous song button

I remembering discovering this functionality as a child when I operated a DVD player and I've never fully understood it. Recently I've been tasked with writing a short tutorial on the basic operations ...
0
votes
1answer
59 views

Should I put a button below a growing list?

I'm trying to decide on a button location for an app I'm building. The app basically generates teams using lists of players for a given position. It feels most natural to me to have the button to ...
2
votes
2answers
234 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 ...
12
votes
5answers
275 views

Should a music player's previous button go back sequentially or by history?

I develop a music player for a living and I just encountered an interesting scenario. The scenario is this: 500 songs queued up to play. Song #1 is active and playing. You double-click on song ...
16
votes
3answers
2k views

Should a form's back button save the data entered before navigating backwards

I have a five page form: 3 data entry pages, a confirmation, and an submission success page. I am to insert a back button on the middle 3 pages, no problem. However, there is no specified behavior ...
3
votes
2answers
95 views

Button group behaviour - defaults and toggling

Consider the application of hotel faceted search. At first the user provides the city and dates, and after that they filter, such as "star ratings". By default, there is no filtering based on stars, ...
1
vote
1answer
53 views

Positioning the same confirm button for 3 different panel displaying situations

I have two panels that are hidden/showed depending on the value of the "State to assign" dropdown. I've been doubting about placing the Confirm button: In a fixed position, for example: the bottom ...
2
votes
3answers
205 views

Buttons for a process with multiple or optional parts/stages/segments

What is/are the best UI practices for a process that has 2+ stages or optional segments? And how does the amount of stages, and the popularity or likely use affect the layout? For example, if I want ...
2
votes
1answer
437 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 ...
175
votes
17answers
14k 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 ...
2
votes
2answers
172 views

Is it ok to have two buttons with similar functionality?

I am currently working on a system that involves removing sections of an application and rows in a table. Do you think it acceptable to have one remove button and one cancel button (x icon) which do ...
0
votes
2answers
61 views

Is this a right position to place “See more” button on the top of particular section in “Google Store”?

Google placed the "See more" button on top of each section. I wrongly clicked the bottom button of "Apps" section to see all kind of similar app. But it showed me all book apps. Then I pressed back ...
0
votes
3answers
110 views

Button or link for new item form

I'm quite decided to use links to indicate that the user will be taken to page with content, and to use button, when the user takes some action. There is pretty clear distinction between those, so it ...
1
vote
2answers
136 views

Are window interaction buttons on the right bad for cross-platform apps with a custom border deployed on a Mac?

I am developing a cross-platform application with a custom border. The window interactions buttons (minimize/maximize/close) are in the top right, like Windows. However, when the application is run on ...
44
votes
9answers
6k views

Is there a universally recognizable “Download” button?

I was trying to download software from a website below (I white-outed the software name, etc.): At first, I couldn't figure out which was the download button. The first button up top was painfully ...
0
votes
3answers
97 views

Conceptually similar but actionably different choices in a modal

I have a modal in which users can choose between removing a user entirely withdrawing the user while leaving an archival entry in the list cancelling out of the modal without taking any action ...
2
votes
1answer
92 views

How to display context-sensitive help for buttons?

I have several buttons in my application that require some explanation (1-3 SHORT sentences). Something like context sensitive help. what is the best way to provide the user this explanation? ...
0
votes
2answers
73 views

How do i display a button that is selected with two options?

Industry Experience has both a Target Value and an actual value (what the person scored) Attached is an example where the actual value is not the target value. How should it be displayed when the ...
5
votes
4answers
1k views

The meaning of the Home button in browsers

I'm not talking about the Home on the website or an app but the home on the browser itself. First of all, I saw no use for that button eversince I first touched a browser. Maybe it made no sense to ...
23
votes
3answers
8k views

What is the optimum button size of touch screen applications?

There was a not so recent blog post about the ideal button size of touch screen control sizes (sorry there is no link, the website is now a spam trap) that was based on the study form the MIT touch ...
5
votes
3answers
117 views

Changing text on a button twice after action

Is it acceptable to change the text in a button straight after an action has been performed to show the action was successful and then change the text again after a short delay (as the button will ...
2
votes
4answers
195 views

Too many text-only buttons

I support a rich client line-of-business Windows application. Several of my forms have started to get bogged down with an array of buttons specific to that form. These buttons have historically been ...
0
votes
2answers
96 views

Button instead of Buy Now

I need to develop an android based user interface which lists items to purchase. But in this release I cannot integrate the payment gateway. I would like to integrate a button that indicates an ...
1
vote
2answers
138 views

How should the form control buttons be arranged?

Where is the best place to show form actions in a system (CRUD buttons*)? I have currently placed them in a sticky header that follows a user down the page so as to always show the controls, which is ...
3
votes
2answers
264 views

Are actions within buttons easy to use?

There are examples on the web with actions within a clickable area. Does this create an issue with users mistakenly clicking a delete or close button vs the actual area? Examples:
0
votes
1answer
43 views

Designing a prompt for saving changes [duplicate]

Background Imagine there's a UI that contains a list of "talks". Each talk has fields such as "title", "speaker", and "description". Users can edit talks but have to explicitly save their changes ...
1
vote
5answers
182 views

Microsoft Windows Dialog: No Close Button Scenario(s)

Windows Dev Center states: "Dialog boxes always have a Close button...Don't disable the Close button. Having a Close button helps users stay in control by allowing them to close windows they don't ...
3
votes
2answers
202 views

Cool/heat and sun/snowflake display on A/C and other machines

This question has been bugging me for years. I remembered it when I read this: Toilet flush buttons In A/C most of the times is easy. Generally there is a snowflake for cooling mode and a sun for ...
5
votes
6answers
985 views

One button for two actions

I have a comparison site. On the landing page there are two text boxes which are used for products to be compared, and a button to trigger "compare". If a visitor fills these two boxes, products are ...
0
votes
1answer
182 views

Grab point textures best practice

I'm using jquery's draggable and droppable to enhance the usability of a wireframe stack in our application, and I've already adjusted the cursor to the CSS move glyph to indicate as much. I'd like ...
594
votes
16answers
93k 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
1answer
137 views

Which option is better for changing mode? two-part toggle switch or one button that changes state on press?

Which option is better for a tool that can edit a website visually? A two-part toggle switch. A button that changes the state (and the label on the button changes when the mode changes so that the ...
3
votes
10answers
587 views

“Save As” vs “Clone”

We have a system where a user can view database records in a GUI application. The main purpose of the GUI is for creating and editing these records. We are now developing a feature whereby a user ...
40
votes
2answers
2k views

Why don't ATMs show blank arrows for unused buttons? [closed]

Have you ever had trouble lining the arrows up with the correct button on ATM consoles and other similar interfaces? Height of user can affect perceived alignment, as well as poor installation or ...
0
votes
1answer
51 views

Side by side button or stacked? [duplicate]

In terms of user experience, which layout of buttons would work better? This would basically be a landing page. Side by side? Or stacked?
8
votes
1answer
457 views

Has the ☰ (three horizontal bars) menu icon received much adoption outside of the western world?

A lot of web sites use to indicate a button that will trigger a navigation menu. It has, for example, been included in Twitter bootstrap (which is used at over a million sites). It is also used to ...
1
vote
1answer
221 views

How is it called when you have 2 links that lead to the same page?

I just logged into Mandrill, and I noticed their page has only 2 buttons "Get SMTP credentials" and "Get API Keys" I also noticed these 2 buttons lead to the same place. This is a great UX example ...