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)

5
votes
4answers
487 views

What are your views on having a button that says “Don't click this button”?

Yes, I know it sounds ridiculous but let me explain what I want to do! The app that I work on is quite massive but also quite out of date in terms of the front-end. The worst thing about the app is ...
7
votes
3answers
253 views

Similar buttons for very different actions in Gmail

I noticed that Gmail's conversation interface has a bent arrow icon for back-to-inbox and a very similar button for reply. Below is an image of the interface with the two buttons highlighted in ...
71
votes
9answers
7k views

Why is the “Record” icon always round and usually red?

I've been wondering why the symbol for 'record' is universally (AFAIK - has anyone seen exceptions?) a circle and usually red. Cameras, VCRs, voice recorders, smartphones, web apps... I've seen cases ...
1
vote
2answers
559 views

Why do most microwaves have a “Popcorn” button?

I can't imagine that the usage level of popcorn substantiates its special treatment on a microwave's user interfaces – at least any more emphasis than other common foods. Removing this (and other ...
5
votes
6answers
229 views

Is the notion of “like”ing content too closely tied of Facebook?

We are implementing a "like" feature on our web product, but we want to avoid being tied or compared to Facebook. While our functionalities differ vastly, we do utilize a "news feed" style of content ...
2
votes
1answer
216 views

What is a standard Visual design effect to indicate default button?

What is an example of a standard (easily recognized) visual effect to indicate which button is the default ("if in doubt, click this"). In my application, the buttons are in a column (necessary b/c ...
1
vote
3answers
118 views

How can I decide whether to use a button or a hyperlink? [duplicate]

I have web page that shows the detail information for a parcel of land. You can do the following things from the page. I included an image with the current setup. return to results show an ...
1
vote
2answers
337 views

Best practices for multiple buttons

I need some help with the layout of multiple buttons/links that have to be laid out in a row. The delete button is furthest from the others in order to avoid error, but I will have a confirmation ...
1
vote
7answers
231 views

Search - Two Buttons

I'm working on a site that needs to have the ability to search News (within the portal) and the entire web. This is an option that my colleague came up with. It doesn't seem right to have two buttons ...
3
votes
3answers
256 views

How to display multiple options for settings page using icons?

Question For a mobile app, how should we display multiple options (say, 20 options are available) in a settings page using icons? Example: Fig.1: All Options in One Screen Activity. All ...
2
votes
3answers
108 views

Dialog Button Orientation

I'm sorry if this has been discussed before, I spent about 5 minutes searching to find a topic on this, but was unable to. I've been trying to come up with a standard for my application dialog ...
1
vote
1answer
122 views

What text to include on “Next” buttons?

I have several forms spanning a few pages. What should I ideally put on the "Next" buttons after one page form has been filled-out? For instance, my page 1 form is "Describe Book" and the next page ...
13
votes
5answers
570 views

Is the “Three Toggle” button on Bothsider easy for users to understand?

Combining two separate toggle buttons (follow/unfollow + another for whether that "follow" is public/private) seems like an elegant solution to the spacing and aesthetic problems of having two ...
5
votes
2answers
223 views

Arrow-border vs open-border for currently selected item in a vertical menu

Arrow border: Open border: Which gives a better user experience, and why?
1
vote
4answers
110 views

How do I label a button that exposes a “code behind” editor?

Background I'm building an editor where the user interacts with a graphical representation of the data. This data is actually generated from a script which the user may expose and edit (the "code ...
0
votes
2answers
115 views

Studies about button placement to download reports?

Would it be more natural for the user to click under the text area or in a centralized area of actions. In our example at http://www.bruxzir.com/science-bruxzir-zirconia-dental-crown/, we have ...
2
votes
2answers
356 views

A case against multi-colored navigation buttons

I am trying to find some evidence against multi-colored navigation links, however it seems to be surprisingly hard to find.. perhaps not so many people have come up with the "innovative" idea of ...
2
votes
1answer
170 views

Would a shake-to-scroll-to-the-top scroll view annoy users?

I have a very functional and minimal application where I try to maintain functionality and screen real estate at the same time. My scroll view takes up the whole screen and I would like it to stay ...
5
votes
2answers
2k 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 ...
3
votes
1answer
100 views

Edit button inside apps

I am working on an iPad app that will allow the user to edit content available on a shortlist (the left-hand side of the screen). The Edit option, however, will be available from the right hand-side ...
10
votes
5answers
765 views

Will removing the border & bevel on these buttons make them look un-buttonlike?

First: I'm not a designer by trade, but I do occasionally do design some things. A week ago I began writing an open-source, extremely small (960 bytes gzipped/minified!) CSS framework. Since then ...
2
votes
5answers
1k 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 ...
16
votes
7answers
947 views

What's a better label for the traditional “Browse…” button for selecting files to upload?

I've been working on an advanced file uploader, complete with folders and animated progress bars, and wanted to improve the vague "browse" button generally used for launching a file selector window. ...
4
votes
5answers
354 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 ...
1
vote
1answer
847 views

Navigation bar and buttons considerations for iOS

I have some questions regarding navigation bars and their usage in iOS apps, both from the point of view of UX and Apple´s submission and human interface guidelines: 1) Since the iOS Human Interface ...
5
votes
1answer
141 views

How to indicate that settings have been modified?

A button ("Filter by") allows the user to select a subset of all choices. After the user configures a filter, how should I indicate that a filter has been configured? I've thought about adding text ...
22
votes
6answers
2k views

Buttons instead of radio buttons or a dropdown

In a recent project of ours I am tasked with creating an interface that solves the same problem as radio buttons or a dropdown menu would, but using buttons instead. It approximately looks like this: ...
2
votes
0answers
47 views

ajax vs button(action) submission for configuration/option settings [duplicate]

I read this post (ajax checkboxes vs submit button) on a similar topic and I am at an impasse. I've noticed a move towards active changes for configuration and settings in applications for all sorts ...
20
votes
3answers
6k views

What is the optimum button size of touch screen applications?

I read this blog post about the ideal button size of touch screen control sizes. It was based on the study form the MIT touch lab that gives some measures of the size and sensitivity of the finger. He ...
26
votes
7answers
1k views

How to phrase button labels?

How should I phrase the following button labels: "Import image" or "Import an image"? "Create app" or "Create an app"? "Add description" or "Add a description"? If you could also supply the ...
7
votes
3answers
240 views

When Back Button is Expected but Not Supported, The Least Invasive User Assistance?

Problem: I have a situation where in a browser-based web application the back button (and backspace key for that matter) cannot be supported or used. If it is used, the results can be unpredictable in ...
2
votes
2answers
318 views

Fixed/floating button on mobile app

We're developing a new mobile app for premium users. It is basically a content reading app. The content will be updated periodically; we have 3 fixed "topics". These topics are going to be updated ...
2
votes
2answers
185 views

Less noisy cell buttons on a table

I have table where almost all of its cells are a button that works independently. When I add a 3D button-like design to each cell, the table becomes a large chunk filled with buttons and looks a ...
0
votes
0answers
53 views

What is the best name for login/logout button [duplicate]

About the system: Web application with users like WordPress. The question: What is the best name for this "login" toggle button? Options: Login / Logout Log in / Log out Log In / Log Out Sign ...
2
votes
2answers
95 views

What is the best way to demonstrate the value of registration to unlock features?

I'm not sure if I phrased that right, so perhaps my specific case will explain for me. I have buttons for "fave"-ing and marking-as-solved on puzzles in my blog. The users that know the features exist ...
18
votes
7answers
1k views

Is it a bad idea to use grey buttons?

Our design team is thinking of using grey secondary buttons on our site. I'm concerned they may appear to be disabled to our users (especially when used with the primary orange buttons). There is a ...
5
votes
3answers
493 views

Is it a good practice to include a feedback button?

Is it a good practice to include a feedback button on the side of the website? or how do you recommend to get feedback from users at a initial phase of a project?
7
votes
4answers
560 views

Can a button be 'secondary' on one page but 'primary' on another?

For example, an "Edit" button. In most pages, it is a secondary button ("Submit" may be the primary one). But there can be a case where in "Edit" is primary action for the page. Is it good practice ...
2
votes
3answers
657 views

Is there a need for save/cancel buttons in iOS app?

I am developing an investment property evaluator app that allows the user to record information about a potential investment property and evaluates the property based on certain metrics. It uses drill ...
6
votes
1answer
402 views

Modal window action buttons, top or bottom

Scenario: File upload process for a website on desktop(not mobile) launches a modal window. Question: Would it be better to place action buttons at the top or at the bottom of the window. Pros & ...
5
votes
3answers
189 views

Select numerical value with +/- buttons or manually entering?

The design I'm working on has the user assigning a value to each Item, then if the value is more than 1, a second dependent attribute appears (as shown). I want the numbers to be large and not default ...
4
votes
1answer
95 views

How present only two buttons on a tablet screen

My application has need of only two button with around 15 characters for each, on the main screen. The problem is the screen is large on tablet. How can I present these two button ?
7
votes
1answer
176 views

Saving: Global save vs Sectional save vs Item save vs Instant save

I have been modifying my Facebook and Gmail account settings when I come across several types of saving strategies. Take for example, at the time of this writing, Facebook: Instant save - saves upon ...
1
vote
1answer
266 views

Difference in Button Placement in Gmail Inbox and Spam Folders = Bad UX? [closed]

Like most people, I spend more time in my Gmail Inbox than I do in my Spam folder. But when I do check out my spam folder, I always make the mistake of marking a message as 'not spam' instead of ...
-2
votes
1answer
181 views

Appropriate Icon for a Subscribe or Subscription [closed]

What would be an appropriate Icon that could be used for Subscribe or Subscription. A subscription meaning; where a customer must pay a subscription price to have access to the product/service.
9
votes
7answers
699 views

Is it wrong to have your primary actions in red?

We're using red as the colour for primary Actions. This can be in the form of a button. In terms of usability, what are the downsides. Are there any upsides at all? An example for using red coloured ...
0
votes
3answers
568 views

How did electronic timers get the override button completely wrong? [closed]

I have owned domestic electronic timers for turning appliances on and off for many years now. I mainly use them for table lamps which sometimes need to be turned on or off before the programmed time ...
3
votes
2answers
211 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 ...
4
votes
2answers
126 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 ...
6
votes
3answers
261 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 ...