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,525 questions
1
vote
2
answers
53
views
Is an arrow in a main CTA button a good idea?
Do you think having this arrow with a micro animation pointing outwards on a main CTA is a good or bad idea in terms of optimal user experience? I designed this button to go across all pages, and I ...
0
votes
0
answers
64
views
Why smartwatches dial keypad is not radial?
Looking at the problem of accommodate a calculator keypad in a smartwatch, I am left pondering: why when I open the phone tool in a watch, I still get the three rows plus cero keypad?
From the point ...
- 101
0
votes
1
answer
42
views
Action Buttons Arrangement based on a theory, is this correct?
I've been having a continuous discussion with biz team about the position of certain actions for a form. The user can create a form and have three action buttons for this:
Save: saves the changes on ...
- 630
0
votes
2
answers
70
views
Button placement for a confirmation modal that discards previous work
I’m doubting between two button placement options for a confirmation modal and would appreciate feedback on which is more appropriate. See visual option below (I've changed all UI copy for this post).
...
- 1
1
vote
2
answers
79
views
Where should I place the "New Client" button
In my previous applications (windows), the procedure was to
Select a Client.
If not found, create one.
Then goto the actual desired form.
I am trying to make it easy this time.
I already have very ...
- 502
1
vote
0
answers
44
views
How should I arrange and label action buttons in a mobile food journal entry wizard?
I’m designing a mobile app food journal where users can add food items or pictures.
For the initial “add food” flow, I’m considering a wizard-style form with the following inputs:
Food item name
...
- 11
0
votes
2
answers
120
views
What should I display in the button
This is part of an entry screen to make a booking on Helicopter Adventures. I am trying to get it functional before is improve the style. Before I get criticised, I am not happy with the contrast on ...
- 502
0
votes
1
answer
106
views
What is the expected behavior for navigation when you've got multiple button states, which correspond to one color each?
I'm working on a Unity app:
The first menu has users choose a couple of items in an accordion list: When one parent button is clicked, then a extended list with all of the child items is shown below ...
- 163
3
votes
3
answers
158
views
Movie showtime buttons not recognized as clickable by older customers - how to improve affordance without drop shadows?
I work for a web app for cinemas where customers can purchase movie tickets. Below each movie, we display showtime buttons in a horizontal row (e.g., "7:00 PM", "9:30 PM", "11:...
- 31
0
votes
3
answers
173
views
How to position three buttons in a bottom app bar on mobile devices?
I have three buttons, one is main action, the others are medium priorityin a bottom app bar on mobile devices.
The page allows users to accept, reject, or inquire about a quotation. The bottom app bar ...
0
votes
0
answers
37
views
Help a button multiple animation problem?
I want to make a hover effect for a button in the normal state and a differnt one for active state (4 differnt states)
0
votes
1
answer
85
views
Should the text on CTA button change in a dynamic form?
Background:
I am working on a form in which the input fields change dynamically based on the previous selection. For example, in the screenshot below, if 'Type A' is selected, rest of the form fields ...
- 101
1
vote
0
answers
70
views
Adding the same high level action button also to a lower level item form - both working the same way
I received a wish for an UI design change that I'm afraid it might make the design worse.
Currently, there is a stack of action buttons on the very right of the screen. One of the buttons is "...
- 111
1
vote
1
answer
62
views
Improve UI promotional vouchers - Applied, Remove - how can I make the states more obvious
How can I improve the current states to make it more obvious to users that they have to click apply/remove for the promotions?
There are two states: apply/remove.
- 11
0
votes
1
answer
89
views
Function of a button to get AI generated content
Well, this is something new for me: among the buttons to share a report from an online newspaper, the first one that appears is one that offers "Read the summary and glossary generated by ...
- 21.2k
0
votes
1
answer
85
views
Input field with option to generate name
I need to display a input field, where the user can either enter their username or generate one on the website. What is the best way to display that? With a generate button next to the input field? or ...
- 93
0
votes
1
answer
76
views
Disable whole form or just the submit button if it depends on queried data?
I have a form with various fields and a submit button
The submit action depends on some external data.
While that data is being fetched, the submit action cannot be processed.
I am fetching that data ...
- 133
1
vote
2
answers
104
views
Too many export buttons how can i manage this?
I need to adjust this all export buttons it doesnt fit like this.
Below the buttons it consists data tables.
- 11
0
votes
2
answers
385
views
Can a button have an info icon within it for the purpose of a tooltip on hover?
Can a button have an info icon within it for the purpose of a tooltip on hover?
This is for B2B so it is slightly more complex UX than B2C.
- 225
0
votes
1
answer
130
views
Should close buttons on the top of a scrollable page have a position:fixed in mobile?
My website is made up of tabs that only have visual content, like a photo album in a grid. When opening each tab, in addition to the extensive vertically scrollable content, there is a close button in ...
- 21.2k
2
votes
1
answer
178
views
How to align a column with a toggle button?
I have a table with three columns: name (of the service), version (of the service), and activated. All cells (except the header) in the activated column contain a toggle button that allows users to ...
- 121
2
votes
2
answers
172
views
Should I make these buttons full width on mobile?
This is how a section of my form looks on desktop:
On mobile:
Should I give the buttons full width on mobile instead? If so, why?
4
votes
4
answers
232
views
How do I deter people from pressing the wrong doorbell?
I live in an apartment building with a doctor's office at the bottom floor. The doctors office has a very big button for it's doorbell next to a column of three normal sized buttons for three of the ...
- 141
2
votes
2
answers
149
views
Button label for less than ideal workflow
I'm working on a site where users can view product inventory (let's say they're cars for the sake of simplicity) through the company's website. The user can then click a button that opens a 3rd party ...
- 251
1
vote
2
answers
210
views
Tabbed page with settings + saving, discarding changes - Best practices?
I have a configuration page with many settings across 8 tabs. Since this is a tabbed page, I allow users to move freely from one tab to another and make changes as they wish. I also provide a set of ...
- 11
3
votes
2
answers
696
views
Is there any difference to how users perceive tabs and buttons (button groups) meant to act as tabs?
I don't seem to be able to find adequate guidelines on how and when tabs should be used. Take these variations for example:
a) horizontal tabs:
b) vertical tabs (left sidebar):
I have been ...
- 804
1
vote
2
answers
672
views
Buttons vs links (as visual UI elements)
Introduction:
I keep reading over different articles the mantra that "Links go places, buttons do things", but this simply does not make sense on basic semantic level. Going to a place is ...
- 804
1
vote
1
answer
487
views
UI Design for dynamically manage multiple groups of form elements
I'm developing a user interface where users need to dynamically manage multiple groups of form elements. These groups may vary in content and quantity. What user interface guidelines and patterns ...
- 11
1
vote
2
answers
282
views
To indicate UI components are not yet usable, is the "wait" ⌛ or "not-allowed" 🚫 cursor better?
This answer makes the argument that simpler is clearer and thus is better, and the "not-allowed" CSS cursor 🚫 is more direct (in my opinion) than the "wait" cursor ⌛. Another ...
- 111
1
vote
2
answers
326
views
UX for multiple buttons
What is the best way of handling these buttons? we have almost 8 actions at the top of a table.
0
votes
2
answers
216
views
Usage of carets inside a button
In our UI, we have “More” buttons that, when clicked, open a menu with additional related options compared to other buttons in the button toolbar. These buttons have a caret next to the label, ...
- 101
0
votes
2
answers
643
views
Color of disabled buttons in MUI
We are currently using a customized version of MUI. I noticed that with some elements such as the buttons, transparency is being used for disabled states instead of assigning solid colors.
Is there a ...
- 1,494
1
vote
1
answer
74
views
Back button changes from cancel to save and exit
I'm working on a campaign management tool, and the user can create a new campaign which takes them to the creation page (a full page takeover). This full page takeover has a save and exit button on ...
- 11
2
votes
1
answer
189
views
What's the difference between 'Watch' and 'Follow' and when should one be preferred over the other?
I am working on a website whose primary audience is developers and system administrators(fairly technical folks). The website lets users download modules per their technical infrastructure's needs. We ...
0
votes
1
answer
104
views
Mobile Apps, Exit buttons and permissions [duplicate]
This question hasn't been answered thoroughly in other threads. Why don't android apps have an exit button rather than a force close in settings?
My question is not about system memory usage or ...
- 1
1
vote
2
answers
99
views
How to Encourage Users to Submit Multiple Price Requests on Our App?
Our app allows users to ask the price from vendors. The flow is as follows:
Click on the 'Request price' button
Fill and submit a form
The information filled in the form is saved and can be reused ...
- 11
1
vote
2
answers
153
views
How to change a progress dialog to indicate dismiss instead of cancel?
I am currently writing a wxWidgets application as a tool to perform a task. This task is asynchronous and runs in a different thread. I pop up a dialog box & disable the main window when the task ...
- 111
7
votes
3
answers
5k
views
What color should "record" / "stop" buttons be?
I have an application with a simple GUI for recording video:
In default state, button says "REC", pressing it starts recording.
While recording, button says "STOP", pressing it ...
- 2,716
0
votes
2
answers
137
views
Does it make sense to make the entire item in a list clickable, with a button inside it?
It's about a desktop app in which users can open a modal containing a list of items. Some of these items may have one type of action associated with them.
Does it make sense to make the entire item ...
- 11
1
vote
1
answer
128
views
"Add" button on multiselection dialog when no selection has yet been made - active or inactive?
Looking at a dialog with a simple interaction (multi-selection table with checkboxes at front and [Add] and [Cancel] buttons in the Dialog footer), but complex data (two-level hierarchy, several ...
- 3,942
0
votes
1
answer
289
views
Action buttons for modal in view and edit mode
I have a modal that displays the details of an user or product (view mode). You can click the edit button to show the form (edit mode).
Pressing Cancel will bring you back to View mode. And clicking ...
- 1,625
0
votes
1
answer
64
views
How should I label restart/resume buttons for a device passed from user to user?
I am working on a virtual reality application that is designed to be passed from user to user. We detect when someone removes the headset from their face, and detect when the headset is activated ...
0
votes
1
answer
110
views
Should I display related data in the same pop-up screen with save buttons?
I have a screen where the user have to enter two input 1. Valuation 2. Impact
Should I display the two in the same screen to make it easy for the user ?
It is correct to have two save buttons in the ...
2
votes
1
answer
84
views
How can I emphasise the fact that these tiles are sequential?
I'm making a customisable timer using tiles (work period + break period, repeatedly). I want to emphasise the fact that these tiles are sequential (i.e, left to right, up to down). There are a maximum ...
- 21
1
vote
0
answers
164
views
Is it okay to make a button appear in a table header after an action?
I need assistance in deciding between two user experiences for handling tabular data.
Use Case: Users encounter a difficult-to-process column (the 2nd one in this instance) and they decide to split ...
0
votes
1
answer
98
views
Solution for Alert button in app
I am designing mobile app and confused as I don't know where to place the Replace Worker button. Replace worker button function as an alert to Superior that, worker is not available and need to be ...
- 3
0
votes
2
answers
265
views
Is skeuomorphic design out of style? [closed]
Is skeuomorphic style out of fashion? Is it necessary for design system to have skeuomorphic style for other elements in the system?
Is flat design not in trend anymore?
- 2,541
3
votes
2
answers
679
views
What is better for UX/UI if phasing out features- hiding or disabling buttons/menus
We are in the process of phasing out certain features within our application. We are discontinuing some functionalities. Based on UI/UX studies, should we disabled buttons and menus or we should hide/...
- 133
4
votes
2
answers
283
views
Using ellipsis for commands in web applications
In history in desktop applications ellipsis are used to indicate the user that additional information are required, when he execute the command.
I'm surprised that in many web applications no more ...
- 1,531
3
votes
2
answers
391
views
Is having a delete confirmation built into the button itself an appropriate UX?
This is for desktop and mobile, basically when you click the button once it changes to "Confirm" with a cancel button next to it. I got some feedback that it's not clear you have to press ...
- 171