Questions tagged [buttons]
Buttons allow users to directly trigger an action or activity in a software solution, and is a concept borrowed from its physical counterpart in its digital design. Use this tag for questions about how buttons should be placed, styled, aligned or used to express their purpose and facilitate their operation.
1,445
questions
0
votes
1
answer
65
views
Button or link to slide content to be visible?
Should I use a button or a text link to trigger a downward slide with content section on ecommerce shop's product page?
Update: The opening content should display next to the product image just above ...
- 103
1
vote
1
answer
65
views
Documenting button interactions
Instead of using "click" or "tap" in my documentation, I use the word "select" to select an option from the menu, buttons, etc. However, I am faced with a situation where ...
0
votes
3
answers
86
views
Cancel button to go back after Saving
In a desktop application, I have a form which the user can edit some data, then save it. When they save, they stay on the same page and get the feedback message like "Campaign saved". And to ...
- 305
1
vote
1
answer
68
views
Should this be a link or a secondary button?
This is a wireframe and in development but we've recently been posed the question, "Should Edit Address be a text link (shown below) or a secondary button under the Primary "Confirm address&...
- 13
2
votes
3
answers
137
views
What type of design pattern to use to toggle list actions?
In the design draft pictured below, you can see a number of events in a list. Users reviewing this list want to be able to add events to other lists: a watchlist or send list -- or both. They also ...
- 121
0
votes
2
answers
43
views
Indicate Interaction Hierarchy in Modals with Buttons and Links or Buttons only?
I am designing a map-based web application with multiple small dialogue windows and have problems to decide whether to use buttons only or buttons and links as interaction elements.
In all of the ...
0
votes
0
answers
28
views
Include or omit (in)definite articles in button labels?
Considering the following primary button in a web application:
[Wait for deadline] or [Wait for the deadline]
Are there any best practices regarding the inclusion or omission of definite and ...
- 101
0
votes
0
answers
32
views
Enhancing user awareness of bulk action button activation requirements
I am working on a program that primarily handles reports in the form of tables. These tables contain actions that can be performed on multiple items simultaneously (bulk actions). The bulk action ...
- 494
0
votes
2
answers
106
views
How would you place multiple buttons in a multi-step form? The User should be able to save ( for drafts) and proceed. Being able to go back and cancel
With this multi-step form, the user should have the opportunity to save each intermediate step (draft) and not just at the very end. The user should be able to cancel the process without saving and he ...
- 1
0
votes
1
answer
82
views
Managing mixed-state item selections in table-based UI actions
See graphics below.
Context:
There is a table-based layout that presents data. Within this table, two categories of actions exist: general actions that apply to the entire table and selection-specific ...
- 494
0
votes
1
answer
60
views
Buttons with icon. Possible problems
I'm designing a web application. In several pages there are many secondary buttons that allow users to perform actions.
For example, inside an "Order" page you can:
Create notification
...
- 317
1
vote
1
answer
583
views
Do we still need an active/pressed state for a button?
Given the website is fast and responsive: do we still need an active/pressed state for a button? Can we afford to have the pressed state similar to the hover state, because a website is so fast you ...
- 1,324
0
votes
2
answers
110
views
Is it bad to place the back button next to the navigation button?
I have an enclosed checkout flow that I want to allow users to go back one step at a time while also allowing them the freedom to jump to specific steps using the navigation. Is it a bad practice to ...
- 1
0
votes
1
answer
79
views
Two options of how user selects mode. Which one is better? [closed]
Hello, guys! My colleagues and I had a very heated discussion over those options of how a user can tune settings in our web-application.
A little bit of context: we build a system for professionals ...
- 3
0
votes
1
answer
52
views
A UX question about spatial navigation
so recently my team has been working on an interesting project that involves creating a 3D apartment showroom. My job is to design a simple navigation for people to easily navigate between 2 rooms. ...
- 1
0
votes
1
answer
68
views
Would the placement of the Save Button be better in the top right or under content?
Would the product be better served with the save button for each tab/section in the top right where it is viewable or at the bottom of the content underneath? I know it is common to place it bottom ...
- 27
0
votes
3
answers
105
views
Should "primary" buttons always perform an action?
I have 2 buttons, one is only to open a menu below and the other is to navigate to the view to create a new employee. I recently read an article where they say primary buttons should only be for ...
- 1
0
votes
2
answers
111
views
Indicating on/off state and action with button
Is there an objective criteria for buttons in a GUI on how to reflect the current state of a button and indicate what happens if you click it? For example an On/Off button where green indicates on and ...
- 154
0
votes
2
answers
85
views
Seeking UI design advice for implementing trash function in a list of sections
First time poster here, and seeking UI design advice. Feel free to ask me any follow up questions for clarification.
This is for a web-application. Requirements for this UI component are that the user ...
- 1
0
votes
2
answers
71
views
How can I improve a page with a year change system?
I'm trying to deal with the UX of a page containing a year change system (see current design below).
I received some feedback and learned that users might have difficulty finding how to change the ...
- 3
1
vote
3
answers
136
views
Position of Cancel and Back Button
We have are building a room finder application where we have a back button and a cancel button. The back button goes back a step in the navigation, while the cancel button cancels the navigation. &...
- 404
1
vote
3
answers
216
views
What are some cases, if any, where a button element should act as a link?
Common practice is for links to use the a element, and buttons to use the button element. But are there any cases (even if their edge cases) where a button, via Javascript, should behave like a link?
0
votes
2
answers
257
views
When to use primary or secondary buttons?
Trying to understand when to use a secondary button color on home page? I know to use it on save or cancel etc. But when on home sections?
- 27
0
votes
2
answers
829
views
"Show more" vs. "See more"
Which is considered more appropriate for a button, loading more items on a webpage? "Show more" ("Load more") sounds like a command to the system, but "See more" ("...
0
votes
2
answers
54
views
Mobile Survey Design -- Next button vs automatic continue [closed]
I'm wondering if there is a situation in mobile survey design where a next button is more favorable than automatic continue after user selection and vice versa.
- 1
0
votes
1
answer
72
views
Appropriate button label to preview a file before sharing it publicly
We're working on a platform that has these 2 sections:
Private files - participants in the call have their own private files section
Public files - Files shared here become accessible (to preview and/...
- 1,325
9
votes
5
answers
3k
views
How to indicate that a button is locked?
I am designing a service, where certain features would be available only for registered (and paid plan) users.
On the front page, there are two options: "Quick scan", that selects the ...
- 198
5
votes
3
answers
858
views
Button position in equal height containers
I am designing card elements and struggling with the CTA button positioning:
with equal amounts of dummy text the content heights and button positioning remained consistent and easy on the eye.
...
- 51
3
votes
2
answers
378
views
Accessibility of Button States
I've seen some discourse online that best practice is to design the 'focused' and 'hover' states of buttons differently.
I was wondering if there is any practical reason or accessibility requirements ...
- 31
0
votes
1
answer
161
views
Making a dropdown more apparent
After the good advice here: Multiple button display on a message approval screen, I reformatted our pending email message approval page. It now looks like this:
I've made the sender's name a dropdown,...
0
votes
2
answers
222
views
Best practices for action buttons in a stepper
I'm currently pursuing studies in UX design, and our task is to develop an application that facilitates communication between craftsmen and individuals.
For the registration process, we have opted to ...
1
vote
1
answer
76
views
Multiple button display on a message approval screen
We have a responsive website that uses Bootstrap. One of the pages is for approving a pending message for an email group. There are a lot of options available, currently displayed as a series of ...
1
vote
1
answer
23
views
Is inconsistent language in a call-to-action button OK?
We are in the process of designing new marketing pages for our website. All of these will be designed to get a visitor to understand features and benefits and encourage them to register.
Our main ...
- 121
0
votes
1
answer
69
views
On designing a button
I'm designing a button for an tool app.
What are the general design rules for button design?
I'm trying to keep the element sizes in 8s, e.g. 8, 16, 24, 32, and so on.
The font size is 14px.
Then ...
- 133
1
vote
2
answers
130
views
Multiple choice submit button(s) alternatives?
I'm redesigning an internal enterprise tool. There's a page to enter invoice details (or leave blank, if appealing or transfering), and there's a terrifying set of 9 Submit buttons. I'm trying to ...
- 177
1
vote
3
answers
127
views
2 buttons with the same action
I'm currently working on a project, and the FE devs pointed out that I had the same action twice in a page, and I knew I had done this, but after researching more about it, there's not much I can find....
- 11
3
votes
0
answers
47
views
Back and Close button in the same native page
In this period, the current version of Netflix offers the user who has browsed through several films, the possibility of closing the page or going back through the content history.
To do this, Netflix ...
0
votes
2
answers
66
views
What is best Primary action UX writing for this scenario?
What do you think about UX writing of primary action? should be named as just Add or Add holidays. For me Add doesn't give clues to the user about what going to add.
0
votes
2
answers
72
views
I add you and I pay AND You can join if you want, but you pay
In your opinion, how can I distinguish between two buttons that currently appear similar?
Button A allows me, as a user, to add a collaborator by paying $10.
Button B invites a collaborator who will ...
0
votes
3
answers
143
views
Button interaction inside table
I'm working on a table redesign and when it was first created they didn't have the design and experience in mind.
Right now, the table is a listing of products and there's a button inside the table ...
0
votes
1
answer
74
views
Show and hide button after generating
When a client clicks the Generate receipt to get a receipt, what would be better UX? Hide the button after the receipt becomes available or continue to show the button after the receipt becomes ...
- 3
0
votes
1
answer
63
views
Should a "New Item" action immediately select the added Item?
Scenario: I have a button labeled "New Item" which adds a new Item to a list (for example, in the image below, "New Signal" adds a new "Signal" to a list of "Signals&...
- 101
0
votes
5
answers
163
views
Sticky button but only after user made a selection
I'm designing a screen where users have to:
Select a day
Select a time slot
Click a "Confirm" button (which is disabled until the user selects day and time).
I didn't want to make the ...
- 317
0
votes
2
answers
83
views
Are two buttons with similar appearance and text an accessibility concern?
I'm inspired by this answer: https://meta.stackexchange.com/a/386770/175002 but I've come across this elsewhere as well.
The two buttons read:
Accept all cookies
Accept only necessary
I'm straining ...
- 179
0
votes
1
answer
152
views
How to position a "add to list" button?
Following picture shows a list of notes in a tab-layout. Each list has a + button at the bottom to create a new note.
As the list grows the user has to scroll down (a lot) to see, that there is ...
- 243
0
votes
5
answers
118
views
Should users be allowed to add new users on a user management screen while the screen is still loading
Designing an access management module. Sometimes there will be a delay in the list of existing users loading. During this time the add user button will be active. in this case users will be able to ...
- 10.6k
0
votes
1
answer
67
views
Reset Button in Filter Popup
How should the Reset button on popup work? Should the window be closed?
You need to close the window. The filter is reset, the table is updated
The window does not close, all items in the list are ...
- 21
0
votes
1
answer
522
views
Form Unsaved Changes
Which of the modals shown below is more align with best practices for the following scenario?
Scenario:
A user is filling out a form. There are [Save] & [Cancel] buttons on the form. The user ...
- 513
0
votes
2
answers
79
views
Which should be the right rule to show two play button in the same interface?
I'm trying to design an app interface.
The app functionalities are:
show a map
start a tour (play button). It starts tracking the route, kms/miles and time
play some audio (another play button). All ...
- 103
0
votes
0
answers
45
views
How can "exit" mean "continue"?
When you press Exit button on remote controller while using Kodi, this player won't stop playback. It will exit to one of the menu pages that you've been browsing before playback, but will continue ...
- 119