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)

5
votes
4answers
1k views

Material design - buttons raise, not depress

There is some discussion of this here but I haven't found a more comprehensive discussion of it. With Material Design, objects that wish to convey being pressed appear to rise up towards the user, ...
0
votes
3answers
50 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 ...
1
vote
3answers
123 views

Interface to add content and multiple files

I have a modal to add Activities,so the user can add all content by typing it and/or select files to attach. See below: My problem is: Maybe the user just wanna type a very long description and the ...
0
votes
3answers
198 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?
0
votes
0answers
24 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 ...
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 ...
1
vote
1answer
99 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 ...
6
votes
2answers
322 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 ...
0
votes
2answers
76 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 ...
279
votes
20answers
37k 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 ...
36
votes
6answers
22k 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 ...
0
votes
2answers
83 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
1
vote
3answers
81 views

When is sync appropriate while reading a book in ebook reader?

We have ebook readers in mac, window, iOS, Android, etc. Recently, I'm working for the ebook reader for mac, window. Now, when user goes to a bookshelf, or goes into pages of a book, synchronizing ...
4
votes
1answer
157 views

What's the best way to show multiple options for opening a codebase?

I'd like to give users of a desktop app I'm working on the option of accessing their local code either through the Windows Explorer/Mac Finder or through the command-line, what's the best way to do ...
1
vote
2answers
228 views

What is a term users can understand when leaving Edit mode?

I feel kind of silly asking this but I'm having a real problem coming up a reasonable term for Read Only mode or Not Edit mode. Pictures to explain my problem... If the user wants to edit ...
5
votes
4answers
2k views

Disabling the browser's back button in multi-page forms

We're having this internal debate where some people think that the user shouldn't use the browser's "back" button when filling a multi-page form (for security reasons), and that the whoever hits the ...
1
vote
1answer
96 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 ...
6
votes
4answers
597 views

What is the reason behind the + sign/icons with buttons?

I have seen few high profile site which use + sign/icons for buttons, while other don't. Does any body know what is the reason behind using sign with buttons, should i use signs/icons with buttons? ...
17
votes
12answers
862 views

Separation of play and pause buttons for playing media

I seem to remember reading somewhere that having the play pause actions triggered from a single button that toggles is a bad idea It seems to me that this idiom works well (e.g. pressing space to ...
1
vote
1answer
85 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 ...
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 ...
1
vote
4answers
100 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)
0
votes
3answers
87 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 ...
3
votes
6answers
1k views

Triple-State (or Multi-State) UI Object (Button)

Any ideas for how to design a multi-state UI "button"? The three states are: Off On, Selected On, Unselected There needs to be a clear interaction difference between a user "Selecting" it and ...
127
votes
5answers
14k 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 ...
1
vote
2answers
96 views

Dialog box button behavior based on state

I have a dialog that upon opening performs some data validation (none of the data visible). The dialog is determining whether an action can be taken or not. The dialog has only two buttons - OK and ...
0
votes
5answers
213 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 ...
1
vote
1answer
207 views

Download button - icon representing the action or subject

When adding an icon to a button labelled 'Download free ebook' one can use an icon to represent either the action (download) or the subject matter (PDF). Which is better? Why? (And is the answer ...
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
0answers
26 views

Small number of commands in single window application

I work on an application that reads barcodes, reads information from the database and then enters this information into another application through UI automation. As shown in the screenshot the main ...
2
votes
3answers
477 views

A case against multi-colored navigation buttons

I am trying to find some evidence against multi-colored navigation links, however it seems to be surprisingly hard to find.. perhaps not so many people have come up with the "innovative" idea of ...
48
votes
6answers
63k views

Default cursor on mouse over of a button is not a hand pointer

Why is the default cursor an arrow when you hover over an HTML <button>? I always thought that arrows let you select stuff, but hands let you execute an action. Since buttons execute actions, ...
1
vote
3answers
99 views

What's the best practice for visually styling a button whose importance changes with time?

So here's some context. I have a button whose action changes importance during a certain time of the month. For a good part of the month, the action remains unimportant (a user can 'preview'). After ...
8
votes
5answers
1k views

Best position for collapse indicator on collapsible content

What is the convention/standard/best-practice for the placement of a collapse/expand button/indicator on collapsible content? I've seen many examples of the placement on the left (left of title in ...
2
votes
2answers
158 views

How to determine if button looks clickable?

I been making this message box's for my app, and i started thinking about how they presented to the user, if they are dominant enough that the user could easily understand what are the purpose of the ...
0
votes
2answers
137 views

Nice elevators patterns for imaginative psychology

For a person that could not see, would it be nice to have different elevator buttons arranged into different patterns, not sure which ones, at all, or not? On one hand, it would make things ...
3
votes
2answers
273 views

How can I encourage my users to use the “Login with Google” button?

I'm designing an application where users can either login with credentials they create on the website or login with their Google account. This is what the current mockup looks like: download ...
9
votes
5answers
1k views

Should I show the “Save” button before the required state is achieved

In our web application, to save a transaction (such as an invoice) the user must select the contact's name and add at least one item to the grid. Presently, the save button shows before these actions ...
6
votes
6answers
3k views

Why do many/most (Android) phones have the power button opposite the volume buttons?

I have just bought a Nexus 5 phone. I love the phone, but like my previous two phones it gives me grief when turning the thing on or off. The problem is that the power button is almost directly ...
4
votes
2answers
1k views

With link and button side by side, and the link is the more important action, how can I SHOW that it's the more important and frequent action?

In this question I asked about the appropriate label for viewing/editing an item in a list. I settled on a different solution than any there given - that of using a link for the viewing/editing, and ...
18
votes
6answers
4k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
0
votes
2answers
118 views

Appropriate label for a button that takes a user to an item?

I have a simple setup for this scenario... A page that lists all "playing seasons". Each season in the list has two buttons on the far right, an "Open" and a "Delete" button The "Open" button takes ...
0
votes
3answers
97 views

Customize table columns

What is the best practice to place customize columns button for the Data table. Please suggest if am right with the images added.
0
votes
2answers
80 views

Moving block of tabs with buttons

I'm trying to display informations from a Json object in 5 tabs at a time with two buttons to go to the next or previous 5 tabs What do you think would be the better way of you doing it?
1
vote
4answers
89 views

What are the possible means for showing that a timer is running?

Some button in my app is blocked until a timer finishes. But, I don't want to display the remaining time, so that the user does not keep staring at the timer, waiting for the button to be unblocked. ...
0
votes
1answer
62 views

Mobile: Hiding other options

The registration page would only ask for simple things: name, e-mail address, password, and phone number, and "user type". For the user type, say the choices are: Buyer Seller Middleman Visitor By ...
2
votes
1answer
89 views

multi-use physical buttons

The company I work for is beginning to incorporate LCD screens onto its devices, but not touch screens. These machines will be used in dirty, dangerous environments, so touch screens are not ...
21
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 ...
1
vote
3answers
106 views

Help on placing controls

I need some help on placing usercontrols for a financial app I'm working on (It's WPF but it's not relevant) I've created this wireframe I thinks this approach is an old style... and I need some ...
3
votes
3answers
224 views

Is a mute button necessary in a music application?

I'm building a music player application (like iTunes or Spotify) and the time has come to implement a volume slider. I was going to implement a system of clicking the volume icon to mute/unmute, but ...