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
0
votes
1answer
42 views

Group Checkboxes Select All / None Design's best practices

What would be more inline with best practices for the select all / select none option on group checkboxes? OR
2
votes
1answer
32 views

Library of terms for interface (interactions and designs)

I'm studying interaction design (via a Swedish uni) so am having some difficulty finding English terms for different interactions and interface designs. Terms like lightbox popup and modal overlays. ...
0
votes
0answers
13 views

Exporting assets from iOS and Android [on hold]

I design both iOS and android apps and use a tool Sympli for developer handoff which is a similar tool like zeplin. I need to know what format should I download assets so that they can be used for ...
4
votes
1answer
64 views

About Commanding in UWP apps. What commanding approach is best? office like?, UWP? or classic win32?

I'm writing an app with platform UWP-Windows 10-1903(Universal Windows), for making electric circuits, designs and simulations. User makes a design on screen with resistors, generators, etc, and run ...
0
votes
1answer
29 views

Visualize file relations

I'm desiging an interface where file relations are a bit complicated and I could really use some help on how to visualize them. Basically, it's a programme where you can change different kinds of ...
0
votes
1answer
46 views

How to focus on an area / button without looking too “forceful”?

Summary: How to place a website visitor's focus on areas that'll help them see value on the rest of the page faster? It shouldn't feel intrusive, since repeating visitors might not need to see it ...
0
votes
4answers
93 views

Interaction in the selection of row

Scenario: After the search, the name list gets populated on the popup window. User needs to select any one of the rows and continue and it which will get added into the next table. In option 1, the ...
2
votes
3answers
350 views

Making the user pay attention to what's on the screen instead of having him press next next next

I work on a fitness and recovery app which has an on-boarding process which requires the user to position 2 sensors on his body and pay attention to some small tasks on the screen (like put the ...
2
votes
2answers
203 views

Is the user attention required or not?

We are developing 'Work Experience' module. You can see the screen as wireframe attached here. Scenario: The User entered information in 1st block. After that, he clicked on '[+ Add Work Experience]'...
0
votes
0answers
34 views

Usability testing of design system components and patterns

This is my first post here, and what I am searching for have not been found yet, I must be very innovate, joke aside. I have gotten a mission at my current company from the C-level to test through ...
1
vote
3answers
104 views

Stack or use multiple notification toasts

I’ve seen it many times before where you’re on a website and you get a notification which comes in the form of a toast, if you perform the same action another toast will appear and it will push the ...
0
votes
0answers
43 views

Is it recommended to have tab index navigation for complex web application?

I am doing requirement gathering for a complex in house web application. My customer is adamant to have keyboard tab index interaction for the application along with regular mouse interaction. My ...
1
vote
2answers
33 views

User interaction for interdependent fields

Context: I'm working on a screen where a table will be rendered based on the user's choice of "Country" and "Organization". Both these fields are interdependent and the user needs to have the ...
0
votes
1answer
33 views

Expected User Interaction behaviour for selectable tabs laid vertically

Context I'm working on a user preferences settings page where a user can choose between products and features for themselves. The "Product Settings" section below is where the user can select a ...
1
vote
1answer
37 views

Should allow upload file in the same page or a new page?

I am building a web site where students have to do their homework online. I have a page that shows a list of cards , every card represent a homework. On every homework the students have to upload ...
4
votes
2answers
172 views

What are the advantages of selfies for security?

A former client of us hired us again after 3 years. In that period, they had many changes, one of them the use of selfies for security reasons. I have found this type of security from time to time, ...
1
vote
4answers
78 views

Contact Us thank you message [closed]

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
4answers
242 views

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
21 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 ...
3
votes
6answers
205 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
90 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
1answer
89 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
4k 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
68 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
44 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
62 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
147 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
60 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
91 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
90 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
46 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
153 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
54 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
103 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
75 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
160 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
221 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
199 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
38 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
88 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
87 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
116 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
68 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
93 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
91 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
56 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
499 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 ...