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
197 views

Position of file delete button

I am designing an android application showing a list of files and folders, something like dropbox or google drive. My question is; when a file is selected should the delete option with share and tag ...
2
votes
2answers
142 views

Wording for coach-marks pages

Example of coach-marks: While the coach-marks mode is active, what's the clearest way to inform the user that there are more pages with more detailed information? an arrow A button (more, next, ...
2
votes
1answer
145 views

Buttons in the “tab area” of a page control

Is it OK to put buttons (or a toolbar) in the "tab area" of a page control? In the example above, the number of tabs is fixed. The rationale behind this is to "save space". However. It "feels" ...
2
votes
2answers
133 views

“Revert to Default” UI element

In the settings dialog of our Windows desktop application, the user can type or select a certain (template) file. If nothing is specified, the application falls back to the default. This is indicated ...
2
votes
3answers
358 views

Is there any reason to use buttonsets over radio buttons / dropdown pickers?

In more websites I see, when there are small number of choices, people using button sets instead of a list of regular radio buttons. and dropdown pickers. Is there any reason for this trend? ...
2
votes
3answers
138 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 ...
2
votes
3answers
541 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: ...
2
votes
2answers
1k views

Save & Add New, Save & Close, Save, Done, Cancel

This is something I've been struggling with, because there seems to be a lack of standard for it (as far as I can tell). There are two scenarios. Save & Close and Save & Add New We are ...
2
votes
3answers
282 views

How should 'Quit', 'Save Draft', and 'Continue' be positioned on mobile web?

Note: Due to the constraints of this project, I can only touch the CSS. Basically, we're being hacky and styling this desktop site so that it's halfway usable on mobile. I'm working on a web app ...
2
votes
2answers
140 views

Hiding less used buttons on Android

This is the workflow I am addressing and I'm looking for some feedback on the approach. A user can perform the following functions: Add Allergy (takes user to a form to fill out the details and ...
2
votes
3answers
355 views

iOS navigation bar buttons design considerations

I have some questions regarding the buttons placed in a navigation bar that I don't know if actually meet the iOS Human Interface Guidelines: 1) I'll need a button at the right side of the nav bar ...
2
votes
2answers
190 views

Social rating tool

I'm thinking of adding a like/favourite feature on my project but I'm currently finding it hard to choose a suitable social rating tool. I've spent days trying to think of an innovative rating tool, ...
2
votes
2answers
170 views

Should a flash message be used for toggle buttons that perform actions immediately?

I have a simple interface for managing a user's account in a web app. Clicking each button in the interface performs the action immediately: download bmml source – Wireframes created with ...
2
votes
4answers
434 views

Need a way to position a “change” and “delete” button

I am currently working on an interface for administrators to edit user profiles. Due to space constraints, I am unsure as to what's the best way to position the "Change Picture" and "Delete Picture" ...
2
votes
1answer
217 views

Best placement for “ultimate” page actions

I'm designing an interface for a financial company and am not crazy about the placement of our buttons in some of our wireframes. Essentially, the links in the left sidebar are for "smaller" ...
2
votes
1answer
316 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
374 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
5answers
1k 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
83 views

Is it better practice to put a negative button on the left and positive button on the right? [duplicate]

I have a newsletter that includes a question at the end. I created two buttons. One is YES (the one I want people to click) and the other one is NO. I put the two buttons side to side and I'm not ...
2
votes
2answers
154 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
141 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
100 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
154 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
98 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
181 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
59 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
142 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
2answers
254 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
297 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
425 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
201 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
186 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
821 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
317 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
321 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
182 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
147 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
216 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
886 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
198 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
1answer
36 views

What is a good flow for selecting an item from a list and populating some fields in a pane with the item info

I have a tree of items in a left nav and a main content pane to the right. Users should be able to select an item from the tree and populate fields on the right with complicated info (long paths, ...
2
votes
2answers
122 views

Best practices for a map on a contact page

A lot of contact pages have a Google map on it with the map centered and a marker on the company HQ. I would consider this a good thing but I have several doubts regarding UX. What is considered a ...
2
votes
4answers
209 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
297 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
350 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
145 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
244 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
202 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 ...