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
1answer
29 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
93 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
4answers
131 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 ...
2
votes
1answer
62 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 ...
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 ...
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 ...
6
votes
3answers
228 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-...
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?
0
votes
3answers
86 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
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
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
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 ...
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 ...
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 ...
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 ...
3
votes
2answers
154 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
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
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 ...
2
votes
5answers
222 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 ...
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 ...
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 ...
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 ...
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,...
0
votes
1answer
177 views

What is the difference between a 9 dots menu icon and a 7 dots? [closed]

What does it possibly mean? Can it be used as 'go back to menu'? https://cdn1.iconfinder.com/data/icons/social-media-vol-3/24/_dots-512.png
2
votes
2answers
280 views

Where should I put the delete button?

I have a sidebar which shows all links that users saved. Since it's just a sidebar, I want to keep it as simple/clean as possible. Thus I use the cross icon next to the link for deletion. Option 1 ...
4
votes
2answers
131 views

How to show that more information is hidden?

I'm creating a dashboard with multiple states of information shown for each item. At this stage, I've got a "quick dashboard" and a "full dashboard". I'm trying to maintain a site-wide style of ...
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
2answers
100 views

Consistent position of Save button in multiple layouts

I'm currently working on a system aimed primarily at desktop users that has a wide range of layouts: some grids, some forms, and a variety of custom interactive interfaces with different designs. ...
22
votes
9answers
4k views

Grid/table with lots of buttons

Considering I have a grid with a number of buttons for actions the user can perform. It looks like this. I have a number of similar grids in the system. I am wondering peoples opinions on if I should....
2
votes
1answer
163 views

Chips and Button Sizes in Google Material Design

If the minimum tap area is 48x48dp (reference: material design accessibility), then what is the logic behind chips being 32dp in height (specs here) and buttons being 36dp in height (specs here)?
0
votes
2answers
81 views

Only button linked or whole item linked?

A site I'm working on has summary panels, with an action button to continue or view more details on that item. I'd like to make the whole panel clickable not only the button. Are there any negatives ...
1
vote
2answers
70 views

Button placement in the footer of card layout?

Should the button be placed on the bottom left corner or bottom right corner in the card layout? I was referring to Google's material design I found out that action buttons are placed on the bottom ...
1
vote
3answers
62 views

Raising attention for primary button in competition to the header

I am searching for some help with our primary color. We are using blue as the primary color and placed it into the header to support the brand's identity. On the other hand, blue is also our primary ...
0
votes
0answers
46 views

Pros and cons of displaying two CTA for the same purpose?

I am building a comment section and I am trying to display clear call to actions to get the user to participate in the current debate. I put into perspective statistics about the comment section and ...
0
votes
1answer
133 views

iOS: Delete/Upload button position

My iOS app (for iPhone and iPad) has two main screen with two buttons each: A table: Clicking on one of the cells opens screen 2; with Upload & Delete button Detailed screen with more information ...
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 ...
0
votes
2answers
205 views

Avoid toggle switch on any page with save button?

I'm currently working on a tool which more or less requires a submit/save button on every page. This is due to avoid any immediate effect on the end user who consumes the content. Sometimes, it feels ...
0
votes
2answers
168 views

“Undo Changes” & “Refresh”

In a desktop application, where users are pulling and sometimes updating values on a "datagridview" (DGV) that is data-bound to a database, how should a designer distinguish between "undo changes" and ...
0
votes
4answers
257 views

Pros and cons of putting a tooltip on a button?

I want to display a tooltip on a follow button to explain how notifications will be distributed. I don’t know if it’s a clean design or if I should find another way to explain the action. What are ...
27
votes
7answers
6k views

Should I hide continue button until tasks are completed?

In a multi-step wizard, some of the steps present the user with a list of tasks that must be completed before continuing to the next step. Each task in the list opens a popup where the user completes ...
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
76 views

Button functionality recognition

On our website we have a section with the top sales products of each brand. The sections are headed with a big title. Clicking each brand top sale button shows a group from five up to ten different ...
6
votes
2answers
1k views

Is this cancel button needed?

In this UI it is possible to type in text in an input box, press Enter and the text would get converted into a tag visually (and in JSON). After the tag is typed, the cursor would be ready for the ...
3
votes
3answers
176 views

Is there a need for a confirmation button on a multi-select comboboxes?

Is there any reason we should include a confirmation button on our multi-select comboboxes? What are best practices for the design of these controls? Mouse Functionality: Clicking outside of the ...
1
vote
1answer
65 views

When there are two buttons, how do i properly indicate that one is active whitout being ambiguous? [duplicate]

When you have a list with 3 or more buttons, its essencially easy to show the system status to the user, but for the first time i faced this two-button status feedback, and i don't know how to ...
11
votes
3answers
636 views

Why does Spotify have a second pause button?

I noticed Spotify has a big green "pause"/"play" button, even though there already is one in the controls on the bottom. I have been using Spotify for several months and never even paid any real ...
2
votes
3answers
98 views

Print-Button on expose

I have been thinking and thinking and thinking about this topic. I've researched multiple sources and theories. None of these was near to what we do, probably because of the pretty unique german ...
0
votes
2answers
74 views

Best way to insert a clear button in a datagrid cell

I have a datagrid (or, more general, a data structure) in which the user, with a proper button, can clear data by only one column. Since that requirements force me to implement different moments to ...