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)

24
votes
5answers
2k views

What's the point of a “Read full story” button?

I've noticed a lot of news websites, particularly on mobile, sometimes will cut off their story with a button you have to click to see the rest of it. I can understand why they'd do this if they ...
3
votes
0answers
65 views

Standard behaviour of dropdown buttons and its styling

I have been reviewing some UI design patterns where the use of dropdown buttons as both a selection and call-to-action has been ambiguous, and I am thinking of how it relates to various design ...
3
votes
0answers
53 views

UI button labeling in touch/mobile web and native apps

The concerns are based on my own end-user experience with touch applications (both native and web SPA). Even slim and clean UIs may be prone to same problem - the learning curve is steeper than ...
2
votes
3answers
91 views

Social Icons and Download Badges in mailer header?

Im currently doing a mailer design. I've placed the social icons in the header, next to the company logo. Underneath the social links I have put download badges, before the main content of the ...
3
votes
3answers
163 views

Is a plus symbol without button text sufficient to denote adding of an item?

Let's say I'm using Bootstrap panels and I have these two choices: Option A) Option B) Which option is better from a UX perspective? Is a plus symbol without button text sufficient to denote ...
4
votes
1answer
69 views

What's the best practice for button alignment in responsive email templates?

I was looking for case studies or UX research to figure out what is the best practice for button alignment especially in email templates, but couldn't find anything relevant. Our practice: We tend ...
3
votes
2answers
1k views

Why Google Chrome does not have a GoTo link button like other browsers?

Why google chrome does not provide a GoTo Link button like in IE, Firefox, etc.? And if this is because of the simple & modern design concept than why does other browsers still have GoTo ...
1
vote
2answers
162 views

Select from option list and apply action

I have several labels that are associated with text, e.g. Default : Text Label1 : 123 Label2 : 456 Label3 : 789 The UI for this is currently structured as follows: [Default ▾] [Save] [Save as] ...
2
votes
1answer
79 views

Button text based on previous button's context

There's a table with a list of files that need to be tagged before uploading. The table might get longer than the page height, so it's scrollable, and above it there are buttons that work on selected ...
1
vote
1answer
270 views

UX modal window: Cancel / Save / Close vs Cancel / Save & Exit

I am working on an application where the user needs to complete their preferences which open in a modal window. There has been a big discussion about what are the best practices in this situation. ...
28
votes
3answers
2k views

More clicks while using “Noun” or “Verb” for actions?

“Sign up” or “Membership”? “Donate Now” or “Donations”? You can create an action button with verb or a noun. Is there any recommendation for increasing the click-rates? Which one is better than the ...
1
vote
1answer
556 views

Best user friendly option for buttons and icons placement

I have created below UI controls... but I am not sure if they are really user friendly or not... so overall they should look good as well as user should be able to understand moment they see that ...
5
votes
2answers
149 views

Icon size inside a button [closed]

Is there a correct size, or relative size, to use on an icon within a button with/without text? I've seen this being used a lot of times but didn't found any source about choosing the proper icon ...
1
vote
2answers
55 views

Are there any established patterns for triggering an overpanel on mobile (iOS and Android)?

By default, I'm showing a screen with a particular country selected. To change the country, when the user taps on the text I trigger an overpanel listing the available countries to choose, but it ...
36
votes
6answers
23k views

What is the optimum button size of touch screen applications?

There was a not so recent blog post about the ideal button size of touch screen control sizes (sorry there is no link, the website is now a spam trap) that was based on the study form the MIT touch ...
1
vote
4answers
185 views

Sticky submit button at top and bottom of the form?

Typical mental model suggests that submit button is at the end of the form. Should I go with button at top as well as bottom. since in our application we put action items on a sticky bar at top at ...
5
votes
2answers
662 views

Evidence of a difference in conversion rate between a “ghost” and a “traditional” button?

Many new sites have been applying the "Ghost Buttons" in landing pages. Same people are saying this is a new trend of 2014. I think with the “ghost button” we have a beautiful and clean design. ...
1
vote
1answer
42 views

What is the practical consideration and impact on user experience when the designer makes the logout link/button difficult to access?

It seems like many websites go to great lengths to make the logout link/button very difficult to find or click on. For returning users hiding the logout link/button doesn't make sense because they ...
4
votes
5answers
155 views

Do we really require a reset button for form fields?

I am questioning the use, in web form design, of reset buttons placed along with "Submit" or "Finish" buttons. What happens if a user accidentally clicks on "Reset" button after filling up all ...
1
vote
1answer
34 views

Best way to place table specific functions [closed]

I am looking for the most intuitive location for table specific functions. In our webapplication, which is available on all devices, we display large amount of data in tables. The columns of these ...
3
votes
2answers
63 views

Grid action button selection

Problem statement: 1. Need to select individual row and Copy. 2. Need to select multiple rows and Copy. 3. Need to select items from different page (Pagination) and Copy. 4. Need to select all items ...
1
vote
2answers
18 views

Save untested connection when testing is possible?

I have an admin console where I can add configure different data sources for my web application. The page looks like this : Some of my queries are : What is the ideal scenario for test and save ...
4
votes
3answers
45 views

Focusing users on specific option/fragment creating the opposite reaction

i've made a research about my app today, and i've found some unexpected results. The default/opening screen of my app(iOS) is : The user can create a live photo from video or a photo. The "Video | ...
23
votes
7answers
2k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
0
votes
2answers
58 views

Giving positive/negative connotation to two textual options/buttons

I'm developing an "photo editor'ish" mobile application. After the user has finished processing their photo (such as choosing filters, shape, etc), the user should save the outcome to their camera ...
2
votes
5answers
230 views

How do I encourage users to click on a button without making it too distracting? [closed]

I'm a back-end programmer with very little knowledge about UI/UX. I'm implementing a button on a website. Clicking on it will show something like an Easter egg. There will also be other buttons and ...
2
votes
4answers
106 views

How to Address Unclickable Tags That Look like Buttons?

On a portfolio site, after a project's title & description of things done on the project, there is a "skills used" section at the very bottom. Each skill is styled as a tag. They are not ...
10
votes
4answers
2k views

Counter in a corner of a button

I'm creating a user control which is essentially a wide tile-like button (think Windows 8 "wide" start menu tiles), but in the upper-right corner there's a darkened area which contains a counter. This ...
0
votes
1answer
104 views

Regarding spacing on tabs and making them similar to buttons

I was checking out some apps on how they handle tabs and the spacing between them. Myfitnesspal has three tabs right next to each other with the right and left side having rounded corners. The app I ...
3
votes
5answers
1k views

Single click versus double to cancel something

My dilemma is pretty simple, I'm making a web game and for the object inventory if you press one of them it will pop a modal where you can see the object info and some options on the bottom, one of ...
1
vote
0answers
68 views

Best practice: <a> or <button> tag? [closed]

I have a section of content that contains the following HTML elements: h4, p, img. Currently, I have that content enclosed in <button> to apply semantic meaning and focus for keyboard only ...
1
vote
3answers
154 views

Save/Cancel buttons position above or below table?

I am building a software which has a lot of tablets fill out. There are situations where a table row has a lot of settings. A consistency throughout the software is that there is an action menu on ...
3
votes
2answers
86 views

Button style type naming

I'm going to offer a text based dropdown chooser for users to select a button type/style to use in a UI builder app. There will be no preview of what the button type looks like. The names should be ...
3
votes
3answers
265 views

Should I write a title next to a button icon?

Is it necessary to write what a button is if you have a picture? This is a very general question, and I think the answer to that would be: It depends how clear the image is. So my question is if the ...
4
votes
4answers
639 views

Best position and labels for buttons on an order creation page

I have a "create order" interface which already includes several buttons. Please have a look at the screenshot below: ![enter image description here][1] My Question: I need to add a new button ...
2
votes
0answers
59 views

Columns in a table - settings buttons position

I am building a screen for a rather big platform and I am trying to figure the best position for settings buttons for a column in a table. The table holds information about players and their ...
1
vote
4answers
190 views

Best way to display long word on button with fixed size

We are translating our application to Spanish. This has caused some text to auto hyphenate on one of the buttons. I know the current implementation isn't ideal,but i'm not sure what the best solution ...
1
vote
0answers
51 views

Looking for skeuomorphic UI framework to simulate physical knobs / sliders / switches [closed]

I'm looking for a UI framework suitable for simulating a physical interface consisting of many knobs, sliders, switches, buttons, and various types of indicator LEDs. My project is built with ...
1
vote
2answers
88 views

A list of buttons seem to appear as a group on mobile device

I was providing some feedback on a peers design. And what kept jumping out at me was the fact that these buttons seem to blend together and appear sort of as a block of text to me. This is a native ...
5
votes
1answer
150 views

Volume control and Pause/Play toggles are inconsistent, why?

I'm facing a UX struggle that I've never noticed before, and even though the behaviour is what everyone expects, feels right, and is fine, in the end, it's just not consistent. Let me explain. You ...
0
votes
2answers
89 views

checkbox that is not positive or negative

I am looking for a multiple choice checkbox that is not positive or negative just a mark. where have you seen examples for such buttons? I am building a process that allows to approve or reject ...
1
vote
0answers
54 views

Does anyone here know who's in charge of UX for Google Apps marketplace? [closed]

I have a suggestion that will increase the number of installs in the Google Apps. Does anyone know who in Google UX team I need to reach out to with this suggestion - see below? In the old ...
1
vote
3answers
98 views

What is the best approach for showing the user instructions?

Our app has a fairly involved process of pairing with an adhesive patch via Bluetooth. This process is illustrated on a series of screens connected via Next/Back buttons. For users of this app, this ...
1
vote
3answers
702 views

Using Image as button in Windows Form

I am making an application using Windows Form and it will be used on a tablet that mainly use touch/tap for input. Is it okay if I am using Image for buttons? Like using image for add, save, delete, ...
0
votes
2answers
70 views

Seperating buttons

I have a tab control in a c# application with a number of tabs along the top. One of the tab is named services (As you can see in the screenshot below). .. For services the user should be able to ...
1
vote
1answer
115 views

Showing Bootstrap Buttons on mobile device [closed]

I am interested in learning about designing for mobile websites. Right now, I have a webpage with a bunch of bootstrap buttons ---------- Header --------- ...
0
votes
1answer
192 views

Button naming conventions

I need a common button to upload text and image under a section. Any suggestions please? Note: On click of the button, a modal window opens and then text and image can be uploaded!!
12
votes
5answers
3k views

Smallest button size and spacing for a touchscreen

For a touch screen, such as the iPhone, what is the smallest size for a button you could get away with? And how closely could they be shoved together? I've got an app thats going to have a lot of ...
0
votes
1answer
186 views

Material design's colors: primary/accent vs green/red

We have a big enterprise app to manage a lot of business data. We were using bootstrap and now are changing the design according to Google's Material Design guidelines. The guidelines offer to use ...
79
votes
12answers
11k views

Should form 'Continue' button be disabled if validation is incomplete?

In forms we often see the 'continue' button inactive until all the required fields are complete: download bmml source – Wireframes created with Balsamiq Mockups Is this actually a help ...