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.
1,250
questions
0
votes
2answers
532 views
Display multiple buttons in mobile
I have a mobile website which shows multiple data tables. Rather than showing all of these tables, I have put them into an accordion, so that the user can click on the one that they want to open. ...
4
votes
2answers
200 views
Are plus and minus signs the best button choices for international users?
I'm working on a mobile app that will be available in many different languages. I have a text input that lets you enter an integer, and beside it, a "+" and "-" button so you can easily increment or ...
1
vote
3answers
214 views
Making something not look clickable
I haven't tested this theory, but I have a feeling users of my website may believe that the 'Concept' tag is clickable, when it isn't. How can I make it clear that this is not a button?
3
votes
1answer
195 views
Is it wrong to style a button like an anchor?
I'm currently adding a notice to our application flow that is disclosed by user action. The idea is that this notice is specific to certain situations in our flow, and not applicable in any case (that'...
2
votes
2answers
958 views
“Don't ask me again” as a checkbox or a button?
I have an optional form that is presented as a dialog box prompting for some information. The user can choose to fill this out and click submit, ignore it this time, or choose to never be prompted ...
1
vote
2answers
225 views
Buttons for slow- and fast-playback
I need to allow users to manipulate playback speed for audio; to do so, they can use three buttons:
- to slow down the playback speed by 10%;
+ to speed up the playback speed by 10%;
= to set the ...
1
vote
4answers
146 views
Confirmation as two buttons replacing one with previous interaction
Recently heard an idea to show confirmation buttons directly in place of an element(button), that had interaction, that led to confirmation.
The question is should the button be replaced with or ...
1
vote
2answers
184 views
Where to place add row button in a form on mobile applications?
I'm designing a banking application based on material design guidelines and when creating a transition request, the user can add multiple rows to the transition form in order to transfer different ...
1
vote
3answers
1k views
Multiple actions in a single button/link?
I came across this today while reviewing a mock from a coworker on another project, I told him it was "definitely wrong" but couldn't find any supporting UX guidelines that tackle this exact issue.
...
3
votes
1answer
541 views
Does it make sense to use a floating action button in a Web App interface?
I have doubts after seeing this article: https://conversionxl.com/10-useful-findings-about-how-people-view-websites/
4
votes
2answers
738 views
Conflicting UI/UX elements - Slider with Stepper buttons on each side
In one of my iOS mobile apps I’m showing a screen with 2 options for pasued video scrub.
At this point, the video is paused, I'm giving the users an option to examine the video, either using fast ...
0
votes
2answers
116 views
Menus under Menus
how do people feel about menus within other menus? I have the top menu which distinguishes between Individual Students and Groups, then the group name.
And THEN two sections which how the students in ...
3
votes
4answers
714 views
How to prevent accidental button press?
We have an app that logs tasks of workers and they're able to indicate the start / stop of the task by clicking "Start" or "Stop" (like a in a stop timer).
This "start / stop" time must be accurate (...
12
votes
2answers
2k views
CTA Button - Button too short to contain verbs
In one of my iOS mobile apps I’m showing a screen with 2 options:
The first option, on the left side, is an outlined button that performs a free action.
The second option, on the right, is a solid ...
0
votes
1answer
71 views
Right-click menus VS Buttons for Desktop Win/Mac application
I'd like to know what is the current trend when it comes to options in a list of items.
Is it better to have a right-click menu like this:
Or, buttons at the bottom of the list which enable/disable ...
1
vote
4answers
479 views
Back and Exit buttons on one page.. Is it user-friendly?
We have this app page where in a user needs to fill-out multi-page form. They need to be able to go back to the previous step (hence the back button). But at the same time, they can exit the entire ...
8
votes
11answers
504 views
Interface to prioritize multiple criteria of results when searching
I would like to present a user multiple aspects to prioritize, e.g. do you want a hotel room to be close to your location, cheap, comfortable, ….
I’m thinking about making three buttons, [Close][...
6
votes
2answers
517 views
Placement for next, prev and complete form later actions
We have a seven step form that the user must take, in every step there is condition that affects the next step.
This is a government project, so the form has many fields and it takes a while to ...
1
vote
1answer
977 views
Button states: enabled, disabled and unclickable
I am using some toggle buttons. I already have the enabled/disabled normal button, the enabled/disabled 'special' button (the users know what it means), but I want also an unclickable toggle button.
...
3
votes
4answers
861 views
Increment or Add/Remove Buttons
I'm designing a software and the first version was designed by my client.
During a presentation of the progress, he asked me why I removed the "Increment Buttons" (not sure if that is the right name) [...
1
vote
1answer
57 views
Language selection for print button
I'm pretty stuck with this one:
I have an explicit 'print' button but we also need to allow users to select the language in which they want the form to be printed. Adding a dropdown next to it before ...
3
votes
3answers
129 views
Length of Page Concerns
This is a reoccurring problem among clients I work with, so wanted to see if anyone else had some insight. Every client I design for tends to be hyper-aware of page length, with the tendency to fret ...
1
vote
2answers
136 views
Better design for a Call To Action button overlayed on a video
My company hosts marketing videos and we are in the middle of redesigning our Call to Actions that we overlay on top of the video to direct users to our client's booking site.
I currently have a ...
0
votes
2answers
155 views
Where to place buttons in calendar web app?
A few years ago I built a web application for my wife that allows her to keep track of recipes, add them to a calendar, and create a grocery list from a specific range of dates. I'm doing a facelift ...
2
votes
1answer
1k views
White colored card on top of a white background
I'm building an iOS only app that helps users understand their Twitter data.
I'm not sure what is the best practice in terms of User Experience and User Exception. I'm using white pressable cards, ...
3
votes
2answers
157 views
Form button - After selection state
On my website, there's a short form where the users need to make a selection (Green or Red) and then submit their request.
The currently applied method for the button state after making the selection, ...
2
votes
2answers
879 views
Button passes contrast test however button's background and div's background are low contrast
I have been going back and forth with design about this. I think there should be a contrast with the button and the div that holds the button, however, design says there is no rule about that. I try ...
1
vote
1answer
77 views
Need help with button layout on small device
I have the following button layout on my web app and it looks fine on larger screens..
On portrait iPad or smaller it looks like this..
I'm not sure what the best way to display, hide/show these ...
65
votes
9answers
15k views
Does a form with continuous save need a “Save” button?
I am designing a web-app with a lot of forms and i was wondering how to improve the filling.
The classical pattern is : fill, fill, fill, Save
Have you experimented a form which auto-save each field ...
2
votes
2answers
684 views
Buttons containing icon & text VS. Buttons containing icons, with text below
I'm designing an e-commerce product page that needs a Product Video button and a Try This Ring On button.
I've tried a few different methods and have researched best practices for this, but haven't ...
0
votes
1answer
67 views
Button activation
In a web app I have a grid with rows that can have an optional property with 3 states:
property is not set, no need of button C
property is set, button C "edit"
property is set, button C "view"
+----...
0
votes
1answer
48 views
Expandable list of names. Want link to open page. Should the link be the name or something like “Go to profile”?
Name__________Go to profile
Name__________Go to profile
Name__________Go to profile
I have a list that if you click on a row it will expand. I also want to be able to go to the profile page ...
2
votes
1answer
990 views
Placement of 'Cancel' action on an iOS navigation bar in a modal view?
In the case of two actions such as Cancel and Done, I would usually place Done on top-right and Cancel on the left. In the case of a single action such as Done, I would usually place it on the top-...
0
votes
4answers
896 views
More appropriate button text for resetting default settings
I'm developing a desktop application and in the application settings management dialog I've add a button that once pressed, reset all fields to default values.
I'm wondering what is the standard for ...
2
votes
2answers
936 views
How to clarify function of save button? 'Save and close' vs 'Save and exit'
What is the most clear way of saying that the save button will also close a window/action/process?
I have a web application with a launch page with several links. When the user enters a single ...
0
votes
3answers
481 views
Close icon + text button on modal? [duplicate]
Is it a good idea to give exit/close icon to top along with close button text after the content ends on a modal
If answer is not a good idea, please explain
0
votes
1answer
60 views
Why 2 methods to submit forms?
Why do we give users a 'Log in' button when they can submit the form via keyboard?
I know when I search the ios App Store, the only way to submit the form is with the keyboard. Should the same be ...
-1
votes
1answer
55 views
In hotel lifts requiring swipe card access, is it normal to swipe or press the floor button first?
Having been overseas to a number of different countries recently, I noticed that there doesn't seem to be any convention when it comes to the way people are meant to use the hotel lifts. Some guests ...
1
vote
2answers
122 views
Where to place a button that allows users to jump back to process steps from where it had came from?
I have a web application in which users have to provide the details for each sub categories and after all the necessary details are provided then it displays all the details on the confirmation screen ...
4
votes
2answers
316 views
Where to place a button that allows users to jump between process steps?
Consider I am on Page 5 of a website (which is the page before confirmation) and I have a button to come back to Page 1.
On Page 1 (below) I would have 5 buttons
3 buttons ("Previous", "Drop Down" ...
36
votes
4answers
7k views
Should I put a back button on my form wizard?
Currently I'm designing a form wizard which will be use in the website. My reason for not putting the button on the form is because I want the user to never press back and so must finish the form.
My ...
1
vote
3answers
6k views
Color for “Edit”
In the Bootstrap color scheme, the Danger button is red, OK/Confirm/Success buttons are green, secondary is gray (for Cancel and such), etc.
I want to have an Edit button to go along with my "Delete" ...
5
votes
3answers
963 views
What to do with button that have long labels
Do you have any best practice on how to handle buttons with long label?
Few options:
truncate the label
button in 2 lines and keep the width but might be ugly
button in 2 lines, keep the width and ...
4
votes
5answers
1k views
Selecting new status vs. Triggering status change?
I'm designing the control panel of a booking app. Guests will be able to enter some reservations, that the host will have to confirm or reject. A reservation can be in one of these stages:
Pending
...
1
vote
2answers
115 views
How to represent 2 buttons that cannot be enabled together?
We debate a lot with our ui designer in regards to the following so I wonder whether you can help us make a decision.
We have a game screen with 2 options, where a user can either select only one of ...
7
votes
5answers
498 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. ...
2
votes
4answers
1k views
Position of 'save' button in content management systems
What is the best position of a 'save'-button in a content management system form?
I'm working on a project that's largely content-based. The users of my system will mainly be adding or editing ...
3
votes
3answers
63 views
Newsletter form on mobile device
I am thinking about the best way to display a newsletter form on mobile device.
1st solution : a button. Then, a modal window appears on click with the form
2nd solution : the form is displaying ...
0
votes
1answer
592 views
To disable button or to not disable button? [duplicate]
Simple question, should a button be disabled if the form is not finished, i.e. still missing some input of mandatory fields?
Why/Why not?
0
votes
1answer
348 views
prevent unneeded button clicks vs allow button click + show user notification
I have some tables with data where I display for each row multiple action buttons.
I have now sometimes buttons where I am not sure wether I should allow the user to click on it because on the new ...
