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
1answer
359 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 ...
2
votes
2answers
600 views

Double-click on toggle buttons

I've witnessed a lot of old people double clicking on hyperlinks and buttons when a single click would suffice. This odd behavior would be troublesome for buttons that toggle a state. Take for example ...
2
votes
5answers
971 views

Select item from a list to be added to another list

I have an application implemented with Java Swing. The main view of the applications is divided in a left side and a right side. The top of the right side contains a SearchField, and a list of search ...
2
votes
2answers
137 views

Is there any use case (except submitting a blurred input) when you can't do without visible SUBMIT button for a form?

I don’t want to waste limited screen space for duplicated elements, so I want to ask: can you imagine a situation when the client demands to see a visible SUBMIT/GO!/OK button that is placed somewhere ...
2
votes
1answer
95 views

Two main functions when using a floating action button

We are designing a complex app with a lot of different pages/views. From all of the pages we want to be able to "Add" stuff that is relevant to the whole instance. Most times this means you add things ...
2
votes
4answers
86 views

Support consistency or primary user journey?

Here's my question. Should a button with an important action such as "Preview" always have the same visual appearance and poisitioning or should it change according to the primary user journey? ...
2
votes
1answer
125 views

Should the 'back to top' button be used when infinite scrolling is implemented?

Infinite scrolling is becoming a popular design choice for many types of websites that focuses on the browsing rather than search behaviour. Does the use of back to the top actually support that ...
2
votes
1answer
91 views

How prominent should the deactivate account function be?

Our app allows users to interact with multiple accounts. When any one account has outlived it's usefulness, it can be deactivated. Although users can still navigate to deactivated accounts, most ...
2
votes
3answers
151 views

Where is the best way to put the buttons? Left or right?

I am creating a panel but im not sure where is the correct place to put my buttons, either in the left or right, been trying to put it on the left but seems okay to look at, but not really sure.
2
votes
1answer
54 views

Better options to show Open and Save option for each file in a list

A list of all input files is shown. User can click ‘Create Output Files’ to create output files for each input file. Now when all output files are created, ‘Create Output Files’ button becomes ...
2
votes
2answers
250 views

Is putting social sharing buttons on of each picture good UX?

I'm working on a redesign for a daily news portal. And there is a huge doubt about using social sharing buttons on every picture of an article, is it good UX or is it too much, because every article ...
2
votes
2answers
268 views

Back button placement on tablets and smartphones

Considering modern tablets and smartphones, why do some manufacturers (for example, Samsung and Lenovo) place back capacitive button on the right side, while the major trend is to place this button on ...
2
votes
3answers
369 views

Is there a standard for the positioning of the elevator control buttons?

I've always wondered why elevator control buttons are found where they are. For example, the following image shows the elevator control buttons positioned on the right side. The way I see it, ...
2
votes
2answers
193 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? ...
2
votes
2answers
185 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 ...
2
votes
1answer
708 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 ...
2
votes
1answer
296 views

What is the best practice for multiple button placement and emphasis?

Usually, we only have 2 buttons at the bottom of a form or a page that requires an action: Submit & Cancel. This one is quite easy to style. However, what if we are dealing with multiple buttons ...
2
votes
2answers
2k views

Placement of 'Cancel/Done/Home'-Button on iPhone modal view

I have a modal view in my iPhone app including a navigation bar with two buttons on the root view controller. A a button to dismiss the screen, also not sure which title to use calling it now the ...
2
votes
4answers
304 views

Clarification on letter case in button text

I'm looking for clarification on the use of letter case. The two examples are: "Duplicate Search" vs "Duplicate search" this is in the context of performing a search of users in order to detect if ...
2
votes
2answers
178 views

What should be the label/name of the button?

I have two sections in a user interface - "Top section" and "Bottom section" "Bottom section" - is a data grid with at least 100 rows x 100 columns. I guess the requirement is that when we change a ...
2
votes
3answers
136 views

Follow button change text after click

im making an app that has a follow button for events. i would like to indicate how many followers there are but have limited room. what are your thoughts on the following: any ideas or suggestions? ...
2
votes
1answer
204 views

Width For Group Of Buttons

We are implementing browser based client, and we are having a little debate reg. setting width of buttons which are grouped together (either just layout wise or both layout and functionality wise). I ...
2
votes
1answer
293 views

Button Names 'Click here' vs 'something else'

We're having internal arguments about how to label buttons with actions. Other folks in the internet teams, who aren't necessarily User-Focused, demanding that 'Action' buttons to simply read "click ...
2
votes
1answer
857 views

iPhone button on screen with table view: last row or outside table?

I have a table view that's showing attributes of a record, very much like Edit Info screen in the iOS Contacts app. Also like that screen, I'd like to show a "Delete Record" button at the bottom. It ...
2
votes
2answers
1k views

Sharing buttons statistics [duplicate]

Possible Duplicate: Are 'share this' buttons really effective? Many websites include 'sharing buttons' (Twitter, Facebook, etc.) on their websites these days. I'm wondering if ...
2
votes
2answers
192 views

QuickBooks UI and (still on) buttons position criteria

My company is redesigning one of its accounting software. Intuit's QuickBooks is something that be considered in the same market field, so I took a look at its UI. Here is the invoice management: ...
2
votes
4answers
144 views

How to prevent users from submitting a form with no changes made

I would like to prevent users from being able to submit a form where the selection hasn't been changed from its original state. Example: In the wireframe above, when the user sees this form, the ...
2
votes
2answers
128 views

Best position for 'Add Contact' button?

Any best practices for positioning the Add Contact button (1) in this screen? Left or Right?
2
votes
1answer
252 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 ...
2
votes
2answers
135 views

Is a mute button necessary in a music application?

I'm building a music player application (like iTunes or Spotify) and the time has come to implement a volume slider. I was going to implement a system of clicking the volume icon to mute/unmute, but ...
2
votes
3answers
236 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
2answers
185 views

Is it considered best practice to have buttonset hover and active to have the same style?

From looking through the web at various buttonset examples, many of them have the hover and the active css style as the same. In other cases its quite different (with Active having a complete ...
2
votes
1answer
137 views

How to get people to click on the G+1 button

I would like my visitors to click on the G+1 Google plus button. What is the best way to achieve that - where should the button be located? Would adding it to the order confirmation page after a ...
2
votes
4answers
749 views

Should button icons enlarge on hover?

Context: I had done the creative for a web application and sent it to the front end developer to take care of. He took the initiative about 1 aspect that I'm unsure about how it effects users. I ...
2
votes
2answers
330 views

public transit bus stop and door buttons

Not directly software related, I wonder about UX design in public transit busses. In Germany, some time ago there was a simple system in public transit busses: If the bus was quite empty, and no one ...
2
votes
1answer
154 views

Send by email button - required or redundant

Is it a good UX practice to use a Send by email button, like the Email icon here http://www.addthis.com/bookmark.php, on a website to send content? The button would pop up a window where you can ...
2
votes
2answers
254 views

Standardizing button naming in a website

I am trying to determine how to name buttons in a global element document: There are two types of scenarios where buttons are used: (1) User submits a request and (2) Approver approves or rejects ...
2
votes
1answer
83 views

How to improve edit options for modules

I'm trying on improving my WordPress plugins UI and make it more intuitive. My plugin offers an editor to create newsletters. They are split into "modules" and every module has up to 6 options. This ...
2
votes
1answer
308 views

What is the use of a play icon with line next to it

We got a few general music player icons for playing and manipulating playlists. > = play tune >> = hold to move backwards in tune (or skip to next tune) << = hold to move forward in ...
2
votes
6answers
258 views

Placement/order of buttons

I'm designing a form that will be used for posting an advertisement. The form will include the following buttons in its bottom section: Reset Preview Update I need advice regarding the ordering ...
2
votes
1answer
94 views

Sending a Search Form on mobile - keypad and / or call to action button

say you have a modal view with a simple form and a cancel-option. as soon as the user selects a field the keypad shows up and usually provides a "Send" or "Search" Button to send the form. is it ok ...
2
votes
3answers
256 views

Buttons for showing None, Some or All of list

I have a set of list headings eg. List One (24) List Two (34) etc. and I want to start with them collapsed, but allow the user to view the first 10, or expand to view all. So, I have setup so the ...
2
votes
2answers
190 views

Two buttons next to each other in a mobile navbar

I have a UX issue which would be simpler to solve if I had to buttons next to each other in the navbar for a mobile device. In the images below I'm referring to the buttons marked 1 and 2. 2 Will in ...
2
votes
1answer
273 views

Choosing between state and action on video chrome controls

I realize that the question of deciding whether to make a button show its state versus show its action has already been asked. Some of the answers were to make the interface more verbose or add ...
2
votes
2answers
2k views

Are there other options of enabling an irregular shaped clickable area on a web page other than image maps? [closed]

We have some irregular shaped areas...imagine a map of the states of the US. Imagine also that inside each state there is a rectangular region that contains graphics and text. We want to make each of ...
2
votes
1answer
194 views

Can we use ghost button as drop down button?

Do we have any standard for using ghost buttons? I know basic details on when to use ghost buttons but more detailed explanation will help Can we use ghost button as well as solid button on same page? ...
2
votes
1answer
190 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? ...
2
votes
3answers
127 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 ...
2
votes
4answers
79 views

What's a good icon to represent testing? [closed]

Looking for an icon that could represent "click here for significance testing" I have seen scales, bell curves, etc. Looking for other ideas and/or graphic sources.
2
votes
1answer
734 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 ...