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)

1
vote
1answer
218 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
30 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
102 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
174 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
143 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
308 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
164 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
120 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
106 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
5k 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
64 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
91 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
101 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 practical....
4
votes
4answers
316 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
767 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
81 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
206 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
119 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
30 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
1k 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
273 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
67 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
128 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
686 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
572 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
53 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
198 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
466 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
313 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
98 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
246 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
312 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
150 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 ...
5
votes
2answers
453 views

Is there a reason for drawing Material Design flat buttons like plain text?

In the MD specifications are listed two types of buttons: flat buttons raised buttons the flat buttons are usually with black text, making them look like simple not clickable text (for someone). ...
0
votes
1answer
190 views

Why the hardware button of mobile devices is not placed at the front?

The button at the bottom front of iPod/iPhone/iPad/Samsung is great UX. Why other mobile manufacturers don't offer such a button at the front as well? Most smartphones have a hardware button on the ...
0
votes
1answer
89 views

What is the most easily understood message for “View More” for a table cell?

I have a cell in a table that is holding some data that can be exceptionally long. I have to crop the data and only display the first ~40 or so characters, and I'd like to add a link or button below ...
0
votes
0answers
91 views

web design function / navigation / action

I joined a project in which a web application product (SaaS) is maintained. It manages repeat payments to payees. Now there are a set of actions: request an off-cycle payment, show payment history, ...
2
votes
4answers
95 views

On an application that does heavy calculations, with underterminate progress indicator, should we have a cancel button?

The application I'm working on performs very heavy calculations. Right now we're using an undeterminate spinner. I go nuts from this and can imagine our users get even more annoyed with it. I thought ...
1
vote
4answers
598 views

What is the best location for the “Add New Button”?

I have a list of records. A new record will be added on a regular basis, but only one record at a time. Having trouble deciding on the best location for the "Add New Button". Clicking on the button ...
3
votes
1answer
144 views

Can you start your button CTA with “A” or “The?”

The site that I am working on, a design guideline is already set that we don't use radio buttons as a selection tool, but always use buttons for such a choice. For example, "Are you a member of this ...
1
vote
2answers
283 views

Confirmation Yes/No button pattern [duplicate]

I have 2 questions. Can we ask the user in a confirmation dialog, "Do you really want to discard changes?" Is this the right way to ask? Also, can the YES/NO options be replaced by Yes, I want to/No, ...
9
votes
4answers
2k views

Table with actions per row

One of the pages in our web app includes a table that typically has a few dozen rows for each user, and it takes most of the page's width (5-8 columns). For each row, users can perform 3 possible ...
4
votes
1answer
162 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 ...
2
votes
1answer
106 views

Is it good practice to have more than two buttons on a mobile form?

We need to use more than 3 button in a form. So we would provide something that contained Authorize, Reject, and Cancel. All are placed at the bottom of the form. Is it good practice to have more ...
5
votes
4answers
382 views

Does the position of icons in buttons affect the user?

I sometimes get in a bit of a muddle around which is the best position for an icon within a button i.e. left of the text or right of it. I was wondering if there is an easy way to determine the best ...
27
votes
6answers
3k 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 ...