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,816
questions
0
votes
1
answer
32
views
Card Interaction to open side panel
I am designing a responsive UI of a web app which has information displayed in cards. So is it advisable to display additional information in a side panel/side bar on clicking on the card in desktop ...
- 1
0
votes
1
answer
57
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 ...
1
vote
0
answers
58
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 ...
- 11
1
vote
0
answers
33
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 ...
- 111
0
votes
0
answers
39
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 ...
- 255
1
vote
1
answer
65
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
2
votes
3
answers
130
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 ...
- 121
0
votes
2
answers
64
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,396
2
votes
2
answers
83
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 ...
- 26.7k
0
votes
3
answers
91
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 ...
- 1
0
votes
0
answers
68
views
Icon-based sidebar navigation + sticky header. Good idea?
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 ...
- 317
0
votes
1
answer
72
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 ...
- 3
0
votes
1
answer
60
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
...
- 317
0
votes
2
answers
109
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 ...
- 3
0
votes
1
answer
26
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. ...
- 1
0
votes
1
answer
52
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
99
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?
- 317
0
votes
2
answers
60
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
128
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
83
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
107
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
67
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
340
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 ...
- 133
0
votes
2
answers
115
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
155
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,518
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 ...
- 198
0
votes
0
answers
23
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-...
- 69
1
vote
2
answers
122
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 ...
- 15
0
votes
1
answer
60
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 ...
- 1,136
4
votes
1
answer
624
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/...
- 1,114
2
votes
3
answers
97
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 ...
2
votes
1
answer
62
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 ...
- 71
0
votes
1
answer
67
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
...
- 1,114
2
votes
3
answers
149
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 ...
- 23
0
votes
0
answers
23
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.
- 1,114
0
votes
2
answers
172
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 ...
- 1,136
1
vote
6
answers
233
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 ...
- 317
2
votes
2
answers
261
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. ...
- 1,136
0
votes
1
answer
83
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 ...
1
vote
2
answers
95
views
Displaying caller ID verification data to landline users: what's the best way to show it?
What is STIR/SHAKEN?
STIR/SHAKEN is a set of telephony technologies. These technologies can help with authentication and verification of caller ID data. Eventually, STIR/SHAKEN may be available to ...
1
vote
1
answer
1k
views
Can I use yellow text on a white background to indicate warning? (Contrast checker)
I am designing an app targeted towards an older audience (age 65+) so my app needs to have high contrast to be visible. I am using a contrast checker and according to WCAG standards, any yellow does ...
- 1,136
0
votes
2
answers
326
views
How to improve the UX/UI for multiple buttons that are now spread out
I am working on a web application where we have detail pages for applications that were submitted by the user and certificates that were issued for them.These pages have multiple buttons and are ...
- 3
0
votes
0
answers
23
views
System for learning without being led off on a tangent
I would like to know, how a software system, could be designed, so that everything you searched and used (chrome, Wikipedia, apps, dictionary, illustrations, images), and so on, were filtered through ...
0
votes
2
answers
132
views
Proper way to align list with colon separated values
I am creating a very small list of data for a device which will be displayed on an overlay. The following format is as follows:
There are many different ways these items can be aligned and I've ...
- 1,136
0
votes
5
answers
928
views
What is an example of false/ bad affordance?
So I'm learning Norman's design priciples but I haven't quite understood affordance. I know the defenition now. If we take a square box, it affords to be sit on, stand on, it afford to be picked up ...
- 101
1
vote
0
answers
74
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 ...
- 11
1
vote
1
answer
185
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/...
- 111
0
votes
1
answer
95
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
131
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
83
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 ...
- 440