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

Whats the best way to add relevant and short information next to the button to help users go to the next page?

On the website I'm working, users ask very frequently when do they get to do the upload to finish the order. Its a printing business, so users want to upload asap, but we dont want to storage all ...
1
vote
2answers
147 views

Submit button on the inside of the field - Good or Bad?

I was Browsing GoDaddy's website and saw they use their buttons inside their input fields, see for yourself: "Go" buttons, inside of input's frame Live example: http://www.godaddy.com/ Is ...
0
votes
1answer
135 views

Submenu and action combined in one element

We currently have a quick menu in our (web) application which is basicaly vertical list whith icons and names which drops down on demand. Because some options in the list warranted sub-options we ...
3
votes
4answers
252 views

Modals: “Cancel” styled as NOT a button, just a link [duplicate]

I've been working on some modals for an app, and I have done some research into how various confirmation/abort options are presented to the user in the footer of a modal. A user over on Dribbble ...
31
votes
6answers
2k views

Should “dangerous” buttons be big and red or small and inconspicuous?

In a web app, some people think a "Delete" button should be obvious and bright red, signifying danger. The trouble is that this draws the eye to the button and may make accidental clicks more likely. ...
0
votes
1answer
179 views

What is the best order for several buttons at the foot of a modal?

I have a multipage modal I am creating. So I have Previous, Next, and Cancel buttons. In addition, since their are many steps, some of which could be blockers, I am giving the user to ability to save ...
2
votes
2answers
265 views

Standardizing button naming in a website

I am trying to determine how to name buttons in a global element document: There are two types of scenarios where buttons are used: (1) User submits a request and (2) Approver approves or rejects ...
2
votes
1answer
163 views

Send by email button - required or redundant

Is it a good UX practice to use a Send by email button, like the Email icon here http://www.addthis.com/bookmark.php, on a website to send content? The button would pop up a window where you can ...
3
votes
1answer
1k views

Usability studies on navigation of mobile websites

I recently experienced serious usability with a website I have done using twitter bootstrap. When accessing the website on a phone, specially older users did not recognize the 3 horizontal lines ...
15
votes
7answers
2k views

Color of destructive primary button

In our app we use green buttons to signify primary actions (located on the right, but that's a whole different discussion) and grey buttons to denote secondary actions ('Cancel'). For example: The ...
2
votes
2answers
2k views

Save & Add New, Save & Close, Save, Done, Cancel

This is something I've been struggling with, because there seems to be a lack of standard for it (as far as I can tell). There are two scenarios. Save & Close and Save & Add New We are ...
1
vote
1answer
367 views

user flow using a feedback button

Suppose I have a mobile app which asks users for their feedback on the app. The feedback button is located on the main screen at the bottom of the list (the app is built with a list). After the user ...
1
vote
3answers
248 views

How can I display a tri-state button that displays the current state?

Ideally it would allow for a one-click change from any one state to any other state. Currently, I have a button that displays the current state. When you click on it, it just cycles through all the ...
21
votes
8answers
4k 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 ...
2
votes
3answers
341 views

How should 'Quit', 'Save Draft', and 'Continue' be positioned on mobile web?

Note: Due to the constraints of this project, I can only touch the CSS. Basically, we're being hacky and styling this desktop site so that it's halfway usable on mobile. I'm working on a web app ...
2
votes
2answers
142 views

Hiding less used buttons on Android

This is the workflow I am addressing and I'm looking for some feedback on the approach. A user can perform the following functions: Add Allergy (takes user to a form to fill out the details and ...
2
votes
3answers
273 views

Is the “X” close Button sufficient or should there be a close Option in a Menu?

Is it enough to only have the "X" Button in the upper right corner for closing an Desktop-Application, or is it necessary to provide an Close option in the Menubar (File->Exit)?
4
votes
2answers
175 views

Should we force users into providing feedback before dismissing an action item?

Say we have a list of items which are 'action items', in the sense that each item represents a task for the user. The list is compiled automatically in a way resembling a news-feed - there is some ...
2
votes
2answers
416 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 ...
0
votes
3answers
232 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 ...
1
vote
3answers
145 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 ...
1
vote
2answers
430 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
4answers
1k 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
468 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
529 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 ...
4
votes
3answers
467 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 ...
2
votes
4answers
481 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
256 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 ...
1
vote
2answers
101 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
2answers
197 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
225 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
223 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
97 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 ...
3
votes
2answers
508 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 ...
1
vote
2answers
257 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 ...
0
votes
2answers
142 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 ...
13
votes
5answers
989 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 ...
4
votes
4answers
270 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 ...
2
votes
3answers
399 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 ...
5
votes
8answers
838 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
260 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 ...
82
votes
9answers
9k 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
2k 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 ...
9
votes
2answers
422 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
6answers
238 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 ...
5
votes
4answers
550 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
320 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 ...
2
votes
1answer
293 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
7answers
302 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 ...
1
vote
3answers
156 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 ...