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
vote
4answers
49 views

Contact Us thank you message

we currently have a contact us page that allows visitors to send an email to us through it, would it be a good idea to also send an email to the visitor thanking him for the message to let him know it ...
1
vote
1answer
97 views
+50

Multiple steps each with a tasks vs one step with multiple tasks (for the user)

I am sketching the user flow for a new feature of a fitness/medical recovery application that is using hardware sensors to monitor the way the user is performing certain fitness exercises. In order ...
0
votes
0answers
17 views

Display customer reviews on mobile, technique?

I'm displaying several items on the same mobile page. each of them has its own reviews (about 30). What is a good technique to display the reviews? for example, have a link/button on each item box ...
0
votes
0answers
119 views

The inverse of UI/UX. Countering Dark Patterns [closed]

After studying HCI and reading a couple of books, I found out that UX/UI is very strong manipulating tool in the capitalistic society in which we live in. Is there an inverse method to deal with the ...
0
votes
1answer
73 views

Correct Dropdown Interaction

When using one of the material design components (select box/dropdown), I got confused about which interaction is correct. The link below has 2 interactions filled and filled enhanced. If you click ...
3
votes
6answers
197 views

Interaction for dependent sibling input fields?

I have two fields in a form - Country and Organisation. These hold the same hierarchy and are dependent on each other. Meaning, the user should be able to either select a country first and then select ...
1
vote
4answers
83 views

Progressive disclosure on multi-selection interaction

I have a screen where the user can select between 3 options. These are multi-selectable. However, each option has specific settings (minimum 3, maximum 8) for it. How should this be displayed? I ...
0
votes
0answers
32 views

Web UI for categorizing a list of items

I have a web page that displays a list of 100+ items (where each item is a row containing an image plus some metadata) that I would like the user to categorize into "A" or "B" or neither but not both. ...
1
vote
1answer
75 views

Good way to break monotony on “never-ending” apps

As a good example/case-study of this, let us consider running type of video games (e.g. temple run) or swipe left/right type of dating apps, or image browsing apps, etc. In general, these apps "just ...
11
votes
3answers
3k views

Prepare a user to perform an action before proceeding to the next step

I am designing an application that allows the users to train at home. I have a step (let's call it step 1) in which the user must be in a position in order to "sync" (step 2) with the app for the ...
2
votes
1answer
59 views

Interface for preventing certain items to be combinational with each other

Suppose that I have three lists with items [A1, ..., A10], [B1, ..., B10] and [C1, ..., C10] and I apply the cartesian product on those lists. Then I will get [[A1, B1, C1], [A2, B1, C1], ...] Now I ...
0
votes
0answers
41 views

How do I use a block UI overlay without losing UI events?

Our application is a web app with a backend server. Each page in the web app has this structure. Header Body Footer The normal use case is User navigates to a page. User edits the fields in the ...
0
votes
2answers
61 views

Confirmation Pattern deleting a comment in Google Suite

Context I would like information about the current pattern to delete a comment from an app of the Google Suite. Where and How to find it Remove a comment made in Google Docs, Google Sheets, etc. ...
0
votes
2answers
128 views

What is a good tutorial for web app UI/UX design? [closed]

I'm building a web app, but I'm not a designer, so I rely on a lightweight CSS framework to provide the basic styling and structure of different UI elements. However, I usually struggle with how to ...
0
votes
2answers
59 views

Best way to let user select something underneath another an object

For an application I'm developing I've been thinking about an aspect of the UI. Imagine I have an application that lets me draw shapes. I can select drawn shapes by clicking inside of them. But there'...
2
votes
1answer
90 views

Tri-state icon convention?

I have to design a report with validated information about the data entered. In some fields I have a typical triple state. Imagine a file. That file belongs to a report model file. When uploading it, ...
0
votes
2answers
87 views

Is this design exercise reasonable for a job interview? [closed]

So after a phone interview, a company I'm interested in sends a design exercise that to me seems really excessive for the suggest 2 hour timeframe. Are they trying to throw me a curveball or do they ...
0
votes
0answers
45 views

What is the type of graph called in the chrome network inspector?

First time asking a question in this SE. Hope my formatting is ok. feel free to point out any misuse of question asking. For a project, I have to come up with a dashboard-like UX. I'm currently ...
32
votes
9answers
8k views

Do people use QR codes?

I want to let people install a mobile app after visiting a physical shop. My first go-to was a QR code, but I was wondering if people actually use them. Should I give a second option? What are your ...
0
votes
5answers
149 views

How long should animation delay be for a user interaction?

Simple question from a dev... I'm a non UX expert. When does a action, such as press a button or hover over a icon, how long should I delay the animation to show the interaction? I looked on Google ...
1
vote
1answer
52 views

Validation of a text file: how to best show the inline editor?

I'm making an app that validates a text file and then shows the errors associated with it. Currently all errors are listed as rows. I'd like to make it easy to correct the errors in the text file so ...
3
votes
2answers
92 views

Using accordion lists with radio buttons

I am designing a UI for a popup that would allow the user to share a post with one class at a time and select which class. They should also be able to drill into each class and select all or certain ...
0
votes
3answers
72 views

Whats a good way to let users manually switch between inbound and outbound travel content

Working on the ux for a inbound/outbound switch for a travel website that does tours in the asia region. They aim to 1st identify using IP address if the user is from the host country or heading to ...
1
vote
2answers
114 views

How to consolidate multiple versions of a download page into one?

I currently am building a bulk download page for my application, and am running into some problems designing the predictability of the main workflow for an end user. From this screen below (which ...
1
vote
2answers
146 views

Screen size to design for Android and iOS React Native App?

I am designing a mobile app (UI/UX Design) for a client that will be developed using React Native. What screen size should I start with? Do I need to design 2 different apps for this? I have been ...
1
vote
3answers
198 views

Is it ok to allow Steppers or incremental buttons to remove items?

I read sometime ago that it is bad UX if the system allows the user to remove an item (for example, form their cart) if he uses numeric steppers down to 0. Should the system allow this or stop at 1 as ...
0
votes
0answers
35 views

Face recognition based actions

I’ve seen quite a few apps have a face detection smile to confirm or submit feature lately. This usually comes along with a button to do the action if you can’t or don’t want to smile or if the user ...
0
votes
1answer
81 views

Are there any suggested username conventions?

I am currently designing a form for a registration to a portal which contains very personal information. I am exploring the idea of having a suggested username(s) to be presented to the user to choose ...
2
votes
1answer
79 views

Close icon to left or right on mobile Material Design [closed]

I have observed that Material Design puts the close icon to the left in all the examples of Material Design. Do you know any case that it goes to the right?
3
votes
3answers
113 views

Help with an UI for credentials with restrict of 2 dependent fields

I am trying to change credentials UI where a user should insert username & password . The change will include another field called PEM which can be either an upload button or a dropzone. The ...
-1
votes
1answer
64 views

customer selection: find or create

I'm working on a form to create offers for our customers. Sales is currently creating loads of duplicates because the search performance is poor and they are rather hitting the create button than look ...
1
vote
1answer
92 views

What is the preferred way of displaying interactive information in a small space, eg table cell?

I have a list of athletes that have competed in a race. For each athlete, I want to be able to do a couple actions for each athlete, like View Time Online View Team of Athlete View Time Splits View ...
1
vote
2answers
87 views

What should the behavior of Disabled Link/Button be? [duplicate]

What is the best practice for designing disabled states? In general disabled states cannot be interacted with. Any opinions on presenting a tooltip/pop-up on hover or click when the user interacts ...
0
votes
0answers
56 views

Keep sections expanded?

need an opinion for a better user experience. Imagine you are on some web site.  Go to page X, there are few collapsable sections.  You expanded few of them at a random order one after another.  Then ...
1
vote
1answer
55 views

How to identify design system or design language used by app or website [closed]

Have few doubts. I'm new to UX, how to identify which design system is used by app / website, can we judge by looking into its UI. Can i design my own design system for my app and website - for this ...
7
votes
2answers
498 views

Does a video lightbox need a close button?

I am building someone a portfolio website for their videos. When you click a thumbnail in a gallery of videos, a light-box no bigger than 65% of the viewport opens to show the video. You click the ...
33
votes
4answers
4k views

Multiple options vs single option UI

On the dashboard we are building we got 2 sets of options users can pick: Multiple options (checkboxes) and single options (radio buttons behavior) while the look of the components is similar, ...
0
votes
5answers
177 views

How to represent multiple positive buttons as CTA

We have an extension that has two different actions: Yes and No. But these two actions come in two different flavours. Yes for the current page and Yes for the whole domain, meaning Yes for the ...
0
votes
1answer
37 views

Sidebar positioning on mobile - review form

I'm updating a review page where users are asked to leave feedback on their recent course purchase. Students who purchase courses on our site don't instantly get access to their course. Some users ...
0
votes
0answers
37 views

Recommendations on IA of Account Settings

I'm working on adding a page in our app that allows you to integrate with third-party services. So "connecting to third-party services" could mean a few different things here: 1) Logging in to third-...
2
votes
3answers
262 views

Improving UX for multi-selectable cards

I'm designing a screen where the user should be able to: 1. Select b/w multiple options (displayed in cards) 2. Search for other cards and be able to select those as well. Here's a picture for better ...
2
votes
2answers
67 views

How to download the same item in different file formats, and an optional additional item?

I'm building an internal app for a company. Ideally the user should be trained to use the app (eventually), but it would be better to make it understandable without the need of a specific training. ...
2
votes
1answer
47 views

Should non-existant files in a recently used files list be deleted without user prompt?

Say, you have this common thing of "recently used files" or "frequently used files" in your application. It may easily happen the user moves or deletes a file they had opened recently/frequently. So ...
40
votes
4answers
6k views

Button changing its text & action. Good or terrible?

After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the ...
0
votes
2answers
154 views

Are unclickable tags/chips a good practice?

Title says it all basically. I have to show a trip that contains Title, description and a bunch of random additional info (the tags). The issue lays in those tags they should not be clickable and ...
0
votes
2answers
159 views

Making complex UI easier - User License [closed]

I have an admin portal for a Staff / Tech Support to check USB Dongle license information and help customers solve problems The client interface is much simpler, but due to legacy data and how the ...
4
votes
2answers
102 views

Are real objects more intuitive than plain UI elements in VR?

I´m analysing various VR apps and I found Tvori, and I love how it handles the different actions that can be done, because instead of using interface elements such as icons or buttons, it uses real ...
0
votes
4answers
81 views

Label of CTA for starting an online interview

In order to start a Video Interview, the user needs to click an action button. What could be a clear and self-explanatory label for such a CTA? How about Start Answering? Wondering if it is intuitive ...
0
votes
1answer
122 views

Icons alignment issue

I'm trying to find out another way to show the big icon (dumbbell) or re-arrange the rows, because the first icon from the third row (the clock) looks a bit strange when it's next to that big dumbbell ...
0
votes
1answer
58 views

Is it more common, or best practice, to design several web pages to fill out user profile data or one page divided into sections? [closed]

I notice that a site like LinkedIn feels overwhelming and clumsy to me when I'm trying to update my profile. I would guess that LinkedIn would hire some of the best developers in the world, yet it ...