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)

11
votes
3answers
724 views

Original design choice of back and forward directions?

There are numerous of evidence around us where forward and backward directions are predetermined. As if they are a conscious choice we all know. At least this in true in left-to-right reading ...
7
votes
3answers
263 views

Similar buttons for very different actions in Gmail

I noticed that Gmail's conversation interface has a bent arrow icon for back-to-inbox and a very similar button for reply. Below is an image of the interface with the two buttons highlighted in ...
2
votes
1answer
226 views

What is a standard Visual design effect to indicate default button?

What is an example of a standard (easily recognized) visual effect to indicate which button is the default ("if in doubt, click this"). In my application, the buttons are in a column (necessary b/c ...
36
votes
6answers
43k views

Default cursor on mouse over of a button is not a hand pointer

Why is the default cursor an arrow when you hover over an HTML <button>? I always thought that arrows let you select stuff, but hands let you execute an action. Since buttons execute actions, ...
1
vote
7answers
248 views

Search - Two Buttons

I'm working on a site that needs to have the ability to search News (within the portal) and the entire web. This is an option that my colleague came up with. It doesn't seem right to have two buttons ...
1
vote
3answers
123 views

How can I decide whether to use a button or a hyperlink? [duplicate]

I have web page that shows the detail information for a parcel of land. You can do the following things from the page. I included an image with the current setup. return to results show an ...
20
votes
5answers
1k views

Toggle Buttons “Turn On” vs “Enable” [duplicate]

For about a year now, we've used toggle buttons on a couple of segments of our site. We try to be very consistent in our user interfaces, always using the same blue button styles for every clickable ...
3
votes
3answers
289 views

How to display multiple options for settings page using icons?

Question For a mobile app, how should we display multiple options (say, 20 options are available) in a settings page using icons? Example: Fig.1: All Options in One Screen Activity. All ...
16
votes
7answers
1k views

What's a better label for the traditional “Browse…” button for selecting files to upload?

I've been working on an advanced file uploader, complete with folders and animated progress bars, and wanted to improve the vague "browse" button generally used for launching a file selector window. ...
10
votes
5answers
844 views

Will removing the border & bevel on these buttons make them look un-buttonlike?

First: I'm not a designer by trade, but I do occasionally do design some things. A week ago I began writing an open-source, extremely small (960 bytes gzipped/minified!) CSS framework. Since then ...
2
votes
3answers
111 views

Dialog Button Orientation

I'm sorry if this has been discussed before, I spent about 5 minutes searching to find a topic on this, but was unable to. I've been trying to come up with a standard for my application dialog ...
1
vote
1answer
128 views

What text to include on “Next” buttons?

I have several forms spanning a few pages. What should I ideally put on the "Next" buttons after one page form has been filled-out? For instance, my page 1 form is "Describe Book" and the next page ...
5
votes
2answers
241 views

Arrow-border vs open-border for currently selected item in a vertical menu

Arrow border: Open border: Which gives a better user experience, and why?
1
vote
4answers
113 views

How do I label a button that exposes a “code behind” editor?

Background I'm building an editor where the user interacts with a graphical representation of the data. This data is actually generated from a script which the user may expose and edit (the "code ...
5
votes
2answers
3k 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 ...
2
votes
1answer
190 views

Would a shake-to-scroll-to-the-top scroll view annoy users?

I have a very functional and minimal application where I try to maintain functionality and screen real estate at the same time. My scroll view takes up the whole screen and I would like it to stay ...
3
votes
1answer
109 views

Edit button inside apps

I am working on an iPad app that will allow the user to edit content available on a shortlist (the left-hand side of the screen). The Edit option, however, will be available from the right hand-side ...
7
votes
5answers
1k views

Why are icons on mobile phone menu screens square or rectangular but not circular?

If you take a look at the app page of any mobile OS, for example iOS, Android, Ubuntu, Win8, BADA, etc., they all have square icons, either with rounded corner or sharp corners (shown in the first ...
4
votes
2answers
1k views

Form design and placement of action buttons

This question involves a data entry form in a web application. The form will be used in a desktop environment only; there's no need to account for mobile. A single user of this web app could be ...
9
votes
5answers
226 views

Should we prioritize use or linguistic?

I've been working on a project, and I found an interesting dilemma. The application I'm working on has this filter, let's say something like this: By default, none of the "options" are selected, ...
2
votes
5answers
2k views

Best placement for a “Go Back” button: top or bottom?

I know that it is bad practice to use a "Go Back" button (since the browser has such a function) but when it can't be avoided for some reason, is it better to put it on top (similar to how the back ...
8
votes
4answers
611 views
2
votes
1answer
805 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 ...
1
vote
5answers
103 views

What could be a single term (for use in a website) to refer to a community that encompasses students groups, academic institutes & recruiters?

I need a simple term that I could use in website's main navigation bar to refer to community encompassing academic groups, academic institutes & recruiters. The target page is supposed to contain ...
14
votes
6answers
964 views

With 'OK' button, 'Cancel' should appear as secondary button or link?

When I make web application designs, every time I style form or overlay boxes with OK and Cancel button. I think of making them different. But is it a good practice? Some people recommend primary and ...
8
votes
3answers
700 views

Design recommendation for a button

I have a form in which the user requests a report to the system by clicking the Send Report Request button. The system then produces scheduled reports according to the interval the user selected ...
2
votes
2answers
195 views

Less noisy cell buttons on a table

I have table where almost all of its cells are a button that works independently. When I add a 3D button-like design to each cell, the table becomes a large chunk filled with buttons and looks a ...
3
votes
3answers
800 views

Is there a need for save/cancel buttons in iOS app?

I am developing an investment property evaluator app that allows the user to record information about a potential investment property and evaluates the property based on certain metrics. It uses drill ...
2
votes
2answers
193 views

What examples are there for grouping multiple site tools under one button or dropdown?

We're considering moving links to all our site tools under one button. Clicking the button would open a modal exposing links to these tools. The button would be in the header and be available on all ...
10
votes
5answers
868 views

Replace radio-input with “buttons”? (web forms)

Is it good (or okay) UX to replace radio input fields with something that looks kinda different (please look at the image to see what I mean). I think most people will understand that they have to ...
10
votes
4answers
393 views

de-emphasizing cancel

Is it a good idea to de-emphasize the cancel button? download bmml source – Wireframes created with Balsamiq Mockups vs. download bmml source
3
votes
3answers
682 views

Should I use customized social buttons

I am facing a cornelian choice. Should I use custom social sharing buttons for UI consistency or should I keep them original for better recognition ?
1
vote
1answer
949 views

Navigation bar and buttons considerations for iOS

I have some questions regarding navigation bars and their usage in iOS apps, both from the point of view of UX and Apple´s submission and human interface guidelines: 1) Since the iOS Human Interface ...
5
votes
3answers
555 views

Is it a good practice to include a feedback button?

Is it a good practice to include a feedback button on the side of the website? or how do you recommend to get feedback from users at a initial phase of a project?
4
votes
4answers
264 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 ...
5
votes
2answers
207 views

Is there a better label for the “OK” button in message boxes with just one button?

Having read "Should I use Yes/No or Ok/Cancel on my message box?", I do understand that message boxes with two or more buttons should use verbs instead of e.g. Yes and No. To further improve the user ...
5
votes
2answers
118 views

What call to action to use on a button that sends an e-mail with order details?

On a website you can use your e-mail address to view your current order status. No personal identifiable information is displayed. However, you can let the website resend the full order confirmation ...
4
votes
2answers
169 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 ...
5
votes
1answer
155 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 ...
32
votes
4answers
2k views

Where should the GUI light source come from?

I know that historically the light source on GUIs is in the upper left, casting a shadow on the bottom-right of buttons and the upper left of fields. Now, I see some places (like Apple) use a top ...
4
votes
2answers
791 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 ...
26
votes
7answers
1k views

How to phrase button labels?

How should I phrase the following button labels: "Import image" or "Import an image"? "Create app" or "Create an app"? "Add description" or "Add a description"? If you could also supply the ...
1
vote
1answer
275 views

Difference in Button Placement in Gmail Inbox and Spam Folders = Bad UX? [closed]

Like most people, I spend more time in my Gmail Inbox than I do in my Spam folder. But when I do check out my spam folder, I always make the mistake of marking a message as 'not spam' instead of ...
7
votes
3answers
282 views

When Back Button is Expected but Not Supported, The Least Invasive User Assistance?

Problem: I have a situation where in a browser-based web application the back button (and backspace key for that matter) cannot be supported or used. If it is used, the results can be unpredictable in ...
5
votes
1answer
153 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 ...
6
votes
7answers
2k views

Red buttons in an e-commerce site?

I'm designing an e-commerce site with red buttons. It has a yellow/white background and it looks quite good that way. Now, my boss finds the same, he likes it, but he is doubtful, because red could ...
7
votes
4answers
258 views

Where to place controls on a tree/list

I have a chronological list of items. The user can operate on these items with three actions. So each row has three actions (or buttons for example). My dilemma is thus: Having three buttons on ...
8
votes
4answers
6k views

Why did Google opt-out of hardware buttons for Nexus devices?

Are there any real UX reasons to remove hardware buttons from Android Nexus devices? In above Nexus 4 the bottom part is wasted space - won't adding buttons like menu/back/home make it more ...
23
votes
6answers
2k views

Buttons instead of radio buttons or a dropdown

In a recent project of ours I am tasked with creating an interface that solves the same problem as radio buttons or a dropdown menu would, but using buttons instead. It approximately looks like this: ...
5
votes
4answers
669 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 ...