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
1answer
7 views

How can we clarify that our giant red button just opens the door and is safe to press?

Our office front doors use an electronic look to enter and exit (but can also be opened using a key). To open the door from the inside, you need to press a giant unmarked red button to the right of ...
0
votes
2answers
45 views

Accessible Disabled State

Is there a best practice for disabled/inactive buttons or tabs that meet accessibility color contrast requirements? A greyed out treatment seems to be the most common, however grey on lighter grey ...
0
votes
1answer
87 views

Back button in Navigation Drawer on iOS?

Description: The Navigation Drawer pattern of Android fits my needs pretty good. The app includes several applications. Within applications there are several tabs and the user can open additional ...
1
vote
0answers
23 views

Touch to return to facebook return button

I have been trying to think of some other UX methods for moving from one app to the other with ease of use and not getting the user over cluttered with button and icons since the system I am designing ...
-2
votes
2answers
46 views

Middle button on Touchpad

I had never seen live any laptop which touchpad block includes a middle mouse button. It always brings only left and right mouse buttons. So the question is: what can I do to achieve the effect of ...
2
votes
5answers
108 views

Good wording to indicate Export and Download action?

I have run into this issue with a few web apps: There is a page that displays some data, and the user needs to have the ability to retrieve a file of the same data (typically as an Excel spreadsheet). ...
1
vote
3answers
224 views

Where do I keep the download button on a website?

I have developed a promotional website for an iOS application. The introductory view of the page contains - aside from a short description and screenshots - an official AppStore badge, which will link ...
2
votes
2answers
187 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 ...
1
vote
1answer
165 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
1answer
221 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. ...
3
votes
2answers
85 views

Rearranging buttons on a vertical toolbar

I'm designing a windows software interface and I'm focusing now on a vertical toolbar with 20+ buttons. In a big screen, we have enough vertical space to fit all the buttons in a single column, but as ...
5
votes
4answers
187 views

Is there a standard order for `Stop`, `Play`, `Back`, and `Forward` buttons?

I have Stop, Play, Back, and Forward buttons with stereotypical DVD icons in an app I'm making. Is there a standard for ordering these?
42
votes
9answers
4k views

How can I make monochrome icons work?

My company has just implemented a monochrome icon theme in an attempt to transition to a more "modern" interface. Feedback from the first round of user testing has been mixed: Almost everybody ...
0
votes
1answer
77 views

Favorite - unfavorite buttons and animations

I'm designing a web app that allows registered users to favorite / unfavorite quotes. I'm not sure if I have a comprehensive approach for a user. You can view or download a short movie clip that ...
8
votes
2answers
938 views

Should all links on a website be the same color?

I'm not a web designer and would like to know about link and button colors. About links Should all links be the same color, knowing that sometimes the background has different color so the links are ...
2
votes
2answers
122 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
1answer
353 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 ...
155
votes
17answers
10k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
1
vote
1answer
128 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 ...
7
votes
3answers
508 views

When does a button hold “too many” words?

Background I came to ponder this question whilst mocking up a modal window for the application we're developing. I had trouble summarizing the semantic phrase: "Click here to get a list of all of the ...
1
vote
2answers
104 views

Where would you place scroll indicator buttons? Left or right of content?

I was wondering if there were any A/B tests carried out for where scroll indicator buttons should be placed. See for example Acquia.com, they have up and down scroll buttons placed, which is good for ...
1
vote
2answers
104 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 ...
2
votes
1answer
187 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 ...
2
votes
2answers
333 views

Pricing page: single vs multiple call-to-action button with multiple plans (example inside)

What do you think about having single vs multiple call-to-action buttons? When we were brainstorming our pricing page, half of the room was for single and the other half was for multiple. I'm trying ...
0
votes
1answer
51 views

Remove the background on an icon-button [closed]

Good day, I have an "checkbox icon" which opens a window with checkbox groups. I'm not really enjoying the background-color of the icon, I think it's better without the background. ...
0
votes
2answers
123 views

Edit button or tap to edit

What is the best way to indicate edit-in-place functionality on a list view in a responsive web application? This is an in-browser application designed for mobile (not a native mobile app), so ...
1
vote
1answer
64 views

Signup “skip” button needed or only “next” button

We have a website where the signup takes different steps. One step is a form where we ask the user mobile number. This is optional because not everyone want to give the number and we make it ...
1
vote
2answers
191 views

Do images (icons/glyphs) on buttons improve usability?

I'm working on a desktop application where most of the buttons just have text on them. Putting images (icons/glyphs) on the buttons does make the application look more attractive, but does it improve ...
5
votes
5answers
463 views

Are Save buttons still necessary in web applications?

There seems to be a growing trend with online applications to save data/progress automatically. In many cases where an interruption to the connection or service is quite likely, it is definitely a ...
0
votes
1answer
134 views

Grab point textures best practice

I'm using jquery's draggable and droppable to enhance the usability of a wireframe stack in our application, and I've already adjusted the cursor to the CSS move glyph to indicate as much. I'd like ...
1
vote
2answers
125 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 ...
0
votes
1answer
59 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 ...
0
votes
1answer
160 views

The best way to arrange buttons for a complex calculator UI?

I am creating a Physics calculator UI as part of a science project. It involves calculating a lot of values, from a given two or three values by the student. I have handled the coding part, and what ...
6
votes
8answers
445 views

How to modify an image to make it clear it's an image (and not a clickable button.)

The image has a button in it, as we're referencing another part of the site to show customers what they can expect, and what to look out for site-wide. What is a good way to modify the image to ...
1
vote
3answers
109 views

Optional wizard page best practice (Skip VS Next button text)

After a user buys a giftcard, he gets to the following giftcard redeem webpage: download bmml source – Wireframes created with Balsamiq Mockups The user chooses a country. When ...
0
votes
2answers
100 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 ...
0
votes
1answer
58 views

What's the best word/label to put on a multitask button?

We have a web app. It currently has a button which opens a modal window. This modal window has quite a lot of functions in it. Here they are: Generate a PDF of the selected products (the most ...
4
votes
5answers
348 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 ...
22
votes
11answers
4k views

Why don't mobile apps have a 'close' button?

I'm a fairly new user of Android and i'm annoyed by the fact that almost all apps lack a "close" button. Is there any reason why developers don't make such an option?
0
votes
1answer
39 views

Button text in table column - 'Open' or action name?

I need to decide which version will be more intuitive: Ver. 1 - action name in heading and open buttons: Ver. 2 - empty heading and action name on each button: Is it a big difference between ...
0
votes
2answers
55 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 ...
8
votes
5answers
1k 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 ...
3
votes
4answers
230 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? ...
18
votes
9answers
3k 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
2answers
52 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 ...
1
vote
1answer
102 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 ...
4
votes
5answers
3k views

Recommended button sizes on web pages

What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
0
votes
1answer
179 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 ...
6
votes
5answers
2k views

What are we calling the 3 lines button in mobile apps? [duplicate]

This button is appearing in many mobile apps and has the function of displaying off-screen menus, whether from the top of the screen or the side. When writing tutorials for example, what is a ...
59
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?