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)

3
votes
3answers
271 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 ...
2
votes
0answers
65 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
2answers
68 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 isn'...
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 ...
1
vote
0answers
53 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 ...
2
votes
5answers
242 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 ...
1
vote
2answers
90 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
170 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
98 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
101 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 ...
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 ...
2
votes
1answer
98 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 ...
3
votes
3answers
1k views

What is the best approach for showing a button hierarchy when there are multiple buttons?

I am working on the UX/UI for a large web application. My question is regarding the button hierarchy. I have done a bunch of research but can't find any good UI examples that deal with this issue. ...
0
votes
1answer
41 views

Is there any way to ask for a like when user shares an article on facebook?

Say a user shares an article in facebook, is there any way we can include our page name and ask for a like in the same post?
0
votes
4answers
160 views

Which is better to disable, the confirm e-mail field or the sign up button?

Background I'm working on an application where users have to use a specific email domain to sign up (Either @a.com or @b.com. Anything else gets rejected). In order to prevent my users from going ...
0
votes
2answers
110 views

In what order to place sort up/down buttons in a table?

This is a simple question: In what order should I place the move down and move up button in a sortable table? This may be "opinion based", but I hope it's not and there is a definite preference. Out ...
0
votes
2answers
84 views

Button to the Left or Right of Text

If I have list and each item has an expand button, should the expand button be on the right or left of the text? If it's to the left of the text, then all the buttons will align, but if it's to the ...
0
votes
0answers
18 views

Auto Follow Video Mode on a Video Mixer

Many live video mixers have a so called AFV mode. This means that the audio for a specific source follows its video, meaning it is turned up as soon as the source is live and turned down when it is ...
1
vote
1answer
47 views

case study for CTA text for blog

I have a tech blog , and above the fold there will be a hero layout , with some title and tag lines which are important to the blog. Below these I have a CTA button , that will scroll to the second ...
3
votes
2answers
164 views

Is it preferable to have a plain “Save” button vs. “Save ___” (noun) button?

I know that it is preferable to have buttons labeled with verbs, but I'm wondering if there is a benefit of also having a noun following the verb. The specific case I'm looking for is a Save button. ...
2
votes
3answers
171 views

Too many decision points?

I would love some advice on how to make this window as clean as possible. There are a lot of buttons and I'm trying to figure out how to display everything elegantly, keep it simple for the user, and ...
1
vote
4answers
319 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 top....
0
votes
3answers
187 views

When a text field should have Clear button?

I'm talking about little cross appearing inside text field after typing a text, espessially for search fields in desktop interfaces. But any considerations about general text fields on any platforms ...
0
votes
1answer
73 views

common buttons across tabs

I am designing an Webapp in which there are four tabs. I also have 4 buttons which are common across and should be accessible from any of these tabs. The scenario is user may be in any tab and they ...
1
vote
4answers
194 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 ...
2
votes
4answers
229 views

Why should “cancel” and “confirm” button have the same size?

A lot of UI Framework provide 2 different types of buttons: 1) The first one: a sort of confirmation button 2) The secondo one: used as a "cancel" button The UI of the two buttons could be different: ...
0
votes
3answers
52 views

Proper way to describe saving canvas to server?

Problem I have an app where the user draws to an HTML5 canvas, and then is presented an option to save it to the server. Currently a button that says "Save" is shown, which instructs the server to ...
2
votes
3answers
99 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 mailer....
0
votes
0answers
28 views

How can I convey the mean of a button with an icon on a html page on a mobile device?

I have an application which uses buttons with text when working on a large screen. Buttons such as "Start", "Continue". To make it clear to the user what these mean I also use a title such as "Start ...
1
vote
1answer
131 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
215 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 ...
1
vote
1answer
105 views

Icon same color as Buttons

This is a simple website demo, with 2 buttons, a icon, and a main display with text information. I like the uniform look of this, color wise. But, I am concerned I am breaking a rule or causing ...
0
votes
1answer
301 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. ...
0
votes
2answers
88 views

While editing fields in a modal, does it really need to have the Save or Update button appear already?

I am not sure if i need to let user see it already eventhough he has not change in the fields. Why on some modal or forms, they already appear? whats the reason behind it? What to save when user has ...
0
votes
2answers
113 views

What is the max limit of acceptable characters/words in a confirmation box button?

For example, if I ask a user Would you like to send an email instead of print to save paper? Yes, send email and save paper No, take a print
0
votes
3answers
228 views

What do you think is the best option for Previous/Next icon buttons alongside product carousel in mobile?

I have the following ideas of how to solve this problem: What do you think is the best option to present a product image carousel alongside previous/next buttons for nearby category products?
6
votes
2answers
344 views

Why are “previous” and “next” buttons so often “switched?”

In many UIs, there is a list of items that each have a time stamp, for example a list of news stories or e-mails. When there are many items or only one item is displayed at a time, it could be a ...
4
votes
3answers
83 views

Product links to multiple stores

The product in this case is an Album, and I am trying to decide from a few different layouts/interactions. The challenge comes from providing the options allowing user preference : itunes, amazon, ...
0
votes
1answer
213 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!!
1
vote
1answer
106 views

Should one put labels on Previous / Next buttons?

We have several pages of case studies (about 10) and we want to put "Next" and "Previous" buttons at the bottom to go to the next / previous case studies. What is the best practice... should we just ...
1
vote
1answer
93 views

How to convey the “primary vs. secondary” button for screen reader users

I have an application that needs to be accessible for screen readers. This application uses bold text on primary button to convey information about the "recommended choice" like in the example below ...
37
votes
20answers
6k views

Button for “Play, but from beginning” for a scrubber UX

I have a typical video-editing like timeline, there's the usual Play and Pause buttons: right arrow, and two-bars. -----------------|----------- > || However, I want to have a "Play, but from ...
0
votes
4answers
132 views

Where to place a “Add Car” button

I am really trying to make it simple and elegant but I can't decide where to place this button where a user can add there car to there profile. I attached a screenshot of my mobile app, any answer ...
1
vote
4answers
124 views

Spinner (saving mode) on the button?

Not really sure of having the spinner inside the SAVE button when it is clicked or inside the panel itself. I dont want the user able to click it again (to know it is saved or not)
34
votes
7answers
6k views

How to make irregularly shaped objects / elements look clickable?

On our homepage, we have these irregularly shaped elements that are clickable above the fold (actual images are not cats, just for demo): http://codepen.io/aguerrero/pen/pgvJoa And this is how it's ...
130
votes
5answers
15k views

Are you sure you want to answer this question?

We've all seen these types of warnings: "Are you sure you want to shut down Windows?" I hear a lot of people frustratingly reply: "Yes, of course, otherwise I wouldn't have clicked it!" These ...
0
votes
5answers
246 views

One single button or two buttons

I'm working on a transportation service. We offer 2 services: Buy a bus ticket, much like public bus Book a car, similar to Uber We have a mobile app, and I'm having problem with one of the ...
19
votes
4answers
2k views

One big sign up button or 3 [closed]

I would like to know what is the best use in web homepage are for Sign up button: One big button (Like example 1) and then to open screen with option to sign up with facebook, google or mail or 3 ...
0
votes
1answer
112 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 ...