Questions tagged [buttons]

Buttons let users 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.

Filter by
Sorted by
Tagged with
0
votes
3answers
84 views

color for download and upload

Besides the down or up arrow, is there a convention of colors to distinguish between download and upload. I have two buttons like these and these too But I feel that there's not enough visual ...
1
vote
2answers
70 views
+50

Button reaction depending on the x-coordinate

I need to show some boring tables (some dates, some number and some text; no images) with a lot of boring details. Imagine your bank statement. On mobile, I'll have to use multiple lines for each ...
0
votes
1answer
28 views

How to support a “Save draft” to a wizard approach when the user takes a long time to complete a step?

I have simple user workflow, in which the User has to complete the process sequentially. But the step 2 might take a day or more to get completed. In the Current UI, If user decides to complete the ...
2
votes
3answers
227 views

Colors and labels on buttons that reflect state

I recently read the "Should 'Yes, delete it' be read or green" (Should "Yes, delete it" be red, or green?) thread and was impressed with the responses. I'm currently having a very similar ...
0
votes
4answers
127 views

When you have 3 buttons (one primary and 2 secondary) in a 2x2 grid, where should you leave the space?

I have 3 buttons in a 2x2 grid as shown. One primary (Decision) and 2 secondary buttons of equal importance. This leaves a space in either the top right or top left. Which option makes most sense and ...
17
votes
6answers
6k views

Fixed width for buttons or proportional with the text?

What is the best practice for a UI, to make all the similar buttons with a fixed width, no matter how long is the text (with the condition to fit) or make the width proportional with the text and add ...
12
votes
7answers
2k views

Should I use “Search” or "Find” on my buttons?

Working on a travel website UI. When I referred to some websites they use “Find Flights” on buttons used to lookup flights. In general, would you recommend I use "Search Flights" or "Find Flights” ...
59
votes
5answers
48k 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 ...
2
votes
2answers
389 views

Action button placement different for modals than base screens

I'm redesigning a product for iPad and Windows, and currently looking at the way buttons are placed in the application. Base screen Here is what a generic "base screen" looks like. Nothing special, ...
2
votes
1answer
61 views

Multiple actions on a single search bar

Can a search bar have multiple actions that the user can take on it? Context: I'm designing a system for a bike shop to manage the maintenance of all their bikes. Currently the mechanics fill out ...
1
vote
2answers
59 views

The placement of Next button in app for warehouse men

The app will be used on an Android device with touchscreen but physical keyboard. The device allows for bar code scanning so there's also a handle for more comfortable usage. There are a few steps ...
6
votes
3answers
225 views

Is a split button valid without proper visual grouping

Split button is basically a button with a default action and several other actions which are shown in a drop-down menu. While there's no doubt in how it functions, the issue is with how the default-...
454
votes
21answers
81k 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 ...
0
votes
3answers
62 views

Should visitors see all the links and buttons (which can be used only by registered users)?

We are developing a website which requires registration to use some features. My friend thinks visitors (non-registered users) should not even see the links for those features, because it is ...
0
votes
2answers
32 views

Active or Disabled action button in a mobile form? [duplicate]

I have a "change password" screen where the user's password has expired and he/she has to change it. it's a standard screen with "New password" and "Re-type new password" fields, with an inline ...
47
votes
10answers
36k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
7
votes
3answers
2k views

Why Google Chrome does not have a GoTo link button like other browsers? [closed]

Why google chrome does not provide a GoTo Link button like in IE, Firefox, etc.? And if this is because of the simple & modern design concept than why does other browsers still have GoTo Button?
0
votes
0answers
52 views

Positioning an all purpose 'smart' button

I'm building a desktop app which has a kind of smart button. On click, the focus switches into a search bar and a pop up shows up (not a modal box). One may use the search bar to quickly add reminders,...
1
vote
1answer
39 views

Toggle button on a table field

I'm thinking of using a toggle button to publish/unpublish a product in a table field. What is your view on using a toggle button and keeping a field clickable in a table?
1
vote
1answer
56 views

What do you typically use to launch a drawer component?

Outside of a hamburger menu, which is conventionally expected to open a drawer, is there another common treatment for initiating a drawer component on a page? A button? A link? Something else? Is ...
1
vote
3answers
80 views

Is it better to replace a button with error text or show error on click?

Context: mobile banking app I need to design a state for when the user is no longer able to transfer money because they have payments overdue on their account. Is it better to: Keep the button "...
1
vote
5answers
237 views

What would be the best way to show 3 actions on the bottom half of the page

We are confused as to which of these UI should we go with to as we have three actions relating to the content on the bottom third of the screen. Three buttons are: 1. Write to Device 2. Load from ...
29
votes
7answers
2k views

How to phrase button labels?

How should I phrase the following button labels: "Import image" or "Import an image"? "Create app" or "Create an app"? "Add description" or "Add a description"? If you could also supply the grammar ...
1
vote
1answer
36 views

Where to put an “Activity Log” affordance on a page with fairly high info density?

Hey! I'm designing a rule builder tool and trying to figure out where to put an "Activity Log" affordance - basically a place where the user can click and see a complete list of the edits that have ...
0
votes
3answers
78 views

Appropriate button label suggestions

I'm building a suggestions system to provide assistance to course providers when uploading their course advert. We provide assistance around spelling and grammar, language and structure and content. ...
1
vote
3answers
136 views

Confusing button options for user

We are working on a design that allows users to select from a few designs and then print. The issue is that there are 3 options : Print with Regular printer Save as image and print with special ...
0
votes
2answers
136 views

Button placement on modals – should it be consistent at ALL times?

I'm currently designing an app for iPads. I illustrated the situation below: The screen on the left is current version which seems to work really well when the user doesn't have to use the keyboard ...
0
votes
1answer
51 views

Alternate to button [closed]

I have a long text "view/hide basic specifications" and I don't want to provide a button as that doesn't look good at the required location how can I give user that function without a button so that ...
2
votes
4answers
759 views

Having two primary buttons

We are currently working on some email notifications. The email will notify you of something happening that requires your action. For example you are alerted that someone left a door opened when he ...
1
vote
1answer
84 views

Button appears in two important locations and feels redundant

I'm building a log in page but ran into an issue with my nav bar. As you can see the "Log In" button appears in two locations. What's the best way to approach this? To me it looks odd to have it ...
2
votes
5answers
221 views

Should a Save button be disabled if there have been no changes made?

I have a desktop application, and in this application, there is a non-modal dialog where a user can make changes to something. The dialog has a Close button and a Save button. The Save button does not ...
330
votes
14answers
79k views

Should I use Yes/No or Ok/Cancel on my message box?

Semantically, the Yes/No buttons are roughly equivalent to the Ok/Cancel buttons, but in general what would you recommend to use? Should I always use Yes/No or always use Ok/Cancel? Or does it depend ...
3
votes
2answers
153 views

Do I need “Continue Shopping” button on the shopping cart?

I did read a lot about shopping cart page this week and everywhere people insist to say: Add continue buying button on your basket to reduce the abandonment. The button "continue shopping" is an ...
1
vote
3answers
112 views

Static button placement vs dynamic placement?

I have a form flow I'm working on where there is one question per step. Is it better to have the "next" button always positioned in the same spot at the bottom of the mobile screen, or to move it ...
2
votes
1answer
85 views

Cocoa - When do you include a submit button?

I am designing an app with some forms. I have looked at other Cocoa apps to see how they handle the submission of forms. Some apps don't have a submit button and update their backing datastore (or ...
0
votes
1answer
56 views

How to focus on an area / button without looking too “forceful”?

Summary: How to place a website visitor's focus on areas that'll help them see value on the rest of the page faster? It shouldn't feel intrusive, since repeating visitors might not need to see it ...
0
votes
1answer
52 views

Laying out radio buttons and text area in a dialog

I have a dialog where I need to lay out radio buttons and their corresponding text and icons, and a text area. This is my current dialog layout, where the colors denote the icons. Note that the last ...
8
votes
5answers
2k views

Placement of More Information/Help Icon button for Radio Buttons

Throughout our system we are going to standardize when and how more information/help is used on specific input fields. In general the standard will be to have the icon/button follow the field like so:...
1
vote
3answers
107 views

How to solve the ambiguity of selected state in a segmented control with just two segments?

I'm working on a web application that has two similar data grids in a page. User should be able to switch between these two data grids within the same page. I have used segmented buttons to navigate ...
5
votes
3answers
6k views

What is the best practice for “delete” buttons in material design?

A lot of design systems/ style guides define red as the color for "delete"/ "erase"/ uninstall/ error buttons. In material design, I didn't find this specified. So, what is the best practice? I ...
4
votes
4answers
407 views

Does it make sense to have differently shaped buttons together?

Generally, buttons shown together are also visually similar. Are there situations where it might make sense to show together buttons of different shapes? E.g. a rounded rectangle button together ...
1
vote
1answer
213 views

Should the back button in a stepper be prominent?

I have a checkout page on my application that has two buttons, one to review the order, and one that goes back to the shopping cart. My product owner feels that the Back to Cart button needs to be ...
16
votes
8answers
12k views

Save/Cancel/Close button behavior question

The attached image shows a dialog with a save/cancel button bank and a "x" icon to close the dialog. The question I have is this. Should the cancel button even be on the modal if it does not clear/...
0
votes
3answers
100 views

Grab attention on buttons

how would you improve the buttons on the top of the screen? To grab attention of the user I tried to change a bit their color (they are dark blue instead of black), but I think that they are not ...
3
votes
3answers
300 views

Is it okay to break button consistency?

Currently have all buttons left-aligned in a dashboard. The alignment makes sense for filling forms. However, within a wizard and needed to add a 'Back' and 'Next' button, it makes sense to position ...
7
votes
5answers
504 views

Toolbar position relative to active menu item

I'm working on a system where a user can manage content for a group he is a part of. The image below shows the structure of the menu. The top menu is the user menu. The second menu is the group menu. ...
9
votes
5answers
3k views

Is using a hyperlink to close a modal a poor design decision?

So I'm having a bit of back and forth with our UX designer who I defer to given his superior knowledge of the field. However, part of his design does not sit well with me and I'm unable to swallow it,...
6
votes
3answers
1k views

Select numerical value with +/- buttons or manually entering?

The design I'm working on has the user assigning a value to each item, then if the value is more than 1, a second dependent attribute appears (as shown). I want the numbers to be large and not default ...
26
votes
7answers
6k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five-step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
4
votes
5answers
3k views

Placement of edit and delete buttons for dynamic table

The application I am working on has dynamic tables that gets longer as the user adds more objects. The user is able to edit the properties of these objects and/or delete them. I'm quite confident of ...