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.

Filter by
Sorted by
Tagged with
0 votes
1 answer
37 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 occurs in a different thread. I pop up a dialog box & disable the main window when the ...
dylanweber's user avatar
6 votes
3 answers
4k 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 ...
Jason C's user avatar
  • 2,684
0 votes
2 answers
53 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 ...
Dragan's user avatar
  • 11
0 votes
0 answers
28 views

Full width buttons on desktop web application [duplicate]

I have a design for a form with a full width button, this is a desktop web application and for context it is an interactive shell/terminal that lest you submit API requests. It essentially looks like ...
Jeff S.'s user avatar
  • 223
0 votes
1 answer
45 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 ...
virtualnobi's user avatar
  • 3,546
0 votes
1 answer
77 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 ...
wyc's user avatar
  • 1,599
0 votes
1 answer
27 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 ...
Mnstrspeed's user avatar
0 votes
1 answer
66 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 ...
Mohammad.Y's user avatar
2 votes
1 answer
66 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 ...
myself's user avatar
  • 21
0 votes
0 answers
70 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 ...
Akanksha Vishwakarma's user avatar
0 votes
1 answer
54 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 ...
Amrsan's user avatar
  • 3
0 votes
2 answers
175 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?
NB4's user avatar
  • 2,491
3 votes
2 answers
168 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/...
Joseph's user avatar
  • 133
4 votes
2 answers
143 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 ...
sysscore's user avatar
  • 1,521
3 votes
2 answers
78 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 ...
Ryan Detzel's user avatar
4 votes
4 answers
194 views

CTA in the search icon or separated search button?

The search field of this page has a text insertion, search icon, and search button. My working process is as follows: place the text and click on the most immediate graphic object, the search icon. ...
Danielillo's user avatar
  • 19.1k
3 votes
2 answers
100 views

Alignment vs. consistency in button space

Let's say you have a card that uses a gray area to separate buttons from content. Should the buttons try to be aligned with the content? (24px on left/right, 12px top/bottom) Or should the left/right ...
Izquierdo's user avatar
  • 12.7k
1 vote
1 answer
68 views

Best way to show a rating/score which also needs to be an apparent button

I've been stuck on a presentable design solution for some time now. I'm trying to simplify the UI so the user can see the ratings/score for all (Affordability, Scenery and Safety) for a specific ...
Lewis's user avatar
  • 113
0 votes
1 answer
83 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 ...
Webninja's user avatar
  • 103
2 votes
1 answer
73 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 ...
Salman Rashid's user avatar
1 vote
3 answers
150 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 ...
feelerino's user avatar
  • 315
1 vote
1 answer
87 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&...
SamJ87's user avatar
  • 13
3 votes
3 answers
161 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 ...
Levano's user avatar
  • 132
1 vote
2 answers
65 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 ...
delUXedesign's user avatar
1 vote
1 answer
78 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 ...
rluks's user avatar
  • 111
1 vote
0 answers
50 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 ...
Iga's user avatar
  • 514
1 vote
4 answers
310 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 ...
Aiyanaa's user avatar
  • 11
1 vote
1 answer
131 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 ...
Iga's user avatar
  • 514
1 vote
1 answer
65 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 ...
Danielst's user avatar
  • 371
2 votes
1 answer
1k 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 ...
Misha Scholte's user avatar
1 vote
2 answers
126 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 ...
Lina's user avatar
  • 11
1 vote
1 answer
86 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 ...
qn0361's user avatar
  • 13
0 votes
1 answer
55 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. ...
AndrewH's user avatar
0 votes
1 answer
219 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 ...
Keano's user avatar
  • 71
0 votes
3 answers
145 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 ...
leonardo's user avatar
0 votes
2 answers
165 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 ...
Al Lelopath's user avatar
0 votes
2 answers
171 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 ...
Ashley's user avatar
  • 1
0 votes
2 answers
83 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 ...
Robszyy's user avatar
1 vote
3 answers
222 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. &...
Maharkus's user avatar
  • 404
1 vote
3 answers
433 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?
Ralph David Abernathy's user avatar
0 votes
2 answers
375 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?
Keano's user avatar
  • 71
0 votes
2 answers
2k 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" ("...
Dmitri Vozhakov's user avatar
0 votes
2 answers
106 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.
Mike C.'s user avatar
0 votes
2 answers
93 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/...
J Bo's user avatar
  • 1,394
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 ...
Claudio's user avatar
  • 218
5 votes
3 answers
888 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. ...
shahidmirza's user avatar
3 votes
2 answers
637 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 ...
Mark's user avatar
  • 31
0 votes
1 answer
170 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,...
Mark Fletcher's user avatar
0 votes
2 answers
289 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 ...
Timothée JEZEK's user avatar
1 vote
1 answer
84 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 ...
Mark Fletcher's user avatar

1
2 3 4 5
30