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

Robots: moving face, or no face [closed]

Form a UX, perspective. What would be the advantages of a robot with a moving face, versus, those of a robot with no face. Thanks.
Joselin Jocklingson's user avatar
0 votes
1 answer
42 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
66 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
95 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,315
1 vote
2 answers
114 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
52 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 ...
H. Saleh's user avatar
  • 813
1 vote
2 answers
82 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
124 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
76 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
118 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
64 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
72 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
  • 265
1 vote
1 answer
86 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
160 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
  • 132
1 vote
2 answers
106 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,491
3 votes
2 answers
86 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.1k
1 vote
3 answers
124 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
101 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
78 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
65 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
116 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
32 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
55 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
192 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
65 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
193 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
120 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
111 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
89 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
423 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
175 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
179 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,548
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
0 answers
28 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
141 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
62 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,315
4 votes
1 answer
628 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
142 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
69 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
76 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
179 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
25 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
407 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,315
1 vote
6 answers
339 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
267 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,315
0 votes
1 answer
96 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 vote
2 answers
99 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 ...
unforgettableidSupportsMonica's user avatar
1 vote
1 answer
3k 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 ...
Gene's user avatar
  • 1,315
0 votes
2 answers
575 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 ...
Meekfern's user avatar
0 votes
2 answers
205 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 ...
Gene's user avatar
  • 1,315

1
2 3 4 5
37