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

Best principle to place button in alert dialog [duplicate]

For all alert dialogs with one or more buttons, which would be the best practice to place the buttons? Align left? Align right? Align Center? Please describe your reason for your choice! :) Tks!!
0
votes
4answers
350 views

Prefer buttons over text links when designing for mobile?

When designing for mobile, should one prefer buttons over text links whenever possible? I'm guessing buttons are better at encouraging tapping, whereas text links are increasingly becoming associated ...
14
votes
6answers
2k views

When to use the Back button vs. Cancel/Done on iPhone

I noticed that in some cases Apple uses Cancel / Done buttons, and in others there's only the the Back button. In Calendar, for example, when you choose how often an event should repeat, you have ...
5
votes
4answers
279 views

Adding a state to a control that indicates a row hasn't been saved yet

I'm working on a web application that users use to approve a bunch of items from a list. Imagine, say, an expense report that someone has to approve every item that's listed. Currently, the system ...
2
votes
4answers
296 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 ...
36
votes
2answers
3k views

What rules does Google use to make a button gray, blue, or red on their sites?

This has been an elusive topic, and I haven't yet been able to form my own conclusion about what Google's reasoning is to make a given button blue, red, or gray, given their latest design ethos. Take ...
2
votes
5answers
288 views

Should a form's style be left to the browser?

Instead of using CSS resets, I use Normalize.css, and I usually style an HTML form's containing elements such as input, label, textarea, etc. to the fullest extent. To make sure that the form's design ...
4
votes
2answers
167 views

Evidence of Button-action and Link-action in the same scope?

When I started to know GUI in the early 1990s there were always the same type of control to perform an action of the same type, even though the action was different as in [OK] [Cancel] and [Yes] [No]. ...
3
votes
1answer
136 views

Equal Opportunities Button

I'm currently designing a form at the end of an application process to ask potential candidates to complete an Equal Opportunities form. (We are required by law to provide this) However I'm trying to ...
2
votes
2answers
185 views

Sort by recent / popular: Use tabs or buttons?

I need to sort my content by recent and most popular. I see Reddit uses tabs, but unfortunately tabs won't fit into my layout. Would I be breaking any UX principles by using buttons? This question ...
3
votes
3answers
239 views

Should tags be buttons or links?

Are there any guidelines on how tags should ideally look like? Are they links, buttons, or visual "tags" with a link? I personally find tags that mimic a physical tag or strip of tape appealing, but ...
4
votes
1answer
233 views

How does a 3d shading impact circular button use?

I recently ran across a circular smiley icon with lambertian shading, specular shading, and cast shadows. The effect was a little like a ball on a table. Here it is: Clicking the icon toggled an ...
0
votes
2answers
205 views

Is it ok to make non-unlikable like button? [closed]

Is it OK with facebook policies to make a "like" button that will disappear for user when he use it? If not - is there some other button that can be placed in other site (not on facebook) that will ...
7
votes
3answers
1k views

exclusive select in a table: radio button, rowclick, text only, text and icon, or icon?

If you have a table where each row can be selected, and you are only allowed to select one row at a time, and selecting a row causes a drill-down table to appear to the side, how would you render ...
10
votes
8answers
650 views

How can I distinguish two different types of buttons, without using labels everywhere?

I'm developing an application to count traffic at intersections. There will be two different types of buttons: one to count trucks ("lkw" is the german abbreviation for a truck) one to count cars ...
5
votes
4answers
395 views

Disabled buttons while long running task

My application has a toolbar and a lot of buttons on it. Some buttons start a long running processes(tasks). At this moment every task executes asynchronously to allow user to do something else while ...
5
votes
1answer
402 views

Price plan table with multiple payment options

I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
3
votes
3answers
185 views

How Can Buttons Be Used Even When Lightboxes Are Activated?

We have a Help button in the header of our product, directly next to the Log Out button. We also have modal lightboxes that, when activated, grey-out the buttons in the header, even though they are ...
2
votes
4answers
180 views

Better label for this menu button

On this page, at the top, is a row of menu buttons. The leftmost of these buttons: carries the label "table config." Under the button, the user can (1) change the font size and spacing of rows and ...
9
votes
6answers
3k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
5
votes
2answers
388 views

Where to put a global “add item” button?

We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
15
votes
3answers
1k views

What's the common name for this button?

I'm trying to find out what is the way to call this kind of button: To be precise, I'm talking about a button which acts like a regular one for most of its area, but has also a "more" area, ...
9
votes
6answers
491 views

Should I style my buttons?

Are there any major advantages / disadvantages in styling ones buttons like Facebook, Twitter and StackExchange - vs. not styling them like Craigslist and 4chan?
6
votes
3answers
439 views

Web Based Portal Dashboard - the age old button vs link

I'm very aware and in agreement with the buttons for actions and links for navigation practice but I have come stuck on this design. It is an internal company portal, and this is the dashboard for ...
4
votes
3answers
770 views

Links or button to open a modal window over a datatable

I work in a usability team and in our applications we allways use links to open new pages (navigation), and a buttons to do an action, submit a form, for instance. But now we face a dilema: we have a ...
2
votes
3answers
171 views

Making buttons easier to read

Sometime ago I found an article about making buttons, or what is written on the buttons more readable. Not so much by design but by what was written on them. For example. Not so good ...
51
votes
9answers
11k views

Should a button become lighter or darker on hover?

We're having a discussion in the office about whether a button should become lighter or darker when a user hovers over it. Here are some examples from the field: Apple "Buy Now" button (Second is ...
16
votes
5answers
3k views

Are Flat Buttons Unusable?

What is your experience with the usability of flat buttons? The common critique against those buttons is that people can't distinguish them, and they only look like headlines with a background. But ...
9
votes
5answers
357 views

Is consistent button positioning more important than having large buttons?

In our kiosk app, the buttons to proceed are placed on the right of each screen. In one of our input screens, the designer doesn't have enough space to place the button on the right while keeping the ...
5
votes
3answers
1k views

Alternative way to display too many buttons

I'm working with a user who wants to have everything at a push of the button. When viewing a record, he wants big buttons across the top of the screen to return to the search, return to the search ...
8
votes
4answers
321 views

Actionable form element size

I am not a UI designer by any means. I have noticed in the last year or two that important buttons/links...etc on many websites now have very big click zones. I must say that I appreciate it, as ...
7
votes
2answers
1k views

What are the rules of using ellipsis on buttons

I read about the rules of using ellipsis (three dots ...) in a menu command: Indicate a command that needs additional information (including a confirmation) by adding an ellipsis at the end of ...
5
votes
4answers
1k views

Placement of Buttons in Touch Screen Scenario

I am working on a Mobile Application primarily for Android Platform. The Application will have a lot of screens which will take user input and we need to have a save and cancel button for them. ...
3
votes
3answers
803 views

Is that Microphone or a Reset Button?

Have you ever poked a microphone thinking that is was a reset/eject button (the kind that require a paper clip to be used)? Why have companies (apparently) completely overlooked the need for a label? ...
2
votes
2answers
177 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
2answers
210 views

What design should I use to represent multi-touch video controls?

I am creating app for multitouch devices which has big screen (22 inches and more). It would be application for presenting content (mainly video content) to people who would be passed through the room ...
7
votes
2answers
482 views

What is the name of the button that lead to a login and register page (one page)?

I have a page that serve both login and register. I put the two form side by side (login form to the left, register form to the right). In menu header, there would normally be button that lead to ...
-3
votes
1answer
191 views

An alternative to the Feedback side tab/peeking tab [closed]

I am trying to build a feedback widget similar to UserVoice or Get Satisfaction for my site. However, I do not want to use that same side tab button opener that they use. I am trying to think of ...
0
votes
3answers
526 views

Form validation and 'Save' button color

I'm displaying input validations on my form with a (!) (a white exclamation sign inside a red circle). Is it ok to make the Save button red (not as violently red as the circle, but some soft red ...
2
votes
3answers
2k views

Fixed Feedback button on the side of LEFT or RIGHT side of the window?

My start up [WEBSITE] is going to be launching in private beta soon and we're trying to decide where our feedback button/tab should go. We've looked at how UserVoice does theirs (bottom right) and ...
2
votes
3answers
2k views

A keyboard for developers? [closed]

Being a software developer, the keyboard is the most important tool to interact with the computer. Thus, the layout and placement of buttons is very essential. Especially the grouping of the ...
12
votes
6answers
807 views

Can I use “Prev” instead of “Previous” on a button?

We use Next/Previous buttons as controls in our image gallery. I'm in the process of implementing responsive design, so there is a limited amount of space that I can be used for these buttons. I'm ...
6
votes
3answers
487 views

How should I resolve the issue of smaller tappable area due to smaller buttons on iPad mini?

Now that iPad mini has been released, is there anything an UI designer needs to look out for? I understand that the resolution and screen ratio remains the same, and I've been hearing that no change ...
3
votes
3answers
1k views

Do users use Home or Back button to minimize their Android app?

I want to know if there's resarch on to what extent users use the Home button or the Back button when they want to minimize the app. I am very well aware that the "correct" way is to use the Home ...
3
votes
2answers
222 views

Why don't applications explain reason for greyed-out icons/menu options? [duplicate]

Possible Duplicate: Don’t hide or disable menu items? I think applications should explain why an option of clickable icon is greyed-out i.e. not selectable or not active. For example a ...
5
votes
3answers
347 views

When to include an Apply button?

In a dialogue box, when do you use an Apply button? Is it correct to assume that the Apply button will only save the changes without closing the dialogue? Does it represent an advantage? Why is ...
3
votes
1answer
274 views

One button or two for sign up and log in?

What do you think? Should sign up and log in links be split into two buttons or is it OK to have them in one? N.B.: sign up form and log in form are on the same page. Thx, Alex
3
votes
4answers
384 views

Testing OK/Cancel buttons

Related: OK/Cancel on left/right? I have been looking in to whether OK/Cancel should be on left or right, and after looking at lots of views on each side it seems there are good reasons for both. I ...
3
votes
2answers
178 views

Buttons replacing a link for a consistent style

In general, I use buttons for ajax calls that update the UI but am thinking whether a button is a good metaphor for links also. I am using Twitter Bootstrap. Not a designer by trade and would like any ...
3
votes
2answers
94 views

Tooltip Verbage: “This will prevent changes” vs “Currently allowing changes”

I have a series of inputs used to allocate a large budget into smaller groups. Once a group is changed, the rest would auto-complete with the remaining budget percentage. We would like to be able to ...