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)

6
votes
6answers
626 views

Is it worth using '>>' or similar marks on buttons?

I'm preparing wireframes for a huge company, and wondering if I should use '>>' or simply '>' on buttons for emphasis! (if yes which?) What do you think? Or do you have any other idea, how to ...
11
votes
8answers
313 views

A button with a link: understandable or confusing?

I'm working on a design of a touchscreen version of some web application. Since it's a touchscreen I would like all clickable elements to be rather big and easy to tap (it's a simple kiosk, so ...
7
votes
2answers
192 views

Presenting options in tools where users can have two (or more) different roles

Applications where clients & contractors actions (such as odesk and elance) are displayed in the same dashboard can get confusing. These sites sometimes overcome this by stating: Click here ...
1
vote
2answers
279 views

iPad specific button UX question (rating/feedback interaction system)

TL;DR : how would you design better buttons than my 5 buttons for "I disagree" / Neutral / "I agree" feedback ? I am doing an iPad application used by participants of an event during a presentation, ...
2
votes
3answers
126 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? ...
10
votes
2answers
953 views

Inactive State of buttons, to hide or not to hide…that is the question

On a windows based LOB application for data capturing. Is it better to hide a button completely when it is inactive, or simply show a disabled state for the button.
5
votes
1answer
294 views

how to indicate to click on title for more information

im designing an app and am having trouble indicating to the user to click on the business name('candys' in this case) for more information. clicking shows details like contact details, website etc. ...
7
votes
4answers
569 views

How do you show non-affordance?

There is a tendency to use badges or status images to show information, but very often these badges look like other items which you interact with, such as buttons. There is a lot of information on ...
4
votes
3answers
127 views

What cues signal an unchecked state?

The key action on a page is selecting "I'm in" (meaning "I'm committed", which can also be deselected). The logical choice of controls is a checkbox: [ ] I'm in I'd like to give this action ...
2
votes
2answers
154 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 ...
10
votes
2answers
407 views

Proper term for conjoined choice buttons

I'm thinking of using a set of "conjoined choice buttons" to let the user filter a table of highscores. It would look sort of like this: _______________________________ ( ##EVERYONE##| FRIENDS | ...
16
votes
5answers
806 views

Why do most dashboards use capital words?

Most car manufacturers seem to use ALL CAPS for the interiors's buttons and switches, at least when they are not using symbols. Example: They even use capitals for things that are not even ...
3
votes
2answers
290 views

Confirmation styles: Dialog window vs. two stage/dropdown buttons

To better illustrate my question, here's a quick example. When the user is attempting an action that would typically require some sort of confirmation (such as deleting a record) would it be ...
3
votes
1answer
126 views

Is a layout with '3D' elements easier to parse?

Contemporary web applications favor designs that make heavy use of shadows and gradients to create the effect of 3D elements. One justification for this practice is that 3D effects can be used to ...
1
vote
1answer
369 views

What toggle button should represent - state or action? [duplicate]

Possible Duplicate: Should a toggle button show its current state or the state to which it will change? I know there was similar question to mine already, but I have something new to ask. I ...
5
votes
3answers
305 views

A button with choices

I have list of buttons that can be pressed or unpressed individually (like checkbox functionality). Some of the buttons can also have some attributes (+ or -), but it's uncommon to select those ...
26
votes
10answers
14k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
2
votes
2answers
543 views

Action buttons placement related to data tables

Background Over the course of the last few months on common element shared between a large number of internal development teams, is the need to provide functionality on a data table. Once of the ...
-2
votes
1answer
452 views

Placement of Previous and Next Buttons? [duplicate]

Possible Duplicate: Button order Save | Save and next | Cancel | Previous I have a Form widget with Five Step. Steps 2-3-4 having previous and next and cancel button. Step 1 having next and ...
2
votes
2answers
85 views

How should I label a button which submits a form to start planning an event?

I have a simple form asking for this basic information: title, location, date, description, your name, invitees When the button is clicked the event is created and invite emails go out to all the ...
7
votes
5answers
373 views

Is it time to reevaluate what keys keyboards should have?

I just got my Google I/O Chromebook and one of the most interesting things about the keyboard layout is that certain keys have been replaced by Google with new ones that are more relevant for an ...
8
votes
5answers
729 views

“Clear all” button history

Has anybody ever used "Clear All" button on the page? Maybe someone know the history of this "magic" UI component. I opened my eyes after this answer.
3
votes
4answers
355 views

Designing a timer widget: separate start/stop buttons or only one button with changing text “start” or “stop”

I'm programming an application to measure time intervals. The application contains several timers on one screen. Only one of these timers can run at once. My initial design has a start button and a ...
1
vote
1answer
259 views

Should you have rollover on a button?

download bmml source – Wireframes created with Balsamiq Mockups This particular product has a couple of buttons. When you rollover them they pop up megamenus from which you can make ...
5
votes
2answers
222 views

How to layout buttons/bars alongside a dynamically sized table?

I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9. Along with this I ...
6
votes
3answers
720 views

Multiple primary actions

I'm designing a modal popup which consists of a form where the user can fill a textarea with a comment, and a set of buttons that represent the primary and secondary actions the user can take. A ...
6
votes
4answers
845 views

Best position for collapse indicator on collapsible content

What is the convention/standard/best-practice for the placement of a collapse/expand button/indicator on collapsible content? I've seen many examples of the placement on the left (left of title in ...
4
votes
2answers
294 views

One button or two?

I've got a web app where users can create two different kinds of similar things and I'm trying to decide whether to have two buttons, or one button and then present a choice as part of the resulting ...
0
votes
2answers
230 views

iPad cancel button in multiple line fields

I have a text field that starts out as one line and can sometimes expand to multiple lines. When it's one line I'd like to have a cancel button in it like this: (Enter text here X), but I'm not ...
0
votes
3answers
201 views

good reason/guideline/heuristic/principle, according to GUI design pattern, to align maximise, minimise and close button on the left side in Ubuntu

Since Ubuntu 10.04 (and maybe some other Linux versions), we sometimes see the maximize, minimize and close buttons on the: left side: and sometimes on the right side: . So, can someone explain ...
12
votes
8answers
2k views

Which is a good color for a pause button?

We have an application with a built-in stopwatch. If the stopwatch is running the pause button is shown and if it is stopped the play button is shown. Currently the stopwatch itself as well as the ...
1
vote
3answers
247 views

Should I use a close button or use toggle for a button?

I have a mobile website, which shows entries by a user. The entries' style is similar to that of twitter entries or facebook entries. So along with each entries, if the user had entered some comments, ...
5
votes
2answers
299 views

Form creation application: how to differentiate the “save form” button from the “submit button” in the form

I have a web application for creating forms. Currently, the create form interface looks like so: download bmml source – Wireframes created with Balsamiq Mockups The interface is ...
2
votes
3answers
190 views

Can I put the same share buttons on the top and bottom of a post?

I was wondering if there are problems with putting share buttons at the top and the bottom of the post. Reason is that some people share on the top, and others at the bottom.
10
votes
3answers
812 views

Why did they use two-stage social media sharing buttons?

I recently visited a seemingly fairly reputable web site and was astonished to see their implementation of a two-stage trigger for their social media buttons: (The text appears when you hover over ...
11
votes
4answers
2k views

Which is better: Buy Now or Add To Cart as the label for a button in a shopping cart form?

I have a site that displays 3 major products and it all links to an external shopping cart which users will have to fill out a form to complete the order. Which label is better? "Add to Cart" or ...
0
votes
2answers
590 views

Where to place my save button

Here's a screenshot : Every tab, there should be a save button but I don't know where to place my save button. Where should I put it? Is it okay if I place a button below the form with width:100%? ...
0
votes
1answer
134 views

Is it OK to use links to display GUI elements or perform actions? [duplicate]

Possible Duplicate: HTML buttons vs hyperlinks for navigation HTML links were born to show internal or external pages, or take you to a specific page position (anchors). Now, with the ...
0
votes
3answers
176 views

Layout of multi-purpose status update box

I'm building a status update box similar to the one found on Facebook and Google+. Mine will allow for multiple types of posts such as status updates, code snippets, images, projects and applications. ...
0
votes
2answers
1k views

Using the “X” as a close button vs a button labeled “close window” [duplicate]

Possible Duplicate: Closing modal dialogs I'm developing a flash application that has buttons that popup a window with more text, and information when they click it. This happens throughout ...
2
votes
4answers
374 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" ...
5
votes
2answers
541 views

Where should the “clear search results” button be?

I have a page that allows a user to filter/search the content on that page by using keywords: download bmml source – Wireframes created with Balsamiq Mockups As the user types in the ...
42
votes
6answers
2k views

Should I provide feedback from a save button?

I'm currently in the process of developing a Windows Application which produces Word Documents. In the program there is the ability to save your progress (different to the "Save as a Word Document" ...
3
votes
3answers
586 views

Where to place buttons on forms in a desktop application?

When you have a desktop application in which a user is editing records (and performing other operations on records), where is the ideal location to place the buttons for those operations? I have in ...
10
votes
7answers
752 views

Ideal Donate Button Text for Nonprofit Website

What would be the ideal text for a donate button? My client would like to use "Give" as the button text, but should I urge for "Donate", as I feel this is more of the convention.
4
votes
5answers
1k views

Button order Save | Save and next | Cancel | Previous

In an application, the user is able to edit the information of several objects. The user is able to save and go to the next object. What is a good order for this buttons?
10
votes
5answers
13k views

Which “Facebook Connect” or “Facebook Login” buttons are most effective? (Data wanted)

Many sites use Facebook Login, aka Facebook Connect, Connect with Facebook, Login with Facebook, and whole host of synonyms. Facebook gives an official button to use, yet I see many variations across ...
6
votes
3answers
223 views

Showing the status of an action on a button

I have an application that can synchronize content between a website and a social network. with a button you can turn on and off the synchronization. the user needs to see the status (sync on or off) ...
61
votes
10answers
8k views

How do rounded corners affect usability?

How do rounded corners on buttons and containers affect usability? Do they make buttons look more clickable? When used on other non-button elements, do they make the site look more friendly? I'm ...
0
votes
3answers
253 views

Button layout in outliner

I am writing an outliner software. At any state, one of the items in the list is selected, and the software can do the following with respect to the selected item: Prepend a new item (sibling) to ...