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)

6
votes
2answers
324 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
79 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
189 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
97 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
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 ...
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
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 ...
1
vote
4answers
102 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 ...
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 ...
0
votes
5answers
214 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
102 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 ...
1
vote
1answer
208 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 ...
0
votes
0answers
29 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 ...
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 ...
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
138 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 ...
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 ...
3
votes
2answers
280 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 ...
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 ...
1
vote
2answers
138 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] ...
0
votes
2answers
119 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.
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
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 ...
1
vote
4answers
90 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. ...
2
votes
1answer
91 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 ...
4
votes
5answers
301 views

Are there UX concerns with having two side-by-side buttons go to the same location?

In this case these buttons both go to a portal where the user must login. I feel like there's a bad "UX smell" (or anti-pattern) having two side-by-side buttons go to the same location, but I can also ...
10
votes
3answers
701 views

Is the Floating Action Button going away

I am contemplating whether to use the material design Floating Action Button vs. Menu with different Action options and I noticed that Google in Google sheets, for example, has removed the button in ...
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
2answers
167 views

Button positioning for Negative, Neutral and Positive actions

I'm in the process of putting together a style guide for a web application, in particular, a section about buttons (it's visual weight, position and labelling). I'm almost there, I've done a lot of ...
0
votes
2answers
115 views

Using toggle buttons alongside text boxes?

I'm designing a control to allow users to quickly adjust two variables using a pre-defined list (in this case a toggle button group). Users want to be able to set and use these "quick-selections", as ...
0
votes
0answers
26 views

tile-indicator-button file-tree concept for aggregated alarms on a touchscreen

I've been kicking around a few ideas, and I think I've hit upon a potentially neat and elegant idea for a way displaying alarms on a touchscreen that just tells the user the minimum they need to know. ...
10
votes
4answers
988 views

What's the best location for a Continue button on multi stage Mobile App?

My app has multiple pages, each page the user adds info and continues to the next page. Where is the best place for the Continue control? Bottom & Centered for hierarchy or top right for ...
5
votes
2answers
241 views

Best way to provide add/remove functions for a matrix's rows and columns in a smartphone app

I'm building a matrix calculator for Android and am having some difficulty designing an intuitive Graphical User Interface due to the limited space I have on a smartphone screen. The top 30% of the ...
1
vote
1answer
64 views

“Clear” button necessary in request/query form?

I have a book request form where user enters his user id details, no of books, no of pages delivery mode and other booking details(comes to around 5-6 input fields). It has Submit, Clear and Cancel ...
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 ...
3
votes
5answers
557 views

What is the Button's Unpressed and Unhovered State Called?

What is the proper name of the state for a button that is not hovered and not pressed? I need it to properly describe this state in the code comments, named constants, etc. I first used the word ...
5
votes
2answers
563 views

'Continue' and 'Retry' buttons location in action div

Regarding a Web console: I have a process that stops from time to time when it has warnings and fails. I'm allowing the user to retry or continue after taking care about the warnings and fails. ...
1
vote
1answer
39 views

What needs to dominate an input: call to action or the current value?

Context: Cinema ticket booking app. App displays movie screenings in a geographical location. Initial location is determined using user IP. User can change their location by entering an address. ...
8
votes
7answers
2k views

Does a rollover that replaces content with an icon help user understand the role of a button?

We are designing an app that displays movie showtimes. A link to book a specific time is a box with a time. A designer is suggesting to add a rollover effect that replaces screening time with a ...
2
votes
1answer
48 views

Vertical titlebar with windowshade button

I have some panels that are sometimes oriented vertically and sometimes horizontally. When they're vertical, the title's on top with two square buttons [ - ] windowshade and [ x ] close. The title bar ...
1
vote
2answers
184 views

Circular context menu on hover

I'm working on a mouse-centric user interface in a desktop application. The target audience are people savvy with computers. The main element of the user interface is a circular button that doubles ...
2
votes
6answers
333 views

Should text in button be capitalized in English?

As far as I know, in English titles each word should be capitalized. Should each word the text in buttons be capitalized if it is a title (e.g. "Add Job Offer"), or should the button text be treated ...
2
votes
3answers
279 views

Include UI Play/Pause buttons even though remote contains same functionality?

I'm working on a tvOS application that plays videos. On the bottom of the screen are a set of buttons I've created; Previous, Next, Pause, Play. Coming from an iOS background I'm so used to creating ...
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 ...
2
votes
2answers
233 views

Putting mouse pointers on graphic buttons. Good or bad UX?

When the design of the button has a mouse pointer on it, some might say users will be more attentive to the button if they see the cursor and think it is theirs. Others will suggest this is a ...
2
votes
3answers
239 views

UX: Whats the difference between Save and Apply Buttons?

Can we use both Save and Apply buttons on same dialog box? Looks like the apply button does not have a common meaning for users. For example: I have a global setting and local settings for items ...
4
votes
2answers
136 views

Redundant to have “add” and “save” button when adding choices from a list?

On StackExchange, when you want to add a community to your account, you go into the upper left corner, click on the pull down, and click "edit" next to the "Your Communities" text. Then you start ...