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
2answers
443 views

Where should the “clear search results” button be?

I have a page that allows a user to filter/search the content on that page by using keywords: download bmml source – Wireframes created with Balsamiq Mockups As the user types in the ...
5
votes
1answer
310 views

Price plan table with multiple payment options

I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
5
votes
1answer
126 views

Should user be notified about technically unavailable features?

I'm going to implement a non-essential feature on a website. This feature will not be available for all browsers and, therefore, all users. Should I just hide the button that activates it? Or should ...
5
votes
2answers
198 views

How to layout buttons/bars alongside a dynamically sized table?

I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9. Along with this I ...
5
votes
3answers
230 views

Is a “View” button necessary?

We have a table and on each of the rows, there's a set of actions possible. For example: Name | Date | Actions Mike 1-Jul-13 View Add Detail Delete Do we still need to put ...
5
votes
1answer
128 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 ...
5
votes
3answers
152 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 ...
5
votes
2answers
115 views

Is it good practice to have a change contrast or higher contrast buttons for users?

Is it good practice to have a change contrast or higher contrast buttons for users? As depending on the vision problem users may need different contrast conditions for comfortable reading. Some sites ...
5
votes
1answer
138 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
2answers
248 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 ...
4
votes
5answers
591 views

Are my thumbs up and thumbs down buttons clear enough for the user? [closed]

They are basically like the the ones you see in Digg. I also thought about using arrows (like in StackExchange sites), but I think people are more used to thumbs these days (due to Youtube, ...
4
votes
4answers
429 views

How would you represent “easy”?

I'm working on an app that requires someone to rate the how they did at recalling an item (to which they are shown the correct answer before they rate the item). The three options are: wrong, right, ...
4
votes
2answers
404 views

Why does the Google +1 button not change to a -1 once clicked?

When you +1 something on Google or Google+, the +1 button becomes red and clicking this red button will remove your +1 in the post. Why was it designed like this? Changing the button color to red ...
4
votes
3answers
168 views

When is it okay to hide actions until triggered by a rollover event?

I'm having a hard time articulating to my team what doesn't sit right with me on this design. Here is one of our prototypes: http://50.56.241.135/prototype/pin/feed_unsubscribe.html For one thing, ...
4
votes
5answers
2k views

social share buttons best position

If you go to any site with content you will have social share buttons. I was wondering where would you consider the best position for social buttons. I saw 3 approaches: bottom of the content page ...
4
votes
2answers
152 views

Symbol for long touch button?

Long touch has become a common input action on touch devices. Does anyone know of any sign or symbol that means "this only responds to long touch?" On all the long touch uses I've seen you have to ...
4
votes
7answers
373 views

Should “Delete” or other critical action buttons be emphasized or de-emphasized?

Should "Delete" buttons or other critical buttons be marked with more emphasis or should actually go unnoticeable? For instance which of these is the best practice when making a "Delete" or perhaps ...
4
votes
4answers
463 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 ...
4
votes
3answers
331 views

When to change wording in an existing system

We're adding to our Wordpress site a forum called simple-press, and are tweaking the UI and the UX a little. One of the things that our designer wants to change is the wording on the submit button on ...
4
votes
3answers
891 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 ...
4
votes
3answers
523 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 ...
4
votes
3answers
808 views

Ideal location for a donate button?

I am working on a website for a non profit and they anticipate the need to have a donate button in the near future.In that context,I was revisiting the site architecture and I was wondering about ...
4
votes
4answers
203 views

Placement of form-related action controls

My partner and I are adding a new feature to our website, specifically one that allows a system administrator to email users of the system directly from an existing 'admin' screen. We are debating the ...
4
votes
4answers
198 views

showing buttons on hover?

Lately I have noticed that a lot of websites are displaying a delete "X" when you hover over that specific panel. I have been thinking whether or not this was very usable for the user because there is ...
4
votes
2answers
363 views

Origin of “big green button”?

I found meme about big green button. When people visit download sites (like software directories, file hosting sites, torrents, etc) after completing reading page title and deciding to download they ...
4
votes
3answers
385 views

Links or button to open a modal window over a datatable

I work in a usability team and in our applications we allways use links to open new pages (navigation), and a buttons to do an action, submit a form, for instance. But now we face a dilema: we have a ...
4
votes
1answer
263 views

how to indicate to click on title for more information

im designing an app and am having trouble indicating to the user to click on the business name('candys' in this case) for more information. clicking shows details like contact details, website etc. ...
4
votes
3answers
221 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 ...
4
votes
3answers
324 views

Assume success and show response immediately or wait for a response from the server?

All over my CMS I have buttons that toggle something on or off by sending an ajax request, updating the db, and then changes state and value of the button on success. Very basic "ajax" and "toggle". ...
4
votes
1answer
191 views

Is there any attempt to standardize a “cancel” action in elevator buttons?

I live in a country where only a few (I've heard of 2 or 3) elevators has the option to toggle back a pressed button in order to cancel the request. Of course, I'm waiting for all elevator buttons ...
4
votes
1answer
299 views

How to make a button look disabled

Hopefully this isn't too specific for here. I have the following button image that I use on my site Here's an example with text: This is rendered using the following CSS: input.borderlessButton ...
4
votes
4answers
399 views

Why electric car windows can be automatic for driver's window and manual for others?

I'm European and I don't understand the logic behind electric car windows commands. In a lot of cars, a driver can fully open the electric window on his side with a single push. But if he wants to ...
4
votes
2answers
1k 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 ...
4
votes
4answers
247 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 ...
4
votes
3answers
712 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 ...
4
votes
3answers
124 views

What cues signal an unchecked state?

The key action on a page is selecting "I'm in" (meaning "I'm committed", which can also be deselected). The logical choice of controls is a checkbox: [ ] I'm in I'd like to give this action ...
4
votes
3answers
317 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 ...
4
votes
4answers
553 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 ...
4
votes
2answers
409 views

Icon based buttons or Color based buttons which is more UI attractive and Friendly

I am seeing websites increasingly switching to color based buttons and interaction elements rather than icon based is this a trend or do they have reasons behind the switch? For example see the ...
4
votes
2answers
534 views

Right amount of padding between buttons in a mobile app

I am designing a mobile app for both ipad and iphone. I have a navigation bar which has several buttons next to each other and an action bar that has several buttons next to each other. Is there a ...
4
votes
1answer
91 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 ?
4
votes
2answers
141 views

Change button for color input modes

I have this SWT widget (color picker) with label: By pressing the star button, color picker field transforms into code field, where you can write code: I am not satisfied with this "star ...
4
votes
2answers
121 views

Evidence of Button-action and Link-action in the same scope?

When I started to know GUI in the early 1990s there were always the same type of control to perform an action of the same type, even though the action was different as in [OK] [Cancel] and [Yes] [No]. ...
4
votes
8answers
665 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
275 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
2answers
133 views

Should we force users into providing feedback before dismissing an action item?

Say we have a list of items which are 'action items', in the sense that each item represents a task for the user. The list is compiled automatically in a way resembling a news-feed - there is some ...
4
votes
1answer
799 views

Is the browser back button still the second most used navigation feature?

In 1999 Jakob Nielsen stated that "the Back button is the lifeline of the Web user and the second-most used navigation feature (after following hypertext links)". But the web has evolved since then, ...
4
votes
2answers
266 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
1answer
951 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
3answers
320 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 ...