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)

1
vote
2answers
219 views

Should the “reset” option be a button or a link in crm?

I'm having to make the page as it was in the initial state, and this includes having a form reset link or button. Should the reset be a button or a link?
9
votes
5answers
371 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 ...
0
votes
3answers
350 views

Should we show/hide/disable functional buttons based on state? [duplicate]

Possible Duplicate: Should disabled options ever be hidden? I'm currently working with a project team that has a requirement to make additional reports/data available to end-users with a ...
2
votes
3answers
261 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 ...
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 ...
7
votes
2answers
200 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 ...
14
votes
6answers
3k 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 ...
1
vote
2answers
306 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
142 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
1k 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.
4
votes
3answers
132 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 ...
5
votes
1answer
364 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. ...
2
votes
2answers
168 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
448 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 | ...
7
votes
4answers
649 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 ...
3
votes
2answers
338 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
131 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
479 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 ...
9
votes
4answers
3k views

Where do you put the delete button if you have delete, cancel and submit?

I have a web app which currently uses the following interface. download bmml source – Wireframes created with Balsamiq Mockups Here's what the actions do: Delete will delete this group ...
16
votes
5answers
908 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 ...
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. ...
2
votes
2answers
641 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 ...
-1
votes
1answer
539 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
89 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 ...
1
vote
1answer
275 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 ...
3
votes
4answers
400 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 ...
5
votes
2answers
245 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 ...
7
votes
4answers
975 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 ...
0
votes
2answers
252 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 ...
4
votes
2answers
298 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
3answers
207 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 ...
9
votes
4answers
756 views

Best Place for a Back Button on a 7" Tablet Menu

I'm currently building the interface of an Android Tablet digital restaurant menu. The user is going to be able to navigate between categories and dishes lists and navigate back as well. I'm finding ...
1
vote
3answers
258 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
356 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
199 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.
0
votes
2answers
668 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
139 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 ...
1
vote
2answers
2k 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 ...
0
votes
3answers
188 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. ...
2
votes
4answers
426 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" ...
6
votes
3answers
875 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 ...
10
votes
3answers
889 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 ...
5
votes
2answers
640 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 ...
21
votes
5answers
2k 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 ...
4
votes
5answers
2k 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
7answers
879 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
8answers
809 views

What Is the Best Approach To Minimalist Buttons (Icons)?

My web app, like most, is trying to utilize as much space as possible by trying to use an icon as a button to perform specific tasks. I have quite a few that would make for a pretty obscure button, ...
6
votes
3answers
258 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) ...
10
votes
5answers
15k 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 ...
1
vote
2answers
280 views

What is better better for the main buttons: icons or text? [duplicate]

Possible Duplicate: When to use icons vs. icons with text vs. just text links? I'm currently making a ticket system, but I don't know what would be better, icons for the main buttons or ...