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.
1,861 questions
1
vote
1
answer
41
views
What’s the common UX behavior for dependent filters when one is mandatory?
I’m working on a filter component with this scenario:
One filter is mandatory (single select) and the second filter is optional (multi select).
If the second filter is empty, it currently means “all ...
- 11
0
votes
2
answers
57
views
How can eco-friendly packaging designs like paper cups influence user perception and brand trust?
I’ve been researching how product packaging impacts user experience beyond just functionality especially in the food and beverage industry.
For instance, custom paper cups are now being used not only ...
1
vote
1
answer
69
views
Select Chat Members with Filters
I have a use case, so when creating a new group chat, we need to add members by selecting from a user list. To make this easier, we provide filters such as Role, Division, and Branch. However, some ...
- 11
1
vote
1
answer
112
views
Best UX pattern for exiting insert mode on a mobile-first canvas app (non-technical users)
👋 I’m building a mobile-first drawing app for football coaches, where users place elements (players, balls, lines, cones, text, shapes etc.) onto a canvas by selecting a tool and tapping the canvas.
...
2
votes
2
answers
170
views
How do you balance great graphic design with smooth UX to keep users engaged without confusing them?
I’m a graphic designer transitioning into UX, with a strong background in illustration and animation. I'm exploring how these visual storytelling tools can go beyond aesthetics to truly support user ...
1
vote
2
answers
154
views
Is there an agreed definition of "Friction" in the UX/HCI/System Design field?
My understanding is that within the fields of UX, Human-Computer Interaction (HCI) and system design in general, friction refers to anything that makes a users task more difficult, complicated or less ...
- 227
2
votes
2
answers
211
views
Reordering list items using up/down buttons
Above is just an example for my case. Example code available here.
I've arrived at above solution, while solving 2.1.1 Keyboard, 2.5.1 Pointer Gestures, 2.5.7 Dragging Movements criteria's combined ...
- 83
1
vote
2
answers
153
views
How to desig a safe cancel experience
I am creating a form inside a modal and I have a question regarding a cancel button. Currently, the form has 38 inputs, so it's a very bad thing if the user dismisses the modal without wanting too (...
0
votes
1
answer
52
views
Three Interdependent variables
Interdependent variables have a fixed relationship i.e. given by some equation which can be solved for any of it's variables.
When you have two interdependent variables, you can use two way binding on ...
- 103
0
votes
0
answers
71
views
Feedback for Security Emoji Design Concept
I'd love to hear your thoughts on a security emoji design concept aimed at preventing phishing attacks using a unique, personalized emoji.
How it works:
When we send a link to a user via email, and ...
0
votes
1
answer
105
views
Accessible text heavy table links
We have a table with many cells:
Clicking anywhere in the table opens the side panel.
Clicking specific cells can open corresponding sections within the side panel.
To differentiate between cells ...
- 1
0
votes
2
answers
95
views
Update fields based on user action on related field
I've a web application that requires some fields to be updated automatically based on user inputs to related fields.
Ex:
If user inputs value in TextField 1, they might expect TextField 2, 3, and 4 to ...
- 101
0
votes
2
answers
78
views
Is there a pattern for using one click to select a single option after multiple options are selected (e.g. in a dropdown)?
I have a multi-select dropdown like this:
[-] All
–––––––––––––––––––––
[x] Department 1
[ ] Department 2
[ ] Department 3
…
[ ] Department n
In design review, an engineer asked if there's a UX ...
- 101
0
votes
3
answers
136
views
Displaying instructions in mobile app?
I'm working on an app that shows the price of a product, and the end-user can update the picture for the product selected. The app will only be available for mobile phones (both iphone and android/...
- 217
2
votes
1
answer
95
views
How to manage space issues in a topbar with variable-length elements?
I’m a product designer working on a web app, and I’ve been running into an issue with the topbar design. The topbar displays a list of clickable items (user-defined names, so the lengths can vary a ...
0
votes
2
answers
165
views
Is there a valid use-case of "un-checkable" radio buttons?
I've just discovered that Google forms allows radio buttons to be checked, then unchecked by clicking on them a second time:
Do you know of any valid uses of this? It would be helpful to do some UX ...
- 147
0
votes
1
answer
81
views
Best way to have users validate accuracy of AI authored text without it feeling too heavy handed?
Our MVP product will use OCR to scan patient records (e.g., handwritten, faxed, digital, etc.) and uses AI to write a patient summary for healthcare providers
There are key patient data points that we ...
- 1
0
votes
2
answers
105
views
Clinic scheduler design issue
Anyone with experience in healthcare design could help me out here.
For the last few days, I’m pondering over the design requirements in a scheduler calendar for doctors.The scheduler is for the ...
1
vote
1
answer
114
views
Is Apple's 'False Bottom' design enhancing engagement or causing frustration?
Apple's website has a 'false bottom' design, where users might think they've reached the end of a page, but scrolling reveals more content. Do you think this approach enhances user engagement, or ...
- 3,711
0
votes
2
answers
192
views
How should fuzzy search keyword be highlighted when searched between fully matched vs partially matched?
I'm designing a desktop application with a search feature that scans all messages within each ticket across the system. I want to highlight keywords found in messages similar to the way "Ctrl + F&...
2
votes
1
answer
123
views
Should an empty accordion still be expandable?
When users come to a certain page within our tool, content is contained in two different accordions. Content they've seen on prior screens is contained in a closed accordion, so that they can still ...
- 23
0
votes
1
answer
66
views
Ethical/right to redirect from email based on bronze or gold plan?
After an annual software subscription expires, a user is emailed with renew prices and 3 clickable button options to renew:
Bronze: $10
Silver: $20
Gold: $30
Currently any button click on the email ...
- 265
0
votes
1
answer
117
views
How to stop User from creating too many instances at Sign-up?
I'm creating a CV website, where the user on sign up is prompted to provide his qualifications. If his qualification/skill doesn't exist in the database he is allowed to add it. But it occurs to me ...
- 103
1
vote
1
answer
93
views
Best practices for changing a frequently used button's functionality in a B2B product
I'm working on a B2B product that has a large user base who have been using it daily for the past 3-4 years. We're planning to modify the functionality of a button that most users interact with at ...
- 3,067
0
votes
2
answers
85
views
How can I create an affordance for both seeking to a word, and also looking up up a word?
I'm building a language-learning application involving reading texts aligned to audio. The words currently being spoken in the audio are underlined.
There are two different actions that I want to ...
- 5,327
0
votes
1
answer
162
views
Enhancing User Experience with Better Animation Button Design
Hi UX Stack Exchange Community,
I'm currently working on a mobile app design for the Mazda MX-5 modding community. The app allows users to execute animations with their car's lights (such as wink, ...
0
votes
1
answer
97
views
Search with multiple inputs (checkboxes) [duplicate]
For a new design I'm creating a search where people can generate a report for companies (see image). The parent companies can have a lot of child companies. It is based on the blazer component ...
- 11
0
votes
1
answer
100
views
Shimmer effect for Delete requests
We have implemented Shimmer effect on our data tables to show the "loading state". When the table is loading, the skeleton is loaded and the shimmer effect is rendered simultaneously. ...
- 1
0
votes
2
answers
271
views
Which interaction is more user friendly to filter a list of customers by first letter on mobile?
I'm designing filters to help users find out what they need in a very long list of customers (more than 5000 entries on average). One of the options is to filter by Last Name or First Name's initial ...
0
votes
1
answer
177
views
Designing scalable tooltips & toggletips
I am working on creating a design system for our product and completed with an audit. While working on the tooltip component, I came across some patterns which I am unfamiliar with, can someone have a ...
- 11
1
vote
1
answer
320
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 ...
- 83
0
votes
1
answer
155
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 ...
- 432
1
vote
3
answers
381
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 ...
1
vote
1
answer
116
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 ...
- 3,294
1
vote
1
answer
241
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 ...
- 658
1
vote
1
answer
379
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 ...
- 113
2
votes
1
answer
84
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 ...
- 21
0
votes
1
answer
169
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 ...
- 1,444
1
vote
2
answers
815
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 ...
- 11
1
vote
1
answer
94
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 ...
- 823
1
vote
2
answers
133
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 ...
- 25
3
votes
2
answers
192
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 ...
- 133
2
votes
2
answers
170
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 ...
- 116
3
votes
3
answers
535
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 ...
- 31
2
votes
1
answer
299
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 ...
- 121
1
vote
1
answer
243
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 ...
- 275
1
vote
1
answer
133
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&...
- 13
3
votes
2
answers
288
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 ...
- 144
1
vote
2
answers
371
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 ...
- 3,776
3
votes
2
answers
143
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 ...
- 27.9k