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)

2
votes
2answers
162 views

Change Password Button Alignment - Left / Aligned to input cell / Right? Why?

We are designing a Change password box in our web app. This is part of the "Account page" - not in a dialog. Where does it feel the most natural to place the "Change Password" button in this case? ...
1
vote
1answer
122 views

Where to use the default cursor and pointer cursor in button and label?

In google drive i found some buttons and labels are found to be inconsistent in cursors. Are there commonly accepted conventions as to default cursors and pointer cursors in web and desktop ...
7
votes
3answers
531 views

Two options, how to softly steer people in the preferred one

When you want to softly steer people into an option, do you place the preferred button left or right to the other one? More Details Specifically it is about registering with a Facebook account, or ...
2
votes
3answers
111 views

Task Feedback Screen - Multiple Choice

I'm designing a feedback screen for a task management system. I require the user to tell the system if they have completed the task or not: If they have completed the task the "How did you find the ...
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:
1
vote
3answers
242 views

Where do I keep the download button on a website?

I have developed a promotional website for an iOS application. The introductory view of the page contains - aside from a short description and screenshots - an official AppStore badge, which will link ...
0
votes
5answers
223 views

Correct use of Ribbons in Windows program

I need some advice on the correct use of Ribbons in desktop applications. The program I'm working on is for a clinic, I have done a simple mockup below to make it easier to visualize. My client wants ...
2
votes
3answers
398 views

Mobile menu button partially hidden or fully displayed?

rSo what are your thoughts on partially hidden menu buttons? More and more I seem to find this: replacing this: My opinion: PROS: eye-catching hints that menu is hidden on the left CONS: ...
5
votes
1answer
277 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 ...
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 ...
1
vote
1answer
138 views

Button Styling to Indicate Severity of Action?

I am designing a multi-page form for creating course proposals at a university. Once the record for the proposal is created, the user has a variety of different options for what to do for the ...
1
vote
2answers
171 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 ...
18
votes
12answers
905 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 ...
13
votes
6answers
720 views

Should words in buttons or titles start with a capital? [duplicate]

I am currently in the process of creating an iOS application, and I was wondering about capitalization of buttons and titles. For example, should a button say "Add Post" or "Add post". If I look at ...
1
vote
0answers
35 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 ...
5
votes
1answer
1k 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 ...
21
votes
6answers
1k 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 ...
0
votes
1answer
332 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 ...
3
votes
5answers
2k 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
2answers
159 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 ...
0
votes
1answer
186 views

Float button position

I have a register form where the user can select the type of registration, for example, 'Solo Artist' and 'Band', when the user select one of them the register form is loaded ('Register' button is at ...
1
vote
2answers
166 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 ...
2
votes
2answers
234 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
1answer
504 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 ...
0
votes
5answers
569 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 ...
3
votes
7answers
738 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 ...
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 ...
1
vote
3answers
331 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
122 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
492 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
142 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
1k 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
126 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 ...
2
votes
1answer
183 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. ...
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 ...
-1
votes
1answer
87 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? ...
10
votes
8answers
946 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 ...
0
votes
1answer
89 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 ...
0
votes
1answer
110 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 ...
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 ...
1
vote
2answers
543 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 ...
5
votes
3answers
228 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 ...
1
vote
2answers
375 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 ...
4
votes
2answers
178 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
226 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
118 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
112 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
99 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
200 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 ...
0
votes
1answer
133 views

What is the best order for several buttons at the foot of a modal?

I have a multipage modal I am creating. So I have Previous, Next, and Cancel buttons. In addition, since their are many steps, some of which could be blockers, I am giving the user to ability to save ...