2022 Developer Survey is open! Take survey.

Questions tagged [interaction-design]

Defines the structure and behavior of interactive systems. Interaction Designers strive to create meaningful relationships between people and the products and services that they use, from computers to mobile devices to appliances and beyond.

Filter by
Sorted by
Tagged with
0 votes
1 answer
58 views

Is a series of GO buttons, at each step of iphone user interaction, easier for user to understand than different title each button?

Anyone see any problem with a series of GO buttons for each step of a mobile diagnostic app? That is, when user starts iPhone app, user sees titling, a couple of optional config controls, and a big ...
user avatar
  • 101
1 vote
0 answers
29 views

Is there a better pattern for 'nested' UI select controls [Users can use THEESE or THIS]

Is there a good UI pattern for this sort of specific select case? There is a search field for labels/tags. The user has 3 options they can select from to refine their search. These options are grouped ...
user avatar
2 votes
2 answers
136 views

UX for picking tags and then quantities related to them

I'm making an app in which students can select topics/tags they're interested in, and get a randomly-generated quiz containing questions that have those tags/belong to those topics. For each selected ...
user avatar
0 votes
1 answer
40 views

UI for multiclass classification taxonomies and search results

I am confused about how to present multiclass classification taxonomies to the end user on a consumer app. If an item or even an entire subcategory can be classified under different parent categories, ...
user avatar
  • 601
2 votes
2 answers
69 views

Bad wizard navigation?

I'm working on an installation guide, or "wizard", for a web application. The installation guide will be quite complex, with many different steps, each taking up around a minute or two for ...
user avatar
  • 370
5 votes
4 answers
466 views

Prevent users from changing entity data fundamentally

Entities in a database represent things from the real world (for example products in an e-commerce system). A user should be able to add a new entity edit the entity to correct a mistake in the DB ...
user avatar
0 votes
2 answers
80 views

Carousel accessibility best practices

I am trying to design a new carousel component but struggling to figure out any accessibility best practices. These are some of the things I am trying to think about: Pagination indicators Should ...
user avatar
1 vote
2 answers
68 views

Having the same form fields in two different places

I'm working on a project for an educational technology platform. Essentially, there's a set of 3 settings that are required to make an assignment a "common assessment": 1.) "Is this ...
user avatar
  • 11
1 vote
3 answers
98 views

What should be the main content behavior when side panel displayed?

I'm working a desktop app and I need to display a list of task to the user needs to complete. When clicking on a task (row), a side panel appears from the right to the left to display additional ...
user avatar
  • 11
2 votes
1 answer
78 views

How to avoid ambiguous interactions in messaging apps?

One of the very basic and common interaction design patterns in messaging apps (e.g. WhatsApp, LINE, Facebook Messenger) is to provide micro-interactions associated with the message composition and ...
user avatar
  • 25.3k
1 vote
2 answers
52 views

Studies of the impact visual design has on user engagement

My intuition is that well-designed sites are more pleasing for us to navigate, which means well-designed sites receive more user engagement. Are there studies that test this hypothesis? A/B tests of ...
user avatar
  • 227
1 vote
2 answers
51 views

Letting user change displayed data in overview (table)

This part of my app will be for managers who need to approve the working hours of their employees. A manager will get a overview(1) with all the hours they need to approve, also hours from employees ...
user avatar
0 votes
1 answer
37 views

Should the drop down of a combo box in a form be above or below a sticky bar?

I'm designing an online form that includes selection of options from combo boxes. The submit button is on a sticky bar at the bottom of the screen. My question is: should the drop down of a combo box ...
user avatar
  • 10.5k
20 votes
7 answers
3k views

Intuitive dialog for choosing whether to close and lose changes or keep editing

It's a pretty simple use case. I have a modal with an editable form. If the user enters something into the form and then tries to cancel, we want to warn them they have unsaved changes, which they'll ...
user avatar
  • 333
0 votes
2 answers
130 views

How to distinguish between a selected and important menu item?

If you wanted a user to distinguish if a menu item is important and not selected. How will you represent the difference between the selected and the important menu item? The only idea I would come up ...
user avatar
  • 113
46 votes
9 answers
10k views

Is it good practice to allow users to navigate simply by hovering on a menu item without clicking?

A pattern I have noticed recently on some (desktop) websites is that users can navigate simply by hovering on menu items. While this is more efficient (fewer clicks) it feels unexpected and therefore ...
user avatar
2 votes
1 answer
143 views

What to consider when designing UX for smartwatch and wearables?

I've designed for the desktop, tablet and mobile. But have no experience designing for smartwatches. What are the considerations I should be making when designing for smartwatches? e.g. users can use ...
user avatar
  • 10.5k
0 votes
1 answer
164 views

Multiple selection with filter

In the old days, we might have used a multiselect picklist to move items from a collection of "all items" to a collection of "selected items". Nowadays, the more contemporary ...
user avatar
  • 8,062
5 votes
2 answers
282 views

What's the generic term for meaningless interactivity?

We talk about visual noise to refer to profuse, redundant or meaningless elements towards the purpose of the design. What's the name when it comes to "noise" in interactivity? The bottom ...
user avatar
  • 13.6k
0 votes
1 answer
82 views

Filtering within facets

I am working on a faceted filter placed vertically on the lefthand side. To accelerate searching for specific parameters within the facets, i implemented a search bar which hides all non-matching ...
user avatar
  • 25
1 vote
2 answers
133 views

User Experience (UX) - latest patterns to represent one-to-many relationship

I have a requirement where there will be a Item - with details like Name and Owner Each Item can have 0 - 50 locations in different statuses. User should be able to add a location for an item. User ...
user avatar
  • 11
52 votes
6 answers
7k views

What is the reason for moving the start button to the middle in Windows 11?

The movement of the "start button" from the corner to the middle seems to be so much hated that it was impossible for me to find any justification for it in a short search, because all the ...
user avatar
  • 2,834
0 votes
2 answers
53 views

On an accordion or tab interface with animations, if a user rapidly clicks multiple items, which should open - first click or last click?

I recently encountered a bug in tab and accordion interfaces on our website. These tabs have a bit of animation so there is a slight lag between clicking an item, and it being fully open. The bug ...
user avatar
  • 113
2 votes
2 answers
313 views

What is "neo-modern interactive" design?

I was going through a Google tutorial on building UI experiences with Jetpack Compose when I came across an odd aside: Tip: neo-modern interactive is probably a design trend After a web search, I'm ...
user avatar
  • 121
2 votes
4 answers
123 views

How to communicate that something can be long-pressed (mobile)?

Imagine I want to build something like Instagram profile pages, which show a gallery of pictures, and upon long-pressing, will zoom-in, focus on the picture, and display some secondary information (...
user avatar
  • 121
0 votes
1 answer
80 views

Is it better/less confusing to show the user a longer list of options with some disabled, or only show the available choices?

This is regarding a signup/scheduling request form: In my business (appliance repairs), there are multiple manufacturers and products: Refrigerators Washers Dryers Microwaves Stoves We don't work on ...
user avatar
1 vote
2 answers
84 views

How to indicate that cloud files are public?

How can i make sure my Users understand that when they delete a file on the cloud, it is deleted for everyone else in the organization as well? It seems a decent amount of our users don't understand ...
user avatar
  • 25
2 votes
1 answer
80 views

UI for choosing rotation of a scanned image

I'm building an application for cataloguing an analogue photography collection (slides and negatives). I'm using a scanner has frames that hold the negative strips or slides in a fixed position on the ...
user avatar
  • 123
0 votes
1 answer
40 views

Placement of Sign-Up Forms on a Landing Page

I am creating a series of landing pages for our organization for people to sign up to receive various services. In a discussion with our team, the idea was floating around to place our sign up form ...
user avatar
  • 3
3 votes
1 answer
120 views

Fuzzy search page for an online travel agency

I'm building the search page for an OTA (online travel agency). The brief has a few quirks that make this task difficult, so I need some help to identify some feasible ideas. Most OTAs have a "...
user avatar
  • 246
3 votes
1 answer
60 views

Interactive table header (zoom into data)

First of all, my apologies if my language is not great (English is not my first language). Also if I have missed other questions/threads on this subject, please let me know. Any help would be greatly ...
user avatar
  • 83
1 vote
1 answer
180 views

Table (in the modal window) with actions which require another step

I have a modal window with a table of items. Items have different statuses and the user can change the status. For example, from Not shipped to Backordered. The problem is when yo have the item ...
user avatar
2 votes
2 answers
147 views

What is the best route to select a time?

Firstly, apologies if this has been asked, I did a search and couldn't see anything so here goes. I have 2 routes I have identified to select an appointment slot to book in with a health practitioner. ...
user avatar
  • 2,644
2 votes
2 answers
90 views

Settings check box functionality

I'm working on adding a small piece of functionality to a part of an app that contains 4 settings check boxes. I'd like to make some small tweaks to improve the UX of these checkboxes. There isn't ...
user avatar
1 vote
2 answers
36 views

Shall I set an expiration mechanism for a dismissible info banner?

I'm adding a new data column to a table on a back office page (the interface is desktop only) and I want to highlight this new feature by displaying an info banner on top of said table that spans the ...
user avatar
  • 195
28 votes
9 answers
6k views

QR vs Barcode vs Custom Code

Scenario We must identify persons and also associate objects with them. This is for a very large cerebral palsy center for children that provides various services, some in different buildings (there ...
user avatar
  • 32.2k
3 votes
1 answer
118 views

How do security puzzles affect User Experience?

Are there any studies on these kinds of security puzzles and how they affect the user experience, for bad or for good? I'm specially interested in accessibility issues and also if you know about ...
user avatar
  • 32.2k
93 votes
26 answers
19k views

How to avoid the "local elevator" problem?

I live in a high-rise apartment building in New York. Our building has four resident elevators which each serve every residential floor. (An additional fifth elevator (physically separated from the ...
user avatar
  • 1,061
3 votes
3 answers
73 views

Keyboard navigation over repeating informational elements

I have a UI like this. The user navigates through a list of people. To the right, there are two labels: Assigned and Active. A mouse user can click on the label to see some help text, as shown on the ...
user avatar
  • 333
3 votes
0 answers
52 views

Direct voice interactions examples in use as an alternative to voice assistants

After reading an article explaining the difference between using your voice to controlling the UI (i.e. direct voice interaction) compared to dealing with a voice UI (e.g. chatbots or voice assistants)...
user avatar
  • 25.3k
3 votes
2 answers
256 views

Design language and color choices by geography

We were doing a study/survey recently on an app which is expected to be launched globally (North America, Europe, South/East Asia). The current design favors cleanliness, white space, and muted colors....
user avatar
  • 601
7 votes
2 answers
181 views

What is the best way to orient or show the user off-screen required fields that need to be filled out?

What is the most effective way to direct the user to unfilled "required" form fields that are off screen after pressing submit or save on a form? I've seen methods that I'll list below, ...
user avatar
  • 103
1 vote
1 answer
90 views

How to add multiple entities to send a communication message?

I'm designing an input component for selecting multiple entities (E.g. User and User groups) to send a communication message from administration page. From my perspective UI-1 might create a visual ...
user avatar
2 votes
1 answer
83 views

Multiple screens vs single screen

I am designing an online assessment tool where candidates need to be authenticated before they start taking the assessment. The flow is like: Start assessment -> proctoring guidelines, system check,...
user avatar
2 votes
2 answers
100 views

What is a good multipress timeout value for pressing a hardware button?

I am looking for a value to specify as a maximum time between presses for it to count as a multi-press when pressing an hardware button on e.g. a mobile phone. An example would be to execute an action ...
user avatar
  • 21
1 vote
0 answers
34 views

Combining single- and multi- select drop-down in one form. How to dismiss the drop-down?

How to dismiss the drop-down in single-select and multi-select cases? For single-select, the obvious option is to dismiss the drop-down on selection. For multi-select, drop-down should stay open on ...
user avatar
1 vote
2 answers
125 views

Most appropriate icon for "Abort" button [closed]

I'm designing a button which when clicked aborts a certain process. I need an Icon on the button with the text "Abort". The icon will be place on the left and text will be placed right to ...
user avatar
  • 111
0 votes
1 answer
95 views

Best use cases for "status light" and "labels"

I am trying to figure out if I should add status lights to my design system or if I could use the labels I already have instead. They are both defined in Adobe Spectrum but I don't quite understand in ...
user avatar
0 votes
3 answers
123 views

How might iOS prevent unintentional email deletion?

This isn't a problem I'm solving, it's more of a theoretical UX question. Twice this week, I've checked my email on iOS and accidentally deleted important conversations (which I've had to hunt for and ...
user avatar
  • 8,062
1 vote
1 answer
59 views

How to take multiple addresses and validate

I am working on an application where addresses will be validated before submission. Steps are: take address validate if address is correct, proceed if address is incorrect, user will be prompted with ...
user avatar
  • 1,790

1
2 3 4 5
35