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
0answers
40 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!!
0
votes
0answers
24 views

CSS - How change cursor property for submit button? [on hold]

Please see these css code: #buttonFlat1{ margin-top: 5px; text-align: center; border: solid #4A6801 1px; display: block; width: 100%; background-color: #96CE00; color: #2b542c; font-size: 1.4rem; ...
1
vote
1answer
81 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
67 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 ...
33
votes
20answers
6k views
+50

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
75 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
82 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)
32
votes
7answers
5k 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 ...
124
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
180 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
49 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
191 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
24 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
93 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
138 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
127 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 ...
0
votes
3answers
55 views

When sync is 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
184 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 ...
0
votes
1answer
80 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
112 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
81 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
58 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
85 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
85 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
275 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
586 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
79 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
131 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
103 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
23 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
935 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
204 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 ...
0
votes
1answer
57 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
107 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
425 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
545 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
32 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
45 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
171 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
245 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
239 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
93 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
213 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
196 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
121 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 ...
4
votes
2answers
243 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). ...