Skip to main content

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
45 views

What is the best way to show a user that they no longer qualify for an item?

I am working on a mobile app with coupons at various brands. Each coupon has a defined target audience, and users that fall into that audience based on their user attributes will see the coupon. Users ...
Cindy's user avatar
  • 23
0 votes
1 answer
71 views

Complex Setup Wizard with many components

Background I am designing a mockup for a surveillance camera interface where users can set up various trigger profiles. The setup process can be complex and often requires many steps, along with ...
Chris's user avatar
  • 432
1 vote
3 answers
285 views

Best way to offer a choice between 33+ items

I have a website for a card game that has "seasons". There are four of these seasons per year. When there were only a few seasons a dropdown sufficed to allow you to time travel between ...
Thomas David Baker's user avatar
0 votes
0 answers
29 views

How and when should in-app notifications be shown to users?

We provide a platform where our customers run their business on our systems. We have several types of notifications we want to show to users: App feature update notifications Messages from ...
richard's user avatar
  • 3,224
1 vote
1 answer
97 views

Why do virtual calculator UIs (especially desktop ones) have the numbers laid out when users typically use the keyboard instead

Just curious, why do virtual calculators on desktops even have the numbers and symbols added to the UI. Here's an example of what I mean Windows Calculator macOSCalculator On desktops, the primary ...
TDsouza's user avatar
  • 658
0 votes
1 answer
49 views

Selecting a table row for highlighting when there are interactive cells

I have table that looks like this: I need the switches to be toggleable and the APRAKSTS to be editable (it probably needs some kind of indicator). Also, as you can see, the last 3 columns have ...
Ansis Spruģevics's user avatar
2 votes
1 answer
67 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
1 answer
103 views

Should a sidebar menu have a sliding animation?

Currently we have a sidebar menu with multiple parent and submenus. There is some debate on whether there should be a sliding animation or not. I think because it is not a step by step process, so the ...
Gene's user avatar
  • 1,324
1 vote
2 answers
190 views

In the App I designed, there is a carousel component that can be swiped horizontally, but facing an accessibility issue, how can I solve it?

In the App I designed, there is a component that can be swiped horizontally, but the accessibility team said that the functionality is not operable using a single pointer and without requiring a ...
Ph X's user avatar
  • 11
1 vote
1 answer
55 views

What's a good metaphor for a simple state machine?

This is a bit of a weird question so I'm not sure it fits here, let me know please. This is a question about UI design for a video game. The question is purely about user experience, but I'll have to ...
HL.'s user avatar
  • 813
1 vote
2 answers
85 views

What color to have on my delete buttons/icons in an admin panel

Hello guys im creating an admin panel where you can delete images. What color should I use on these buttons that are in the background of a photo? As you can see it doesnt look super great if the ...
magnus's user avatar
  • 25
3 votes
2 answers
131 views

How to Communicate a Delay in Drag-Start Interaction?

I want to visualize a drag start delay, it takes 1 second hold before drag starts, and I want the user to understand they should keep on holding the item. What is a good practice for a ui/ux ...
Mina Soleimanzadeh's user avatar
1 vote
1 answer
87 views

Microinteraction language — drilldown, link, action

I'm currently building a new SaaS product, and am revisiting a few of my old decisions about certain patterns. In this specific case it's the design language for three types of ineractions that happen ...
Max Prodaniuk's user avatar
3 votes
1 answer
155 views

Best way to mark rows as not applicable in a data table

I am redesigning an old greenhouse gas emissions regulatory application that has a common design pattern where data tables include "Not Applicable" marked as N/A as the first column. When ...
user170002's user avatar
2 votes
1 answer
94 views

Feedback on a Error Summary

There's a use case where we plan on having an error summary to describe better the errors they might have on a form. The documentation on the UK Government site is well-written and covers most ...
Raphael Aleixo's user avatar
1 vote
1 answer
93 views

Multiple action buttons each with explanations

If I intend for a user to click one of four related but different submit buttons on a page and I also plan on having a brief paragraph explaining what each button is supposed to accomplish, what is ...
hello's user avatar
  • 275
1 vote
1 answer
92 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
177 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
  • 134
1 vote
2 answers
129 views

How to visually and interactively represent deeply nested physical objects?

I'm in the process of trying to represent storage of physical items in potentially complex, deeply nested locations, let's say up to 5 levels deep. We want to do this in a visual way that approximates ...
Mattynabib's user avatar
  • 3,501
3 votes
2 answers
94 views

Keeping the text handle visible at all times when in text editing mode on mobile devices, any accessibility issues?

There is a very interesting article on the 'invisible' problem of editing text on mobile that highlights the lack of novel and tailored UI design patterns for text editing. One of the really ...
Michael Lai's user avatar
  • 27.3k
1 vote
3 answers
169 views

Stepper - max. item count

I currently have an annoying discussion with one of the business guys as he wants to turn a freely configurable tool into a stepper. First of all the tool don't have mandatory steps, it's more like a ...
Cobo Kay's user avatar
1 vote
1 answer
121 views

Icon-based sidebar navigation + sticky header. Good idea? [closed]

I'm designing a B2B web-app with a lot of tables and dense information. Each page has a header that can contain: Page title Tabs Action buttons We're using a sidebar navigation that shows section's ...
Danielst's user avatar
  • 371
1 vote
1 answer
83 views

Design suggestion for a register page via smartcard

Context Developing a Login/Registration page Security is very important To reduce code complexity, I want to use just one controller and FXML page. I want to create a form to register three users at ...
Billie's user avatar
  • 13
1 vote
1 answer
67 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
1 vote
2 answers
118 views

Looking for feedback for which one will be a better navigation?

I'm working on a customer portal, aiming to enable clients to access product information and apply for products. There might be only one more product card but its inclusion isn't confirmed yet. I have ...
Meekfern's user avatar
1 vote
1 answer
41 views

How to cater to 2 different audiences in1 page

I'm working on 1 site page that is for both Enterprise customers and Communications Service Providers. We sell the same offers and solutions to both but we need to use a different language for each. ...
lofish72's user avatar
0 votes
1 answer
56 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
239 views

Export all table data when filter is applied?

If filters are applied to a table, should an export button export all the content in the table or just the content resulted of filtering?
Danielst's user avatar
  • 371
0 votes
2 answers
70 views

How to handle requests that will be picked up by a person and responded to within 5 minutes

I'm currently designing a voucher/discount journey. Due to system constraints, this is the scenario User needs to request a voucher. The request then goes to a crm that is managed by individuals. ...
Dehsen R's user avatar
0 votes
1 answer
212 views

Visualizing Data Hierarchy and Inheritance in a Multi-Layered System

We are working on functionality with three layers of data hierarchy, where data and settings are inherited or 'inherited' from higher to lower layers. This indicates a parent-child relationship within ...
YengarIV's user avatar
0 votes
2 answers
178 views

How can i demonstrate that a file has been uploaded from the selected element on a table in a dashboard

So, I have the following table on a dashboard that i'm trying to design in order certain process for the place where i work. On it, I have a few fields (promoter's full name, legal terms, number, ...
Miguel V's user avatar
  • 103
1 vote
3 answers
112 views

Non linear item quantity selection (1,2,5,10,20,30... items)

I have an ecommerce site selling lollies. I'm having a hard time figuring out the best way to allow user selection of the number of battery cells they can buy. I wanted to allow for the following ...
John Hon's user avatar
  • 111
2 votes
1 answer
102 views

Should OTP session be suspended if users navigate to another page?

During the password recovery process, once the OTP is sent to a user, why isn't the session suspended if the user navigates to another page in the meantime? For example, if you try the Forgotten ...
Md. Rayhan's user avatar
3 votes
1 answer
469 views

When to display a modal popup over a card flip on mobile or desktop?

I am building a Bootstrap website for a mobile application. It's basic HTML with no real backend coding involved at all. I have a photo with a chapter and verse from the Bible. I want to show that ...
CodeMan03's user avatar
  • 143
0 votes
2 answers
222 views

Terminology: Press and Hold -or- Hold?

"Press and hold" (or touch and hold) is clearly the full description. However, is "hold" alone clear enough for users? Instruction: Press and hold the button for 3 seconds. ...
Davbog's user avatar
  • 656
0 votes
4 answers
195 views

Adding items to categories defined on the spot

I'm having issues wrapping my head around an interaction. I have 5 possible tags that can be combined as follows: Tag1,Tag2 Tag3 Tag4,Tag5 For these combined tags I can add items that get associated ...
Chris's user avatar
  • 4,558
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
0 votes
1 answer
49 views

Best way to show accepted item that applies to multiple inputs?

I wanted to get insights on the best way to show an accepted item.Suppose we have list of offers and one offer that applies to multiple lines ( mobile numbers) i.e XXX-XXX-XXX1, XXX-XXX-XXX2, XXX-XXX-...
Diego's user avatar
  • 69
1 vote
2 answers
158 views

What is your approach to finding the name of an element or design pattern?

Often times i'm looking for the name of a design pattern / design element and I don't know the name of it. I've tried looking at Libraries and Design Guidelines but I am often times unable to find ...
fabiux's user avatar
  • 15
0 votes
1 answer
65 views

How do I explicity tell the user that wi-fi is required for a feature to work?

So I am designing a product which will have a list of features that affect the mobile device. The features can be split into two categories, one category will work at all times, while the other will ...
Gene's user avatar
  • 1,324
4 votes
1 answer
630 views

Question based solution suggestions - Design strategy

We have seen the rise of AI like Chat-GPT that can provide feasible solutions using pre-fed data. Also, I have seen multiple applications the user on what they want, and then suggesting services/...
Ashwin Kulkarni's user avatar
2 votes
3 answers
178 views

When should users add a name to newly created items? Or is automatic naming sufficient?

I'm building a platform for building widget that you can integrate in your website. For each widget, you need a name. However, I'm not sure you I should ask a user to create a name in the very ...
Artem Lepilin's user avatar
2 votes
1 answer
70 views

What is the rationale for using a triangular tail on a component?

I am writing guidelines for a flyout menu that appears when a user interacts with a button, icon, or some other element. All of the elements that would trigger this menu have an active / selected ...
MadCM's user avatar
  • 71
0 votes
1 answer
79 views

Modal or Non Modal functionality on UX Stack exchange portal - Behaviour Confusion

I was going through the profile section of the stack exchange site today and i found an interesting behaviour of modal window. As far as what I have observed in various articles and design systems ...
Ashwin Kulkarni's user avatar
2 votes
3 answers
208 views

How to indicate disabled list items in a list with alternating backgrounds?

I have a table of search results that have alternating grey and white backgrounds that, on it's own, look quite pleasant in my opinion: Now, the user also has the option to unselect items by clicking ...
Pete's user avatar
  • 23
0 votes
0 answers
27 views

Hide/Unhide Tabs based on Input field (dropdown may be)

Is there any research for HIDING/UNHIDING Tabs in a page using an input field? I am not sure if it is a good User Experience and Usability.
Ashwin Kulkarni's user avatar
0 votes
2 answers
734 views

What is the minimum size for a profile picture when used somewhere other than the profile page?

I am creating an app and want to know the recommended minimum size for profile pictures when their picture is used to show that they are assigned to something. I wanted to do something similar to ...
Gene's user avatar
  • 1,324
1 vote
6 answers
422 views

Calendar displaying 2 months but user has to select only 1 day

I'm designing a desktop form where users have to select 1 day from a calendar. It's a reservation process for restaurants. I've been suggested to use an existing calendar component that shows 2 months ...
Danielst's user avatar
  • 371
2 votes
2 answers
273 views

How to keep consistency between 2 cards when one of the items are optional?

I am creating somewhat of a reminders feature for my app and one of the features (time) is optional. When all options are selected, I have an ideal layout with one item in each corner of the card. ...
Gene's user avatar
  • 1,324
0 votes
1 answer
103 views

Filter all the data - big data load

I'm creating a platform that has a lot of company data, around 200,000 companies with 1000 branches each, so it's a lot. When we load the platform we usually don't show anything until we have loaded ...
Flamur Krasniqi's user avatar

1
2 3 4 5
37