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)

17
votes
12answers
877 views

How can you change a poor design without alienating experienced users?

I work for a company that produces a large, 13-year-old web application. Lately, I've taken on the task of trying to get some kind of User Experience guidelines going for the system - something that ...
1
vote
1answer
102 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 ...
1
vote
2answers
162 views

What should be taken into account when designing easily identifiable symbols?

I am currently designing a website with multiple filters. The first set will be Food, Shelter, Energy, Transport and Economy. Each of these will have five sub-sections and then there will be a long ...
3
votes
5answers
1k views

Why do many/most (Android) phones have the power button opposite the volume buttons?

I have just bought a Nexus 5 phone. I love the phone, but like my previous two phones it gives me grief when turning the thing on or off. The problem is that the power button is almost directly ...
1
vote
0answers
34 views

Is it ok to disable the next button until all of the required fields on a wizard form have been completed? [duplicate]

I'm considering disabling the next and done buttons on my wizard until all of the required fields on the corresponding step have been completed. My first thought is that if something shouldn't be ...
21
votes
6answers
945 views

Three state button for a medical chart

I am working on UI design for a new web based medical charting system. The users are used to charting on paper where they circle a symptom if it is present, cross it out if it is absent, and don't ...
10
votes
8answers
910 views

Many buttons on the page, ways to improve?

I have many buttons on the page (see the image below). You can perform an action on every item using these buttons. Is there any ways to improve this? I was thinking a lot, but can't find a good way ...
4
votes
1answer
780 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 ...
58
votes
16answers
7k views

Do you need a search button with a search box?

On websites with a search box, should you add a button they can click on, or will users understand a search box like on this site? The target group is not very technical, such as women aged 40-60.
0
votes
1answer
327 views

Facebook Share Button equal to Twitter Tweet Button [closed]

I made a working Twitter "Tweet" button through: https://about.twitter.com/resources/buttons#tweet (which indeed does appear on my site on localhost) and really need a Facebook "Share" button that ...
1
vote
2answers
145 views

Opposite actions combined in one split button

For the interface I'm working on, users can mark certain rows as "Verified", but they also have the option of marking them "Unverified". To do this, they select several rows by clicking on checkboxes ...
1
vote
2answers
159 views

Convey State or Action? [duplicate]

I'm sure we're all aware now that when we see a greyed-out button, it either means that 1) we cannot click it, or 2) its current state is off - or false. In my application, I have a square, which ...
12
votes
7answers
730 views

Best Practice for a button that performs multiple actions

Consider this scenario: A "Connect" button, which changes to a "Cancel" button when clicked. When the connection succeeds, it changes to a "Disconnect" button. Should this be handled with 3 ...
2
votes
2answers
225 views

Mobile search screen button layout (Search|Reset)

I am contemplating the layout of search page buttons for a mobile app (iOS). The buttons are located at the bottom of a scrollable table view. Here is my current layout: I have been noticing ...
1
vote
2answers
531 views

Home button best practices

I'm building a hosting company, there are buttons on the homepage that links to my main products, example: download bmml source – Wireframes created with Balsamiq Mockups Now, I really ...
3
votes
7answers
734 views

Should I call my button “Unjoin” or “Leave”

I'm creating a web app where people can organise football games, played in the real world (screenshot below to give some context). I'm struggling to choose a good name for the button, which allows ...
1
vote
4answers
482 views

Triple-State (or Multi-State) UI Object (Button)

Any ideas for how to design a multi-state UI "button"? The the states are: Off On, Selected On, Unselected There needs to be a clear interaction difference between a user "Selecting" it and ...
6
votes
4answers
2k 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 ...
0
votes
5answers
448 views

Placement of edit and delete buttons for dynamic table

The application I am working on has dynamic tables that gets longer as the user adds more objects. The user is able to edit the properties of these objects and/or delete them. I'm quite confident of ...
1
vote
1answer
420 views

HTML button Hover effect standards, principles or best practices

Are there any standards, principles or best practices to change the color or effect of a button on hover. Something like : Make it lighter Make it darker Change background and foreground color Add ...
4
votes
7answers
426 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 ...
0
votes
3answers
272 views

Checkbox versus a button when switching between two states on an item

The user needs to be able to activate/deactivate an item in the ui. SPECIFICATION: Display the current state of the item (activated or not) and offer the ability to activate/deactivate it depending ...
1
vote
2answers
120 views

How do i call my buttons to return to a previous screen

For a specific project drawing app, i have a bit of a problem with the terminology of some of the buttons. Namely the buttons to save a drawingboard and to return to the drawingboard 'gallery'. In ...
2
votes
1answer
418 views

What is the reception of flat UI in modern tablet Videogames?

Here's what a typical modern iPad game looks like. There's lots of eye candy in this image, like golden gradient borders, buttons that look like gems, gradients, etc. Icons for weapons are drawn in a ...
4
votes
1answer
131 views

Fixed form button bars

Recently I've been designing complex multi-page forms for financial institutions and up until now they've been designed with a fixed navigation bar at the bottom of the screen, like so: The forms ...
4
votes
4answers
798 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 ...
9
votes
5answers
717 views

How long should a press-and-hold-button action be?

How long should a button need to be pushed in order to indicate "this is a press and hold action rather than a simple press"? E.g., to unlock the OSD of my Dell monitor, I have to Press and hold ...
4
votes
2answers
121 views

Should the comments/discussion slide-in from the side?

I'm implementing something similar to source control (like GitHub for flow charts) where users will have a list of changes that can be submitted. On this review page they can click on a change to see ...
29
votes
14answers
5k views

Should the OK/Cancel buttons be aligned right or centered?

Where should I put the OK/Cancel buttons on my dialogs? At the bottom centered or aligned right? I've seen both and I personally don't care, but I want to create a consistant look across my ...
0
votes
2answers
179 views

To what extent is it sensible to use filter and sort options together?

Working on an e-commerce shopping site, I am observing that the users first sort and then refine their results. Will providing both the options confuse the user?
3
votes
8answers
376 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 ...
2
votes
1answer
165 views

Multiple toggle buttons with initial selection

Facts: Multiple toggling buttons Only one may be selected at a time There is an initial toggled button, which will be changed after a save action Must occupy as less space as possible (i.e. ...
2
votes
1answer
312 views

Where should a UIButton be to add cells to a tableView?

I have a limited amount of space in a new options menu I designed (much like a combination of twitter's scrollViewTexturedBackGround colored table, with notification center's custom headers, and ...
6
votes
2answers
1k 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
1answer
482 views

Color Scheme for an Older Demographic

I have a couple of questions: Is this color scheme too distracting for a senior demographic? Do you think the blue puts enough emphasis on the "buy now" button? Or does is not stand out enough from ...
1
vote
2answers
359 views

A survey of grid box layout user experience design

I'm looking for other ideas to give a grid box (which contain an image with its title) a better user experience, make it easy to use. I think some people can't find out that they should hover and then ...
-1
votes
1answer
77 views

What control is the best to edit Yes/No properties? [closed]

What do you think? I have a little window with one content control. What is the best control to edit a Yes/No value? At the beginning i used a combobox,now a radiobutton. Maybe is a checkbox better? ...
0
votes
1answer
87 views

Should export button use the last query or the next query?

I have a text field where users can enter a query, and a Search button. When the user clicks on the button, it sends the query to the server, which in turn returns data that I fill in a table below ...
1
vote
3answers
115 views

Freezing the UI when doing a synchronous operations

I have a button in the UI which does a critical action (restarting of a server) and thus the latter operation could last for few seconds (10 - 15). Thus, I'm doing the following: Freezing the UI so ...
0
votes
1answer
101 views

Set color for status buttons inside grid

I have to update the buttons for a grid. Currently the ones used are the ones in the skin/light orange color and I am testing different ones. There are 4 buttons: Active Inactive Active long term ...
2
votes
1answer
160 views

How to interpret wcag2.0 guidelines on contrast for buttons and icons

The accessibility guidelines from the W3C offer neat and usable guidelines for creating text that is readable for everyone. There are a number of very useful tools for checking contrast levels, so ...
5
votes
3answers
199 views

Is perpetually animating a button an acceptable method for indicating that it has been activated?

I work alongside a client and another designer. We currently have menus that open via button taps. After tapping the buttons, the client and other designer have decided that said buttons should ...
360
votes
20answers
26k views

Why do people clear the screen multiple times when using a calculator?

I've noticed that most people when using a real or a virtual calculator, they hit the Clear button multiple times when clearing the screen (even though hitting it once is enough), so I started ...
0
votes
3answers
178 views

creating a switch for two options

I have search box, and I want two options for users to search "NEW" or "USED". They will essentially be checkboxes, but I want to know the best way to make these look nice, like buttons (most likely ...
4
votes
2answers
172 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 ...
3
votes
4answers
215 views

Looking for “hard-to-accidently-press” button conventions

I'm working on a phone/tablet app (a musical instrument) whose play mode is full screen. I need a way to open a menu. I don't mind placing a button in one corner of the screen, but I think a normal ...
0
votes
3answers
114 views

Whats the best way to add relevant and short information next to the button to help users go to the next page?

On the website I'm working, users ask very frequently when do they get to do the upload to finish the order. Its a printing business, so users want to upload asap, but we dont want to storage all ...
1
vote
2answers
111 views

Submit button on the inside of the field - Good or Bad?

I was Browsing GoDaddy's website and saw they use their buttons inside their input fields, see for yourself: "Go" buttons, inside of input's frame Live example: http://www.godaddy.com/ Is ...
0
votes
1answer
88 views

Submenu and action combined in one element

We currently have a quick menu in our (web) application which is basicaly vertical list whith icons and names which drops down on demand. Because some options in the list warranted sub-options we ...
3
votes
4answers
190 views

Modals: “Cancel” styled as NOT a button, just a link [duplicate]

I've been working on some modals for an app, and I have done some research into how various confirmation/abort options are presented to the user in the footer of a modal. A user over on Dribbble ...