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
-1 votes
0 answers
17 views

Is it ideal to show an action (ex: copy) on hovering over an accordion/expansion

The copy action is for later when user wants to copy the link again. It has to appear on the accordion
0 votes
0 answers
35 views

Show checkbox onhovering over a row of a table

My team is working on a Saas product. we have a table design where we displays actions onhover (we use this approach throught the product) we are adding a new feature where the user can select ...
0 votes
1 answer
47 views

UI for setting up availabilities

Background: allow vendors to setup their availability for booking, on a mobile app. Availability goes down to hourly basis (e.g. minimum 1 hour blocks). Goal: allow different types of user (part-timer/...
0 votes
1 answer
57 views

What's the best way to filter shoe sizes across multiple standards?

Say you have a shoe store and you sell shoes across many different brands. Each brand has its own country of origin, and thus its own sizing standard. We have shoe brands with US sizing, other brands ...
  • 101
1 vote
3 answers
123 views

What to do with important information that disrupts the flow of the design?

Quite recently, we redesigned our whole application. FYI, below you'll see the old and the new design: Old: New: Very short summary of what you'll see: The top toolbar shows all the actions that ...
  • 111
1 vote
1 answer
76 views

Example of a kinesthetic "quasimode" on mobile web app?

I would like to specify a function to zoom into an image displayed on a handset UI for industrial use. This is in an environment where users are often in situations where fine motor control is ...
0 votes
3 answers
73 views

UI for skin care routines (two versions) - seeking advice

I created a UI for displaying skin care routines for my website. This will be part of a profile page (example), and when a user creates a post on the discussion board, this will be also included in ...
  • 101
0 votes
1 answer
79 views

Is it fine to show every detail on dashboard for an admin panel or after one click?

Well, I know the fact that we need to minimize the user click. But displaying too much information is also not good. So, as you can see from the image below, we have plans and a scrollable list of ...
0 votes
2 answers
120 views

Progressive disclosure on hover - Best approach?

Context: I'm the sole product designer for a company with a product built around selling "knowledge packages" for getting your company on a better spot financially, fiscally, or productively....
  • 1
0 votes
1 answer
138 views

Do you really need a close button for a dialog to be accessible?

For example: Apple Books When you create a note, the note doesn't have a close button, you click outside and it closes. If you delete the content, the note is automatically deleted. It doesn't have ...
1 vote
2 answers
51 views

How to add relevant visual interest to an online course listing?

A company sells online courses in the US that are state-specific. The course names are often very technical (due to state requirements) and the average user doesn't know which course they need until ...
  • 41
2 votes
3 answers
149 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
185 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
118 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
43 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 ...
  • 335
0 votes
2 answers
71 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 ...
  • 177
0 votes
1 answer
112 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
146 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
105 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
57 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
1 answer
49 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 ...
  • 16.1k
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, ...
  • 16.1k
1 vote
2 answers
157 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
49 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
56 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 ...
  • 335
1 vote
2 answers
111 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. ...
  • 335
1 vote
1 answer
192 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
192 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
39 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
192 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
124 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
78 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
43 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
70 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
108 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
256 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
59 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
105 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
481 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
419 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
74 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
2 votes
3 answers
336 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 ...
  • 21
2 votes
1 answer
92 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.8k
1 vote
2 answers
60 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
87 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 ...
  • 121
0 votes
1 answer
59 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.6k
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
1 vote
2 answers
153 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 ...
  • 123
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
163 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.6k

1
2 3 4 5
36