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)

26
votes
7answers
3k views

Should we use 'Title Case' or 'Sentence case' for headlines and buttons?

I am wondering if we should use Title Case or Sentence case for buttons and headings in websites and web/mobile apps? Title Case:     Sentence Case:     In Yahoo's UI ...
3
votes
2answers
155 views

Why don't applications explain reason for greyed-out icons/menu options? [duplicate]

Possible Duplicate: Don’t hide or disable menu items? I think applications should explain why an option of clickable icon is greyed-out i.e. not selectable or not active. For example a ...
1
vote
4answers
361 views

Triple-State (or Multi-State) UI Object (Button)

Any ideas for how to design a multi-state UI "button"? The the states are: Off On, Selected On, Unselected There needs to be a clear interaction difference between a user "Selecting" it and ...
3
votes
3answers
711 views

Do users use Home or Back button to minimize their Android app?

I want to know if there's resarch on to what extent users use the Home button or the Back button when they want to minimize the app. I am very well aware that the "correct" way is to use the Home ...
5
votes
7answers
1k views

The logic behind having an OK button and Apply button

Moving back to desktop land after being drunk with mobile interfaces, desktop dialogs almost always have these three buttons: OK Apply Cancel A close button. This pattern seems to occur on both ...
5
votes
3answers
277 views

When to include an Apply button?

In a dialogue box, when do you use an Apply button? Is it correct to assume that the Apply button will only save the changes without closing the dialogue? Does it represent an advantage? Why is ...
3
votes
1answer
184 views

One button or two for sign up and log in?

What do you think? Should sign up and log in links be split into two buttons or is it OK to have them in one? N.B.: sign up form and log in form are on the same page. Thx, Alex
3
votes
3answers
303 views

Placement of Buy now/Download buttons

Hello respected UX community, I am working on a new website which will be used to sell a software application, but will also have a free limited version of it (not time limited, but feature limited). ...
3
votes
2answers
162 views

Buttons replacing a link for a consistent style

In general, I use buttons for ajax calls that update the UI but am thinking whether a button is a good metaphor for links also. I am using Twitter Bootstrap. Not a designer by trade and would like any ...
3
votes
4answers
336 views

Testing OK/Cancel buttons

Related: OK/Cancel on left/right? I have been looking in to whether OK/Cancel should be on left or right, and after looking at lots of views on each side it seems there are good reasons for both. I ...
3
votes
2answers
89 views

Tooltip Verbage: “This will prevent changes” vs “Currently allowing changes”

I have a series of inputs used to allocate a large budget into smaller groups. Once a group is changed, the rest would auto-complete with the remaining budget percentage. We would like to be able to ...
4
votes
3answers
216 views

Hover state for Step-based navigation

I'm stumped on figuring out what the proper hover state for a step-based navigation workflow should be. The navigation appears below. There are 3 states. Completed, Active, and Not-Yet-Completed. The ...
2
votes
3answers
159 views

Positioning a secondary button within a form group with fields of varying widths

I have a simple form like so: download bmml source – Wireframes created with Balsamiq Mockups The SMTP settings have a bunch of fields, so the field group is quite long. Some fields have ...
12
votes
6answers
743 views

Can I use “Prev” instead of “Previous” on a button?

We use Next/Previous buttons as controls in our image gallery. I'm in the process of implementing responsive design, so there is a limited amount of space that I can be used for these buttons. I'm ...
5
votes
3answers
194 views

Should the user be able to press disabled buttons on a touch screen?

I'm designing a touchscreen app and there are certain scenarios when the server cannot be reached, a printer is disabled, etc. that will disable a button (like the print button). My question is: if ...
3
votes
2answers
453 views

Is there a generally accepted icon for the “Submit” button? [closed]

I'm developing an Android application that presents the user with a search form, then presents a list of matching results after the query has been submitted. The results will be displayed on a ...
5
votes
1answer
465 views

Is a 'back' button needed on a web form?

I am re-designing a multi-page web form that currently contains 'back' and 'continue' buttons. I am wondering -- is the 'back' button necessary? If the user wants to go back, they will know to use ...
6
votes
2answers
248 views

What menu strip items and other controls deserve their own icon?

I'm creating an application which has buttons and menu strips everywhere. I have icons for nearly object (from icons to menu strips). The problem is, I want my application to be professional and ...
12
votes
2answers
653 views

Which colors would best convey 3 difficulty levels?

I'm making a baby toy/game to learn numbers and I have a menu with 3 buttons. The first button enters "learn mode", the second button is an easy quiz, and the third button is a medium quiz. Are there ...
3
votes
4answers
333 views

Where should I place this “continue shopping” button?

I working on the design of an ecommerce site and I was confused about the ideal placement for a continue shopping button when the user is presented with his cart page. I have three buttons on my page ...
3
votes
3answers
242 views

Language switch graphical state current-language/available-languages

I'm building a website in two languages English/French. Most of the pages of the website are available in both languages. There is a switch (two flags) on top of the header of the website that ...
1
vote
1answer
356 views

Best Practices: Location of close button in a modal [duplicate]

Possible Duplicate: What is the important aspect to consider when deciding where windows interaction buttons should be placed? I've been seeing a lot of modal windows lately, some which ...
1
vote
2answers
181 views

Should the “reset” option be a button or a link in crm?

I'm having to make the page as it was in the initial state, and this includes having a form reset link or button. Should the reset be a button or a link?
9
votes
5answers
304 views

Is consistent button positioning more important than having large buttons?

In our kiosk app, the buttons to proceed are placed on the right of each screen. In one of our input screens, the designer doesn't have enough space to place the button on the right while keeping the ...
0
votes
3answers
231 views

Should we show/hide/disable functional buttons based on state? [duplicate]

Possible Duplicate: Should disabled options ever be hidden? I'm currently working with a project team that has a requirement to make additional reports/data available to end-users with a ...
2
votes
3answers
223 views

Buttons for showing None, Some or All of list

I have a set of list headings eg. List One (24) List Two (34) etc. and I want to start with them collapsed, but allow the user to view the first 10, or expand to view all. So, I have setup so the ...
4
votes
3answers
708 views

Alternative way to display too many buttons

I'm working with a user who wants to have everything at a push of the button. When viewing a record, he wants big buttons across the top of the screen to return to the search, return to the search ...
7
votes
2answers
183 views

Presenting options in tools where users can have two (or more) different roles

Applications where clients & contractors actions (such as odesk and elance) are displayed in the same dashboard can get confusing. These sites sometimes overcome this by stating: Click here ...
14
votes
6answers
2k views

When to use the Back button vs. Cancel/Done on iPhone

I noticed that in some cases Apple uses Cancel / Done buttons, and in others there's only the the Back button. In Calendar, for example, when you choose how often an event should repeat, you have ...
1
vote
2answers
242 views

iPad specific button UX question (rating/feedback interaction system)

TL;DR : how would you design better buttons than my 5 buttons for "I disagree" / Neutral / "I agree" feedback ? I am doing an iPad application used by participants of an event during a presentation, ...
2
votes
3answers
112 views

Follow button change text after click

im making an app that has a follow button for events. i would like to indicate how many followers there are but have limited room. what are your thoughts on the following: any ideas or suggestions? ...
8
votes
2answers
580 views

Inactive State of buttons, to hide or not to hide…that is the question

On a windows based LOB application for data capturing. Is it better to hide a button completely when it is inactive, or simply show a disabled state for the button.
4
votes
3answers
124 views

What cues signal an unchecked state?

The key action on a page is selecting "I'm in" (meaning "I'm committed", which can also be deselected). The logical choice of controls is a checkbox: [ ] I'm in I'd like to give this action ...
4
votes
1answer
262 views

how to indicate to click on title for more information

im designing an app and am having trouble indicating to the user to click on the business name('candys' in this case) for more information. clicking shows details like contact details, website etc. ...
2
votes
2answers
137 views

Should a flash message be used for toggle buttons that perform actions immediately?

I have a simple interface for managing a user's account in a web app. Clicking each button in the interface performs the action immediately: download bmml source – Wireframes created with ...
10
votes
2answers
374 views

Proper term for conjoined choice buttons

I'm thinking of using a set of "conjoined choice buttons" to let the user filter a table of highscores. It would look sort of like this: _______________________________ ( ##EVERYONE##| FRIENDS | ...
7
votes
4answers
483 views

How do you show non-affordance?

There is a tendency to use badges or status images to show information, but very often these badges look like other items which you interact with, such as buttons. There is a lot of information on ...
3
votes
2answers
248 views

Confirmation styles: Dialog window vs. two stage/dropdown buttons

To better illustrate my question, here's a quick example. When the user is attempting an action that would typically require some sort of confirmation (such as deleting a record) would it be ...
3
votes
1answer
121 views

Is a layout with '3D' elements easier to parse?

Contemporary web applications favor designs that make heavy use of shadows and gradients to create the effect of 3D elements. One justification for this practice is that 3D effects can be used to ...
1
vote
1answer
284 views

What toggle button should represent - state or action? [duplicate]

Possible Duplicate: Should a toggle button show its current state or the state to which it will change? I know there was similar question to mine already, but I have something new to ask. I ...
5
votes
4answers
1k views

Where do you put the delete button if you have delete, cancel and submit?

I have a web app which currently uses the following interface. download bmml source – Wireframes created with Balsamiq Mockups Here's what the actions do: Delete will delete this group ...
16
votes
5answers
718 views

Why do most dashboards use capital words?

Most car manufacturers seem to use ALL CAPS for the interiors's buttons and switches, at least when they are not using symbols. Example: They even use capitals for things that are not even ...
5
votes
4answers
827 views

Placement of Buttons in Touch Screen Scenario

I am working on a Mobile Application primarily for Android Platform. The Application will have a lot of screens which will take user input and we need to have a save and cancel button for them. ...
2
votes
2answers
415 views

Action buttons placement related to data tables

Background Over the course of the last few months on common element shared between a large number of internal development teams, is the need to provide functionality on a data table. Once of the ...
-2
votes
1answer
339 views

Placement of Previous and Next Buttons? [duplicate]

Possible Duplicate: Button order Save | Save and next | Cancel | Previous I have a Form widget with Five Step. Steps 2-3-4 having previous and next and cancel button. Step 1 having next and ...
2
votes
2answers
83 views

How should I label a button which submits a form to start planning an event?

I have a simple form asking for this basic information: title, location, date, description, your name, invitees When the button is clicked the event is created and invite emails go out to all the ...
1
vote
1answer
240 views

Should you have rollover on a button?

download bmml source – Wireframes created with Balsamiq Mockups This particular product has a couple of buttons. When you rollover them they pop up megamenus from which you can make ...
3
votes
4answers
307 views

Designing a timer widget: separate start/stop buttons or only one button with changing text “start” or “stop”

I'm programming an application to measure time intervals. The application contains several timers on one screen. Only one of these timers can run at once. My initial design has a start button and a ...
5
votes
2answers
198 views

How to layout buttons/bars alongside a dynamically sized table?

I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9. Along with this I ...
6
votes
4answers
665 views

Best position for collapse indicator on collapsible content

What is the convention/standard/best-practice for the placement of a collapse/expand button/indicator on collapsible content? I've seen many examples of the placement on the left (left of title in ...