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
2 votes
3 answers
48 views

Microsoft Teams - Status colours shown on the UI for Away & Be Right Back are same?

I have been using teams for sometime now and I usually check the status of people on their profile photo displayed. My observation is that the two status' 'Away' and 'Be Right Back' are of same color ...
4 votes
4 answers
146 views

What is wrong with this flowchart-matrix design?

I have an application called "Redmine-Bugtracker" with the matrix below. This permission matrix allows users to add permitted status-steps on an issue depending on the current-status of it. ...
  • 141
0 votes
1 answer
97 views

How to indicate some items of a long list are hidden by the user?

When creating a new database, there are system tables that vary depending on which type of database and whether using a third party service or not. These system tables are often not used, and in some ...
0 votes
1 answer
39 views

Is it better to show all options or let user add options in a form

So I'm designing a tool for system administrators and one thing I am having trouble with is the large amount of info that is required for certain tasks. There is a section where the user has 4 ...
  • 325
0 votes
2 answers
66 views

Letting user know that button is for picture and update data?

We have a mobile app where the information is updated when the user takes a picture. I'm attaching the screen. As you can see there's a huge button that says "Update Information (by just taking a ...
  • 175
0 votes
1 answer
58 views

How do you decide when to make elements darker or lighter on hover?

Looking at Slack by example, the following happens: Buttons in the top navigation bar become lighter, so does the search bar The button to open the workspace menu becomes darker, same for hovering ...
3 votes
3 answers
139 views

Anti-pattern where UX too closely mimics API/DB/etc. structure?

I'm researching a solution for a UX design issue that has plagued me for a while: when an experience closely mirrors the underlying API/database structure/etc. rather than aligning with what the user ...
  • 31
0 votes
1 answer
87 views

UX of "ghost input" vs "Add" button

I've recently been noticing a pattern, in editors where you can create collections of objects (for example, in the editor for a multiple choice question when creating the possible answers), where ...
2 votes
1 answer
49 views

Multiple choice question editor

I'm building an editor for multiple choice questions. Question can either allow a single chosen answer by the user (radio buttons) or multiple answers (checkbox). Each choice has a percentage value ...
1 vote
0 answers
22 views

Can a visual concept hinder an understandable navigation?

Anyone who has read anything about graphic design will know the strength of blank space as a compositional element, whether as a design itself, as a concept, or as a style, such is the case of the ...
  • 15.4k
4 votes
4 answers
2k views

Button without direct action

I am trying to understand what's the meaning, name and functionality of a button without any direct action beyond what I suppose is interactive decoration, something similar to this question/answer, ...
  • 15.4k
1 vote
2 answers
152 views

Why Slack/Discord/Other messengers places menu for message at the right side?

In Slack/Discord/Element/Gitter each part of the message is arranged on the left: Avatar, username, reactions, the text of the message itself (most texts are short). But each message has a menu: "...
0 votes
1 answer
38 views

How to differ two different items on the same list (base of contents)

I've content bases that can be exported and imported into other environments. **A content base is a set of specific files. When I import a content base from another environment, my source files are ...
2 votes
1 answer
50 views

How to show two different ways to update the same router? (manual and automatic)

so I am designing a webui for a router and I am struggling with organizing the two different ways to update the router. Here is my mockup: I don't like the way it looks with two different update ...
  • 325
1 vote
2 answers
91 views

How should you organize 3 charts when two of them are the same type? (i.e. 2 bar graph, 1 line graph)

so I am designing a dashboard and on this dashboard there are going to be 3 graphs, 2 of them are bar graphs and one of them is a line graph. The bar graphs have similar x axis, but different y axis. ...
  • 325
1 vote
1 answer
78 views

Archiving. What are the best practices?

We are having a debate about a new feature we want to implement. Our system has a long list of items with five statuses (Public, staged, scheduled, draft, disabled). One of the users' main problems is ...
  • 2,280
0 votes
2 answers
172 views

Item picker (with search filters) UX

In my school web app, teachers can create exams and pick exercises to put in them from a big "exercise pool" they previously created. The exam editor allows teachers to create slots and to ...
2 votes
0 answers
31 views

Assigning workflows on folders

I'm working on a rewrite of our Workflow feature. Workflows are optional, and you can apply workflows only on folders. Folders start with no workflows assigned to them. A folder can be a part of only ...
1 vote
2 answers
129 views

Switch between admin account and "me"

I am working on a design for a platform where there are users, and some of them are "managers" so they are able to view data about the team they manage. The home page shows a dashboard with ...
  • 481
0 votes
0 answers
98 views

"Add" button with option to add more than one item

As part of a task in my webapp, users need to add "slots" to an object. For each slot, there's some settings that the user can adjust. Adding a slot is achieved via clicking a button. Some ...
0 votes
1 answer
75 views

How to make sure the user knows interactivity of this widget

I want to keep the interface as clean as possible, but I want the user to know, that they can edit the exercise (eg. the list tiles with the not-so-dark background), where I then display the exercise ...
0 votes
1 answer
30 views

How to make selecting fields behavior obvious in a conditional fields configurator?

Application is a document editor with the ability to add text, images, blocks, and fields. Users can assign fields to recipients and send a document. I'm currently working on an interface where users ...
0 votes
1 answer
67 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 ...
  • 101
2 votes
0 answers
60 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 ...
2 votes
2 answers
185 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 ...
0 votes
1 answer
56 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, ...
  • 601
2 votes
2 answers
93 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 ...
  • 430
5 votes
4 answers
477 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 ...
0 votes
2 answers
236 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 ...
1 vote
2 answers
71 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 ...
  • 11
1 vote
3 answers
187 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 ...
  • 11
2 votes
1 answer
88 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 ...
  • 25.7k
1 vote
2 answers
57 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 ...
  • 227
2 votes
2 answers
72 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 ...
0 votes
1 answer
44 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 ...
  • 10.5k
20 votes
7 answers
4k 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 ...
  • 333
0 votes
2 answers
140 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 ...
  • 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 ...
2 votes
1 answer
146 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 ...
  • 10.5k
0 votes
1 answer
758 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 ...
  • 9,608
6 votes
2 answers
369 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 ...
  • 15.4k
0 votes
1 answer
85 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 ...
  • 25
1 vote
2 answers
364 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 ...
  • 11
53 votes
7 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 ...
  • 2,854
0 votes
2 answers
59 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 ...
  • 113
2 votes
2 answers
323 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 ...
  • 121
2 votes
4 answers
127 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 (...
  • 121
0 votes
1 answer
82 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 ...
1 vote
2 answers
86 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 ...
  • 25
2 votes
1 answer
86 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 ...
  • 123

1
2 3 4 5
36