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
2answers
157 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 ...
41
votes
3answers
19k views

Do disabled buttons still need to be contrast compliant for accessibility?

Very related to this question: Accessible Disabled State but that is about how to style disabled buttons to make them accessibility compliant, but my question is slightly different. Is it actually an ...
2
votes
2answers
89 views

Adding Users to a list

I'm trying to create a smooth way of adding users into a list on a page. The user has to add email and full name for a user. And at least 1 user should be added before being allowed to proceed. Step ...
1
vote
2answers
59 views

Video play button on overlay images

I recently came across a big play button on an overlay image for a video. Pressing the play button displays the player, but does not start (play) the video. The user needed to press play on the video ...
2
votes
5answers
357 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 ...
0
votes
2answers
65 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 ...
0
votes
1answer
41 views

Useful label for message box cancel/close button

i'm reworking a message box that pops up when there was a specific error. In the title and description it tells the user what went wrong. In the improved version i will include 2 buttons (in the ...
1
vote
3answers
143 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
99 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
83 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
2answers
120 views

Should icons be trailing or leading in a button with icon?

What is the best practice for using both icon and label in a button should it be before the label or after ?
3
votes
4answers
165 views

How should a disabled-but-giving-feedback button look like?

Similarly to the author of this question, I was thinking about replacing a disabled button by one giving a feedback why the action is not allowed. That's not subject of my question as in my case, I'm ...
0
votes
1answer
77 views

Should buttons appear on a menu bar?

I am reviewing a design change in a desktop application. The proposed change is implemented with standard clickable buttons in a menu bar, appearing to the right of the normal menu items. These are ...
28
votes
7answers
5k views

Should all button text start with a verb?

I'm reading The Grammar of Interactivity on UXBooth and finds it quite interesting. However, the article quotes David Hamill who said (or wrote): Buttons are for actions, like “Get a quote,” “...
0
votes
2answers
54 views

Link-buttons and button-links

I'd like to hear your opinions whether or not using buttons that look like links (text links, especially when styled the same as links) and links that look like a buttons is a good practice. I feel ...
0
votes
1answer
46 views

how to design three button if in same page? [duplicate]

I have one page there displaying three different action buttons. As per UX guidelines how to display or style this button and more focus able. If can be three action level : Primary Secondary ...
3
votes
1answer
164 views

Is there an accessibility guideline for the contrast of a button color between a normal state and hover state?

I'm a designer with a typical, basic understanding of accessibility. My question is that is there an accessibility rule for the color contrast of a button that is in a normal state vs when it is in a ...
2
votes
2answers
203 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 ...
4
votes
2answers
64 views

Clearly differentiating between radio buttons and checkboxes in funnel

As a complete UX beginner, I am having trouble differentiating pages containing 1-choice-only radio buttons and multiple-choices-possible checkboxes. I feel like there isn't enough to clearly ...
0
votes
2answers
168 views

Material Design for web: Buttons with labels or icon buttons?

I've been reading about the "text vs icon" debate for some while already. Most of the articles and questions here are dated back to 2010-2016, so I wonder if they still apply for material Design for ...
1
vote
1answer
39 views

Short Story / Full story Button inside a Case Study. Why is it a bad idea?

-- BACKGROUND -- Hey I'm working on my portfolio (UX/UI) website now. The main audience will be smaller companies who don't know much about UX and case studies. But I am also looking for work and ...
0
votes
4answers
181 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 ...
0
votes
3answers
122 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
1answer
251 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 ...
0
votes
1answer
34 views

“Use for all?” function - what's a good UI?

Background: Recruitment software... Users can select multiple jobs and set the end date of those jobs all at once... Often, users will set all of the jobs to have the same end date... To prevent ...
0
votes
4answers
136 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 ...
29
votes
8answers
15k 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 ...
334
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 ...
0
votes
4answers
127 views

Which is best for an enter note field: an 'enter' button or hitting the return key?

While designing a text box where a user can enter a note, I want to eliminate the enter button and rely on the return key. What is the best practice for note entry fields? What is needed to tell ...
0
votes
1answer
154 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 ...
51
votes
6answers
24k 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 ...
0
votes
3answers
72 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 ...
2
votes
3answers
224 views

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
64 views

Condensing buttons or spreading them out on mobile

Designing an app with a map feature which has to contain two separate buttons for layer changing and location finding. Originally had the two button on the bottom right, for easy access for the thumb ...
2
votes
3answers
228 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 ...
17
votes
6answers
7k 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
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
397 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, ...
1
vote
2answers
61 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
254 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
83k 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
58 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
43 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
89 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
241 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 ...

1 2 3 4 5 26