Buttons 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.

learn more… | top users | synonyms (1)

0
votes
4answers
130 views

Where to place a “Add Car” button

I am really trying to make it simple and elegant but I can't decide where to place this button where a user can add there car to there profile. I attached a screenshot of my mobile app, any answer ...
0
votes
2answers
32 views

Where to place my button to open a full screen gallery in my design on iOS?

I need advice to placing a button or an icon on my design. The button/icon should open a full screen gallery. I have a few ideas mock already like press the image or press a button. The problem with ...
2
votes
0answers
27 views

In a survey, will the size of buttons for choices bias the responses?

I'm working on a survey platform, and I am wondering, with a design such as would the differing button size for different answers introduce a bias into the responses? Note that the survey platform ...
39
votes
17answers
8k 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 consistant look across my ...
5
votes
3answers
147 views

What's the best practice for button alignment in responsive email templates?

I was looking for case studies or UX research to figure out what is the best practice for button alignment especially in email templates, but couldn't find anything relevant. Our practice: We tend ...
2
votes
1answer
98 views

Button text based on previous button's context

There's a table with a list of files that need to be tagged before uploading. The table might get longer than the page height, so it's scrollable, and above it there are buttons that work on selected ...
0
votes
1answer
53 views

What is the best way to design layout a screen on a tablet that's supposed to only show two button?

I know that the simple answer will be just add two buttons on the screen and I'm good to go. But I just feel that it's awkward to just put two button on the center of a big screen, especially because ...
0
votes
1answer
86 views

Why do most car radios have 6 preset buttons?

When looking at modern car radios, it's obvious that the vast majority of these has 6 buttons for pre-set radio stations. Why? Why not less, why not more? It was very tempting to add radio-...
54
votes
6answers
65k views

Default cursor on mouse over of a button is not a hand pointer

Why is the default cursor an arrow when you hover over an HTML <button>? I always thought that arrows let you select stuff, but hands let you execute an action. Since buttons execute actions, ...
0
votes
2answers
83 views

Choose between single or double buttons for two actions

I'm trying to find what is the best approach for the following scenario. I'm building Music Player App(iOS). For each played song we have two options : Add the song to My Music Library Add the song ...
10
votes
5answers
1k views

Alternates to the “play/pause” button

I've never been happy with the old 'iTunes' model ("flip-flop" buttons; see this question) where the play and pause are the same button, with an icon showing what state you can go to (Play when you're ...
0
votes
2answers
42 views

When to hide, disable or gray out a button that shouldn't be clicked on until a field is filled?

I've heard two conflicting principles for UI design. disable or hide functions that are not applicable to the current state of the program (maybe this is more for large forms such as in surveys) ...
7
votes
8answers
2k views

One button for two actions

I have a comparison site. On the landing page there are two text boxes which are used for products to be compared, and a button to trigger "compare". If a visitor fills these two boxes, products are ...
125
votes
15answers
12k views

Who needs an external on/off Wi-Fi button?

It puzzles me that there are Laptops which are shipped with external physical Wi-Fi buttons. I see no real use of it, but it might have a historical explanation?! The only time one notice the external ...
1
vote
0answers
21 views

Minimum size of buttons for mobile APP [duplicate]

I am quite new to UXD and UXSE; I have checked previous answers but could not find what I am looking for, so here we go. I am designing a mobile-application and I was wondering if there is any ...
0
votes
1answer
79 views

Toggle List with Button

Let me explain what i need. In a "add new person" form, the user has the option to select the kinds of person that this new person applies... Like, this company is a customer, and is also a ...
1
vote
2answers
68 views

Are there any established patterns for triggering an overpanel on mobile (iOS and Android)?

By default, I'm showing a screen with a particular country selected. To change the country, when the user taps on the text I trigger an overpanel listing the available countries to choose, but it isn'...
0
votes
1answer
34 views

Position of the Cancel and Save Buttons on a iPhone

I'm skeptical where to put the Cancel and the Save Buttons in an iOS-app: Cancel on the left side and Save on right side or vice versa? I think the iOS Human Interface GuidelinesBeta of Apple ...
0
votes
2answers
85 views

What could be a possible reason for the cancel button to be bold when changing an iPhone's language?

When I change my iPhone's language, this confirmation thingy (Action Sheet) pops up. As you can see, the cancel button's text is in bold. It seems like that it actually wants you to tap on the ...
1
vote
1answer
45 views

Negative Action Highlighted Instead Of Positive Action On Google Chrome App Installation

While Adding an app to google chrome browser from the google chrome app store, the display notification highlights on the "Cancel" button with bold text and blue outline. The display notification ...
4
votes
2answers
1k views

What's the symbol for the “locate me” button?

Is there a universally accepted symbol for the button that shows you where you currently are on a map? The google maps app for smartphone has it.
1
vote
4answers
319 views

Sticky submit button at top and bottom of the form?

Typical mental model suggests that submit button is at the end of the form. Should I go with button at top as well as bottom. since in our application we put action items on a sticky bar at top at top....
1
vote
1answer
83 views

iOS: the difference between “Done” & “Save” when affirmatively completing a modal task

In a modal view in iOS, the Apple provided (and localized) button titles to affirmatively complete the task and close the modal are "Add," "Done," and "Save." The difference between "Add" and "Done" &...
0
votes
2answers
43 views

Should I provide a button in case users don't think to press enter?

On my site I have a search bar like this: The user types something in and presses enter. There is nothing they can click on to submit the search. I could make the icon on the right clickable but it ...
3
votes
3answers
109 views

alert users that clicking on the button takes the scroll?

i have a big problem for mobile users: i have a google maps that has a width 100% (or less some pixel), if i touch the screen on the map the scroll is inside the map and not scroll of window... So ...
35
votes
10answers
23k 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 ...
0
votes
5answers
124 views

Cancel and Back button on same form?

I have a web application where we end up at a screen with a form and we have both a CANCEL and BACK button on that screen. My doubts are : Should we clear out the form on pressing the back button? ...
9
votes
4answers
546 views

Is it a good idea to show progress indicator inside a button?

Typical examples: http://msurguy.github.io/ladda-bootstrap Crazier examples: http://tympanus.net/Development/ProgressButtonStyles This is for a desktop app if it matters. Consider that the target ...
1
vote
1answer
73 views

Snap-to-increment Ranger Slider vs. Buttons

I am working on an app which requires filtering of distance: < 10km < 25km < 50km < 100km My options are: 1 row with 4 buttons for each distance option, or a range slider that snaps on ...
3
votes
2answers
542 views

How to display negative, positive, warning, and neutral colors in website if the theme includes one of those colors?

The following colors, generally, mean the following: Positive: Green. Negative: Red. (though negative and positive are reversed in China) Warning: Yellow. Neutral: Gray. Now, what if I made a ...
7
votes
5answers
193 views

How to communicate visually the ability to change columns in a table

Often websites may include functionality that allows a user to select what columns appear in a table. When this occurs, what is the best way to visually communicate this action, so the user both ...
300
votes
20answers
41k 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 ...
2
votes
5answers
424 views

Microsoft Windows Dialog: No Close Button Scenario(s)

Windows Dev Center states: "Dialog boxes always have a Close button...Don't disable the Close button. Having a Close button helps users stay in control by allowing them to close windows they don't ...
0
votes
3answers
102 views

Where to place close button

I have a main view with a settings button on the top middle part of the screen as follows (please excuse the bad mockup): After touching this button, The settings shows with animation of it coming ...
5
votes
1answer
159 views

Standard behaviour of dropdown buttons and its styling

I have been reviewing some UI design patterns where the use of dropdown buttons as both a selection and call-to-action has been ambiguous, and I am thinking of how it relates to various design ...
1
vote
2answers
97 views

Lots of buttons with user input if none are applicable

I am creating a quiz and one of the questions needs to have a list of options for the user to select one. But also, if the answer is not in the options, I need to allow the user the write the answer ...
4
votes
2answers
76 views

View Blockage vs disable button in mobile app form submission in cases of slow server response time

I am developing a mobile application. In cases where the server takes too long to respond during form submission, what is considered a best/widely acceptable practice to prevent users from trying to ...
3
votes
2answers
40 views

Changing button alpha value v button text colour to indicate current button status

I'm working on an old iOS app which requires updating. This app requires users to make selections from various screens. For example, the user needs to make two choices on the main screen before ...
1
vote
1answer
61 views

Allow multiple actions for each word of a text

I'm searching for a way to have a quick method of applying two different actions to each word within a text. I currently try do design a UI to help myself learn new vocabulary by reading texts. For ...
1
vote
1answer
58 views

How to display additional information in a form

I have a rather complex form that might require some additional information to the user so (s)he might be able to fill in the form correctly. Just above the form, there is a piece of brief ...
2
votes
2answers
46 views

How to make specific “Take action” buttons or blocks?

Let me explain what I need... I have a dashboard for transportation companies. In that dashboard, we have info about the user and all the invoices that he made: the ones that he has to correct ...
7
votes
8answers
636 views

UI button labeling in touch/mobile web and native apps

The concerns are based on my own end-user experience with touch applications (both native and web SPA). Even slim and clean UIs may be prone to the same problem - the learning curve is gradual than ...
5
votes
6answers
2k views

Button order Save | Save and next | Cancel | Previous

In an application, the user is able to edit the information of several objects. The user is able to save and go to the next object. What is a good order for this buttons?
5
votes
5answers
125 views

Which element to emphasis in a list

On the site I'm working on, we have a list of buttons which make donations. We would like to promote a specific donation button so it will convey more traffic. We tends to prefer less big donations ...
4
votes
2answers
176 views

Is the 'Sell It' button annoying? [closed]

I am developing an android application that is about buying or selling second hand stuff around your area. The screenshot is from the list of the app and i wonder if this button will be annoying for ...
3
votes
3answers
99 views

Improving button state by only changing colours

Background In short, the above 'Object list' increases in content when the different buttons at the top (A, B, C, D & E) are selected. These buttons look like tabs, but since several can be ...
30
votes
7answers
10k views

Do I really need a button?

I have a slider - it's actually 2 jquery slider bars where the user can select 2 values, then press a button to go to the next page. The question is do I really need a button or is it just taking up ...
3
votes
3answers
87 views

What is the practical consideration and impact on user experience when the designer makes the logout link/button difficult to access?

It seems like many websites go to great lengths to make the logout link/button very difficult to find or click on. For returning users hiding the logout link/button doesn't make sense because they ...
3
votes
1answer
83 views

Order of buttons when on the right of the page

I've been going through various posts on this board to clarify my doubts but I haven't found anything yet. As I understand, there are 3 methods of positioning buttons, by importance of the action. ...
27
votes
6answers
3k 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 ...