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.
5
votes
4answers
525 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
231 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
190 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
78 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
votes
1answer
137 views
Semi-transparent button that changes color based on backgound [closed]
Is it possible to create a button with only the shadings... (e.g. Photoshop: Bevel & Emboss, Drop Shadow etc.)
...and then place that button on top of another graphical element, e.g. a green ...
1
vote
1answer
182 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 ...
2
votes
4answers
219 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
162 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
4answers
448 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
155 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
3answers
267 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
143 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
363 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
168 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
179 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
143 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
261 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
95 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
2answers
420 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
126 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
225 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
3answers
297 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 ...
8
votes
3answers
487 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
281 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 ...
15
votes
5answers
750 views
Toggle Buttons “Turn On” vs “Enable”
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
5answers
637 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
450 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
4answers
396 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
145 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
7k 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
152 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 ...
0
votes
3answers
197 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 ...
31
votes
9answers
2k views
Why don't most elevator panels let you unselect?
We've all seen it in the movies where a kid will push all the buttons in an elevator. We've all likely done it - accidentally hit the wrong floor.
There's no unselect after you select a floor in an ...
4
votes
2answers
363 views
Why does the Google +1 button not change to a -1 once clicked?
When you +1 something on Google or Google+, the +1 button becomes red and clicking this red button will remove your +1 in the post.
Why was it designed like this? Changing the button color to red ...
4
votes
3answers
295 views
Best way to organize interface
I have an application where users can select some items from a catalogue and add into their reports.
Some users prefer to add positions one by one, first opening the catalogue, adding a new ...
1
vote
1answer
134 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 ...
1
vote
1answer
151 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" ...
6
votes
2answers
279 views
When does a button hold “too many” words?
Background
I came to ponder this question whilst mocking up a modal window for the application we're developing. I had trouble summarizing the semantic phrase: "Click here to get a list of all of the ...
2
votes
4answers
197 views
Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?
I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
6
votes
3answers
168 views
Fit buttons next to textbox on a widget
I'm designing a widget to select names, and move them to two different fields.
The left list will display all available names. On the right we'll have two fields: a textbox and another list. User can ...
6
votes
2answers
329 views
Shading buttons darker than the normal state vs. highlighting
While coding up pieces of a website, I was puzzled as to why the designer chose a hover state that is a shade darker than its normal state. It seems logical to me that a rollover state should be a ...
13
votes
2answers
823 views
Button Placement
I'm currently developing a website and we have come across a few things on the placement with buttons that we are unsure about.
The website has a booking process and on this process we have ...
1
vote
1answer
198 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 ...
3
votes
2answers
162 views
How little is too little padding between button text and its button border?
jQuery has a default amount of padding within their buttons, as seen here: jQuery UI - Button Demo.
I think it looks nice, but my boss keeps telling me to kill the padding. Specifically, he said to ...
3
votes
4answers
400 views
Is a cancel button really needed in a form in a page?
I have a form, which is on a page of its own - it's a huge one, and one of the internal reviewers recommended to add a cancel button to it. I am just trying to figure out if a cancel button is ...
8
votes
3answers
276 views
App icons borderless or on a button?
In an app, when using icons, we can have place it on a button, or have the icon borderless. I would think that having it on a button gives better affordance, but it seems that many reputable ...
17
votes
6answers
978 views
If input text length is known, do I really need a submit button?
Use case
On a mobile device a user is improving her math skills using a native app (Windows Phone). There are many expressions being calculated in a series and the user is trying to get 10 correct ...
3
votes
2answers
675 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 ...
8
votes
5answers
271 views
Is it a good idea to put the word “or” between buttons on a screen
If I have a dialog to display to the user it has a data item displayed, and 2 seperate actions that can be done to the object. So, it's a resource and we want the user to choose which process they ...
6
votes
8answers
337 views
Order of physical controls: volume down, volume up, mute
My speaker has 3 physical buttons in this order:
volume down
volume up
mute
I find the order quite illogical, I would expect:
volume up
volume down
mute
Is there any convention on the ...
