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)

0
votes
3answers
157 views

creating a switch for two options

I have search box, and I want two options for users to search "NEW" or "USED". They will essentially be checkboxes, but I want to know the best way to make these look nice, like buttons (most likely ...
0
votes
3answers
144 views

save, save as, load, reload buttons

I need to add those 4 buttons: Save (the current settings) Save as (a new setting files) Load (a new setting files) Reload (reset the settings to the last saved) I don't know how to graphically ...
2
votes
2answers
194 views

Submit button permanently disabled or invisible?

I have an app in which we submit multiple surveys for reporting with one submit button. The only way to undo the action is to unsubmit each individual survey. This would allow the "submit" function to ...
1
vote
4answers
375 views

Toggle Buttons vs Tabs

What are the problems with using toggle buttons instead of of tabs? I have a design where action buttons and tabs share the same row. I have 1 row with action buttons in it. In this same row I will ...
1
vote
4answers
188 views

Bold font on buttons? [closed]

I'm used to the buttons with in bold. They need to attract attention. And bold font style is one way. But, I've heard that sometimes such text looks awful (for example, Mac?). In bootstrap 3 font on ...
8
votes
4answers
478 views

Not known - Yes - No Buttons

Imagine a form with a list of items (facilities - toilets, showers, etc.) where for each of them user can select whether the item exists (Yes), doesn't exist (No) or it's not known whether it exists ...
3
votes
3answers
216 views

Signal Strength or Connection Speed icon [closed]

We have a stand alone application on our site that uses realtime video/audio. We are in the process of adding a connection speed icon but it seems we have some disagreements on the icon that should be ...
1
vote
2answers
94 views

Selectable items change size as they are loaded

How do you make a usable selection list when each item in the list varies wildly in size and takes a long time to load? We have a list where the user can select a piece of code to display on a web ...
2
votes
4answers
245 views

Segmented/Split “Save | As” Button?

Background: I have an application that has several "Save As" options in addition to "Save". This is a web application without a menu bar (just a button area at the top of the interface). The ask: ...
0
votes
3answers
154 views

What are the implications of different button sizes?

What are the implications of different button sizes in terms of what the designer is trying to convey to the user and what the user is implying as to the function of the button? For example, does a ...
2
votes
2answers
165 views

Hide Controls Until Usable

I have a drop down box where the first item is blank indicating they haven't selected anything yet and then it's filled with other choices. There is also an insert button beside the drop down. The ...
0
votes
4answers
120 views

Edit button text in Modal Dialogue: Save or Edit

We're creating an app and my research on UX puts me into the mindset that 'a button text must be a verb that describes its function' So i have created a jQuery modal box and an edit modal box (which ...
0
votes
3answers
152 views

What would be the best actions to attach to an Android phone's buttons when I don't really need them?

I have developed an app that works on Android devices and iPhones. I went to great lengths to ensure that the interface is exactly the same on both systems. However, one significant difference that I ...
3
votes
3answers
93 views

Using the logo as the About button

This is obviously something that the user doesn't need to see very often, but something that management or sales might have strong opinions about. In a desktop application the user is probably ...
1
vote
3answers
109 views

Settings button at the top or bottom of the screen?

If the settings don't need to be changed very often, but need to be very accessible when they need to be, is there any reason for putting them at the top instead of the bottom of the screen (or vice ...
2
votes
4answers
272 views

Is it acceptable to paste text automatically?

I have a mobile app with a new-data-object form where you enter an URL and some other (non-textual) settings. The most common way to enter the URL is to paste it from the address bar of the browser. ...
46
votes
11answers
3k views

Submit and Reset button, what's the best order?

In a form with a Submit and a Reset button and the end, what's the best order for the user experience ? Submit first ? Or Reset first ?
19
votes
6answers
722 views

Placement of Previous / Next / Save

Disclaimer: Many questions have been asked on this general topic, so apologies if this is a duplicate, but I think this is distinct from the existing questions. I am designing a five step form. The ...
1
vote
2answers
116 views

How to best assign primary and secondary styles for multiple functional buttons?

I have a page that opens to a search bar with a search button beside it. On hitting the search button, a listing will appear below that section. There's a button at the bottom to submit after ...
3
votes
2answers
269 views

Is it better to have a “new” button in the action bar or in the list?

I'm designing an Android app and I'm not sure which is the best place to put my 'Create New Object' button. I originally placed the button in the action bar but a coworker said that it felt too ...
2
votes
3answers
220 views

iOS navigation bar buttons design considerations

I have some questions regarding the buttons placed in a navigation bar that I don't know if actually meet the iOS Human Interface Guidelines: 1) I'll need a button at the right side of the nav bar ...
4
votes
4answers
203 views

Placement of form-related action controls

My partner and I are adding a new feature to our website, specifically one that allows a system administrator to email users of the system directly from an existing 'admin' screen. We are debating the ...
12
votes
8answers
702 views

How to avoid repetitive actions in table rows?

We have a table with data and actions on each row like so: Name Email Description Actions James james@gmail.com Desc 1 Edit Export ...
5
votes
3answers
230 views

Is a “View” button necessary?

We have a table and on each of the rows, there's a set of actions possible. For example: Name | Date | Actions Mike 1-Jul-13 View Add Detail Delete Do we still need to put ...
9
votes
2answers
345 views

Color of “Download application” button

We have mobile applications both for iOS and Android. There also is the site, supporting the application. We have put 2 buttons on our site for downloading application. We did like it usually is done: ...
5
votes
4answers
461 views

What are your views on having a button that says “Don't click this button”?

Yes, I know it sounds ridiculous but let me explain what I want to do! The app that I work on is quite massive but also quite out of date in terms of the front-end. The worst thing about the app is ...
7
votes
3answers
238 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 ...
71
votes
9answers
6k views

Why is the “Record” icon always round and usually red?

I've been wondering why the symbol for 'record' is universally (AFAIK - has anyone seen exceptions?) a circle and usually red. Cameras, VCRs, voice recorders, smartphones, web apps... I've seen cases ...
1
vote
2answers
436 views

Why do most microwaves have a “Popcorn” button?

I can't imagine that the usage level of popcorn substantiates its special treatment on a microwave's user interfaces – at least any more emphasis than other common foods. Removing this (and other ...
5
votes
6answers
210 views

Is the notion of “like”ing content too closely tied of Facebook?

We are implementing a "like" feature on our web product, but we want to avoid being tied or compared to Facebook. While our functionalities differ vastly, we do utilize a "news feed" style of content ...
2
votes
1answer
193 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 ...
1
vote
3answers
110 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 ...
1
vote
2answers
324 views

Best practices for multiple buttons

I need some help with the layout of multiple buttons/links that have to be laid out in a row. The delete button is furthest from the others in order to avoid error, but I will have a confirmation ...
1
vote
7answers
218 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 ...
3
votes
3answers
182 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 ...
2
votes
3answers
98 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
114 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 ...
13
votes
5answers
522 views

Is the “Three Toggle” button on Bothsider easy for users to understand?

Combining two separate toggle buttons (follow/unfollow + another for whether that "follow" is public/private) seems like an elegant solution to the spacing and aesthetic problems of having two ...
5
votes
2answers
204 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
103 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 ...
0
votes
2answers
110 views

Studies about button placement to download reports?

Would it be more natural for the user to click under the text area or in a centralized area of actions. In our example at http://www.bruxzir.com/science-bruxzir-zirconia-dental-crown/, we have ...
2
votes
2answers
328 views

A case against multi-colored navigation buttons

I am trying to find some evidence against multi-colored navigation links, however it seems to be surprisingly hard to find.. perhaps not so many people have come up with the "innovative" idea of ...
2
votes
1answer
150 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 ...
4
votes
2answers
1k 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 ...
3
votes
1answer
92 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 ...
10
votes
5answers
678 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
5answers
968 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 ...
16
votes
7answers
772 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. ...
4
votes
4answers
247 views

Where to place a delete button in a modal

Currently in our application we have tables of information that give you some of the most important data and them we have a view more link that pops open a modal dialog and gives the user all of the ...
1
vote
1answer
746 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 ...