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,838 questions
0
votes
1
answer
34
views
Clinic scheduler design issue
anyone with experience in healthcare design could help me out here
so for last few days i’m pondering over the design requirements in a scheduler calendar for doctors.
The scheduler is for the clinic ...
0
votes
0
answers
36
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,651
0
votes
2
answers
37
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
64
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
48
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
85
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
74
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,017
0
votes
2
answers
62
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,338
0
votes
1
answer
122
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
53
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 ...
0
votes
1
answer
48
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
118
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
69
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
0
votes
1
answer
112
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 ...
- 33
0
votes
1
answer
100
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
328
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
54
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,264
1
vote
1
answer
127
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
0
votes
1
answer
184
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 ...
- 103
2
votes
1
answer
74
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
121
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,334
1
vote
2
answers
422
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
68
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
107
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
149
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 ...
1
vote
2
answers
116
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 ...
- 106
3
votes
3
answers
340
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
161
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
131
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
110
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
3
answers
229
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
215
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,631
3
votes
2
answers
97
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.7k
1
vote
3
answers
315
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 ...
- 11
1
vote
1
answer
141
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 ...
- 381
1
vote
1
answer
88
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 ...
- 113
1
vote
1
answer
70
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
...
- 381
1
vote
2
answers
132
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 ...
- 13
1
vote
1
answer
49
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. ...
- 11
0
votes
1
answer
63
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. ...
- 1
0
votes
1
answer
359
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?
- 381
0
votes
2
answers
82
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.
...
- 1
0
votes
1
answer
317
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 ...
- 75
0
votes
2
answers
296
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, ...
- 103
1
vote
3
answers
129
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 ...
- 111
2
votes
1
answer
132
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 ...
- 23
3
votes
1
answer
548
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 ...
- 143
0
votes
2
answers
418
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.
...
- 656
0
votes
4
answers
273
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 ...
- 4,578
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 ...
- 218