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
2answers
57 views

Any research on the impact of copywriting speech on sign up buttons?

I keep finding this kind of speech in landing-pages' sign up buttons: Are there any available resources that help me find out why do I actually feel to click this button more than others? Some of ...
2
votes
1answer
482 views

combining cards UI and buttons

I am designing a application for android and have decided to go with the cards theme for the visual design. reasons being, that the information being presented fits the cards format: short bursts of ...
0
votes
2answers
133 views

CTA buttons and usability on Mobile

I was curious if anyone had any experience or knowledge of usability tests on button sizes on mobile. My company is currently using a button that spans the entire length of the mobile screen, but I ...
8
votes
5answers
2k views

Upvote / Downvote Button order

I'm currently designing a website for my school, where you can rate images. Under each image, there is a comment button, a share button and the two up- / downvote button. Now I need to place these ...
1
vote
1answer
119 views

Placing and styling the “Read all answers” for a interview question answer web page

I have a blog where I post interview questions and answers. So for each category like SQL, Java etc I have separate pages. Where in each page I have a collection of questions and a link to their ...
1
vote
2answers
62 views

How to offer the user a large number of list to run

we are currently developing a big business web application. On some pages, we must allow the user to run many different lists. By list, I mean PDF file (reporting). In the old version of our ...
0
votes
1answer
2k views

Button states pressed / selected (Android)

I'm working on a Android project. I need to design 5 states of a button: normal focused selected pressed disabled. I do not understand the difference between pressed and selected. I have found ...
3
votes
4answers
253 views

How usable are outlined buttons?

After looking at sites like http://gethoneybadger.com/, I'm compelled to ask: How useful are these outlined buttons on pages where there are no other outlined elements and no transparency whatsoever? ...
2
votes
2answers
242 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 ...
0
votes
2answers
76 views

To say “Click Ok to”

My question is very simple: Should an error message that is shown in javascript:confirm be like this: "This invoice does not have taxes. Click OK to continue and Cancel to add them" or like this? ...
1
vote
2answers
93 views

Best User friendly button label for “canceling the getting information request”

I have a form which populates automatically by getting information from server, and by the time its polling the information. I am showing a loader. But a user can anytime Cancel the polling request. ...
19
votes
9answers
5k views

Documentation - do we “Click”, “Push”, “Press” or “Select” a button on a touch-screen interface

I'm writing some documentation for a web-based application that will run on Android tablets at the factory at which I am employed. I am having trouble wording the steps where the users must interact ...
1
vote
1answer
223 views

How is it called when you have 2 links that lead to the same page?

I just logged into Mandrill, and I noticed their page has only 2 buttons "Get SMTP credentials" and "Get API Keys" I also noticed these 2 buttons lead to the same place. This is a great UX example ...
2
votes
2answers
88 views

Wording for coach-marks pages

Example of coach-marks: While the coach-marks mode is active, what's the clearest way to inform the user that there are more pages with more detailed information? an arrow A button (more, next, ...
2
votes
2answers
236 views

Is putting social sharing buttons on of each picture good UX?

I'm working on a redesign for a daily news portal. And there is a huge doubt about using social sharing buttons on every picture of an article, is it good UX or is it too much, because every article ...
0
votes
2answers
91 views

What are the concerns with using an icon twice

We are designing a new website template with a global navigation and a child-site navigation. It looks like we are going to use the hamburger icon as the action button to display the menu. One idea ...
61
votes
10answers
6k views

“New” vs. “Create”

For buttons that initiate some content creation interaction, which label is better: "New X" or "Create X"? Are there specific uses that in which one is better than the other?
0
votes
2answers
29 views

Rewording the source and destination locations labels

We are developing a carpooling app, the app needs to support a FROM and TO location. We are first asking for TO rather than first asking for FROM. I am wondering if the labels can be better worded or ...
1
vote
2answers
206 views

On mobile web app, where should primary & delete buttons go?

I'm looking at designing a web app for that allows users to view details info of an item and do one of 3 things Create another item by "copying" the current one (primary action) Edit specific ...
0
votes
2answers
182 views

Setting of Cancel, Back and Next Buttons in Apple UI

I'm working on UI that follows Apple's UI Guidelines. Currently I'm developing a setup wizard UI but I'm confused about arrangement of "Cancel", "Next" and "Back" buttons. My current implementation ...
2
votes
3answers
228 views

Buttons for a process with multiple or optional parts/stages/segments

What is/are the best UI practices for a process that has 2+ stages or optional segments? And how does the amount of stages, and the popularity or likely use affect the layout? For example, if I want ...
-3
votes
1answer
272 views

Facebook Like vs Google +1 [closed]

We are thinking of implementing the like feature in our mobile app. Do not confuse it to be a social like or such, but this like will be saved on our own database within the app. Thats it! In order ...
1
vote
3answers
269 views

Should we use form button color to indicate task outcome?

I work in large company and We are building our UX guidelines for new applications. We have lots of legacy LOB applications with workflows that assign tasks to humans. Some of them are simple tasks ...
1
vote
3answers
158 views

Studies about using red colors in calls to action?

I should start by mentioning that I am looking for studies or general observations about using the color red. I am less interested in critique about the design. The specific concern that I have is if ...
1
vote
1answer
135 views

Is it considered best practice to have buttonset hover and active to have the same style?

From looking through the web at various buttonset examples, many of them have the hover and the active css style as the same. In other cases its quite different (with Active having a complete ...
44
votes
11answers
4k views

When a button contains text and an icon, which should come first?

Assuming I'm optimizing for making it as fast and easy as possible for most users to find the button they need, what's the optimal ordering?
2
votes
2answers
203 views

Back button placement on tablets and smartphones

Considering modern tablets and smartphones, why do some manufacturers (for example, Samsung and Lenovo) place back capacitive button on the right side, while the major trend is to place this button on ...
2
votes
1answer
130 views

How to get people to click on the G+1 button

I would like my visitors to click on the G+1 Google plus button. What is the best way to achieve that - where should the button be located? Would adding it to the order confirmation page after a ...
0
votes
4answers
293 views

Sign up with Google/Facebook/Twitter/LinkedIn

I have been trying to figure out which sign up buttons would be the best. For me it would be important to get real information, so I thought that signing up with Google and LinkedIn is the best ...
48
votes
12answers
14k views

Why did early telephones use a rotary dial instead of 10 individual buttons?

I was watching a video of little kids trying to figure out how to use a rotary phone, and it was not immediately clear to any of them how the rotary mechanism was supposed to work. That got me ...
3
votes
3answers
465 views

How to indicate this button/link opens a new tab

This isn't involving external links, but rather within a "single page app", we have some report buttons that should logically open their report in another tab (for printing, different layout, etc...) ...
3
votes
1answer
135 views

close button for item details page

In the web application we're developing we have lists of items in which items can be clicked to access an item-details page. The list disappears, the browser navigates to a separate url that displays ...
1
vote
1answer
106 views

Should a tooltip on a stateful widget describe the current-state or next-click-action?

What should be presented in a simple tooltip when hovering over a stateful widget, such as a button like the up/down vote and star buttons on this question? Is it important to describe the current ...
0
votes
3answers
105 views

Maximum length of a UI element string [closed]

I generally keep it as a good rule of thumb that if a UI element contains text that is longer than 20 characters (and is not an input field), then the contained characters should be a tooltip rather ...
0
votes
2answers
104 views

Colors and labels on buttons that reflect state

I recently read the "Should 'Yes, delete it' be read or green" (Should "Yes, delete it" be red, or green?) thread and was impressed with the responses. I'm currently having a very similar ...
13
votes
3answers
2k views

Why does the close (cross) button in Windows gets special attention?

In Windows's window even if you don't hover on the close (cross) button it always stays red. But the minimize or restore button is transparent, if you hover then it will become blue. So why does this ...
2
votes
1answer
114 views

Buttons in the “tab area” of a page control

Is it OK to put buttons (or a toolbar) in the "tab area" of a page control? In the example above, the number of tabs is fixed. The rationale behind this is to "save space". However. It "feels" ...
2
votes
2answers
116 views

“Revert to Default” UI element

In the settings dialog of our Windows desktop application, the user can type or select a certain (template) file. If nothing is specified, the application falls back to the default. This is indicated ...
6
votes
3answers
418 views

Primary Action Button Colors

There was some debate at my current place of employment regarding the order of primary buttons. In this case, a user has taken action to remove a user. There is a small call to action that launches ...
1
vote
2answers
336 views

Why are the two buttons on the apple TV remote shaped differently (Menu & Play/Pause)

On the apple TV remote, I have realized that the two buttons have a different physical design. The menu button goes invward (convex) and the play/pause one is flatter/goes more outward. I tried to ...
18
votes
11answers
3k views

Is red an acceptable colour for a submit button on a form for a purchase or booking?

I have been drafted in to provide UX feedback on a recently completed website. One point I made was that red was not a suitable colour for a positive action, i.e. completing a form. The reply cited ...
1
vote
2answers
121 views

Should an applied filter involve a data refresh?

Let's assume a page displaying a list of activities. They are some "Sport", some "Cinema" etc... To the Left of the list, there is a special column allowing user to filter displayed data. I'm ...
1
vote
3answers
190 views

Icon design for “I´m going” and “I´m interested” buttons

I am developing an Android application to display a list of upcoming events nearby. When click on a list item, the application display some event info, and also two buttons: The first button ...
0
votes
1answer
395 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 ...
0
votes
3answers
632 views

Buy Now Button Styling Best Practices? (Font, Color, Shape)

We are having a debate on the design of an e-commerce website about the buy now button. I would appreciate your feedback and would be very grateful for a link backing up your opinion. How different ...
43
votes
9answers
7k views

Is there a universally recognizable “Download” button?

I was trying to download software from a website below (I white-outed the software name, etc.): At first, I couldn't figure out which was the download button. The first button up top was painfully ...
1
vote
5answers
160 views

Should “Learn More” CTA be used as a link or button?

Does it make sense to use "Learn More" as a button to expand more contents? See example: http://www.starbucksstore.com/coffee/coffee,default,sc.html Some of my colleagues argue that after you've ...
3
votes
1answer
491 views

How does Windows 7 Aero taskbar determine button hover-state background colour [closed]

This has intrigued me for quite some time. Does anyone know the algorithm Windows 7 Aero uses to determine the colour to use as the mouse-tracking hover highlight on taskbar buttons for ...
0
votes
2answers
118 views

Is it relevant to use “switches” buttons in non-mobile app?

I want to use this kind of UI elements in my web app. They look nice and they don't lake a lot of place in the layout. I don't see them often beside mobile app, is it a good idea to use them for ...
2
votes
4answers
517 views

Should button icons enlarge on hover?

Context: I had done the creative for a web application and sent it to the front end developer to take care of. He took the initiative about 1 aspect that I'm unsure about how it effects users. I ...