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
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
49k 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
402 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, ...
6
votes
3answers
276 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-...
458
votes
21answers
84k 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
2answers
34 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
59 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
49 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
3answers
93 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 "...
29
votes
7answers
3k 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
42 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
89 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
141 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
1answer
54 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 ...
3
votes
4answers
997 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
96 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 ...
3
votes
2answers
186 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 ...
0
votes
1answer
57 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 ...
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
130 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
7k 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
424 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 ...
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/...
3
votes
3answers
310 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
540 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 ...
3
votes
2answers
278 views

Logic of Next / Previous buttons when changes have been made to Previous

Can someone advise on logic of Next and Previous button when changes have been applied to previous item?
2
votes
2answers
377 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 ...
0
votes
1answer
376 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
80
votes
12answers
17k views

When a button contains text and an icon, which should come first?

Assuming I'm optimizing for making it as fast and easy as possible for most users to find the button they need, what's the optimal ordering?
20
votes
5answers
1k views

Why do most dashboards use capital words?

Most car manufacturers seem to use ALL CAPS for the interiors's buttons and switches, at least when they are not using symbols. Example: They even use capitals for things that are not even controls, ...
13
votes
3answers
2k views

Submit a Button and Cancel a Link… Too Confusing?

I have noticed in the last couple years a lot of web forms, if they have cancel at all, it is a link. I assume this is to drive the person to the UI element, a button in this case, that 99% of the ...
7
votes
2answers
4k views

Save & Continue Button

In the app I am working on the user is presented with a list of item on the left and a panel contained with input fields on the right. The user will navigate the list and edit pricing criteria for ...
17
votes
4answers
3k views

Save vs Save & Exit

We're designing an application for creating personalized photo books through a Flash-based interface. When the application first opens, we display a dialog encouraging the user to give their project a ...
4
votes
2answers
171 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 ...
22
votes
5answers
12k 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 ...
3
votes
2answers
146 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. ...
23
votes
5answers
4k views

Material design - buttons raise, not depress

There is some discussion of this here but I haven't found a more comprehensive discussion of it. With Material Design, objects that wish to convey being pressed appear to rise up towards the user, ...
23
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
217 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)?
11
votes
4answers
1k views

How to present Actions (eg. CRUD) buttons without taking focus away from main content?

I am looking for a way to present Actions (eg. CRUD) buttons while not taking focus away from main content. It'll be great to see examples of good application design (I am doing a web app (probably ...
46
votes
17answers
13k views

Should the OK/Cancel buttons be aligned right or centered?

Where should I put the OK/Cancel buttons on my dialogs? At the bottom centered or aligned right? I've seen both and I personally don't care, but I want to create a consistent look across my ...
28
votes
11answers
3k views

Are 'share this' buttons really effective?

On a lot of websites (especially blogs), we find 'share it' buttons like this --> . Personally, I never used one. If I want to share something online, I copy the link and manually share it through ...
0
votes
2answers
82 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 ...
11
votes
6answers
777 views

Button bar: criteria and position

Me and my team are (re)thinking some UI details of our main application. It's a "traditional" desktop application for the Windows platform. It's a business targeted application, and our customers are ...

1
2
3 4 5
26