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
3
votes
2answers
709 views

Overlay Vs dedicated page or separate section within the page?

Context We have this situation where we need to display additional information about products that users has selected. The page in question is the page that houses the products, each product is ...
0
votes
0answers
14 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
192 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 ...
0
votes
0answers
111 views

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

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

Guidelines on the interaction and content design of visual displays inside elevators

I found the question What makes the elevator experience so awkward? rather interesting, but for practical purposes thought it was better to focus on one aspect of the experience that designers have ...
0
votes
1answer
47 views

Material Design Select box /Dropdown Usability which is correct interaction

I like material design, 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 ...
0
votes
3answers
180 views

How to add more columns to data grid keeping it more expressive

If I have a grid view like this and I want to add more columns. One column will display buttons and the other one - notes.
2
votes
2answers
123 views

Should fields be hidden if another field could appear in between?

I'm making a form which will have various yes/no answers. In response to the user's action, the form might display more fields. Some fields will always be displayed. For example (completely made up ...
1
vote
4answers
82 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
73 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
54 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 ...
3
votes
3answers
107 views

what transition to have between two screens when there is where minor change in content?

I have a series of files that the user can look into. User can open any file and view the file and user can navigate using arrows to view the next file and problem I am facing is where there is very ...
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
126 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 ...
2
votes
1answer
88 views

Why CRMs have two views - one for companies and one for contacts?

Why these the structure is separated? Why not one search only that when you click on a user it goes to profile page and when you click on the company you go to the company page? or one company ...
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, ...
3
votes
3answers
623 views

Tips & resources for Mobile UX designer coming from Web UX

Mobile UX is a whole new world, specially apps. Over my past experience I got deeper & deeper into how browsers work & finally build an experience around it. I agree some fundamentals would ...
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 ...
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 ...
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 ...
3
votes
4answers
676 views

Asking users to sign in when already logged in

This is a rather confusing user interface element: The presence of my name indicates to me that I am logged in The presence of the "Sign in" link indicates to me that I am logged out eBay isn't the ...
2
votes
2answers
158 views

Best solution for deleting records

I'm working on a UI that contains thousands of records organized into folders. Users will have the ability to organize these folders - ie: Delete, Rename, Give Permissions to users, etc. I'm ...
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 ...
35
votes
2answers
9k views

Best practices for UI that introduces new users

I'm working on an onboarding UI to help new users get familiar with our platform and I was thinking about some good ways to implement it. From what I have come across so far, it seems that many ...
1
vote
2answers
114 views

Recommended patterns for help cues/hints/documentation

I've been scouring the web, but haven't been finding much with regards to different options on how to present help text and/or documentation. Obviously, there's an established pattern of just having a ...
32
votes
5answers
7k views

Is scroll within a card good or bad? (In desktop)

I am designing a board view which has card design with huge data in it. So, I am using scroll in a card. Is that a good user experience or is there any better solution?
5
votes
4answers
696 views

Are there UX concerns with having two side-by-side buttons go to the same location?

In this case these buttons both go to a portal where the user must login. I feel like there's a bad "UX smell" (or anti-pattern) having two side-by-side buttons go to the same location, but I can also ...
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 ...
4
votes
4answers
538 views

UX design guidelines for audio/sound feedback and interaction of UI

I came across a brief guideline that talked about how to do UX design for sound, and there were some very sensible advice that covered a number of points including: How to decide what type of sound ...
0
votes
5answers
147 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 ...
65
votes
7answers
10k views

When is a website too humanized/personal?

A popular technique to attract customers and instil trust in them is to “humanize” your website. You want to make it appear that there are actually people behind the users’ screens and that those ...
574
votes
11answers
221k views

Why is the mouse cursor slightly tilted and not straight?

Is this a legacy thing or does a tilted cursor serves a purpose? I can tell that, the angle provides a totally vertical left edge which helps when highlighting text but what else apart from that? ...
0
votes
2answers
156 views

Implementing different levels of drag/drop functionality?

I'm working on a tablet app for a motel. Initially, the app was going to be tested on one floor. Essentially, the app would be used to move guests from one room/bed to another room/bed. As you can ...
4
votes
1answer
184 views

Working groups, 2 different approaches

I am building a working group module for a CRM. The goal of the module is allowing user to share anything under a specific domain. With working group module users can create: A sales team A projet ...
1
vote
2answers
239 views

Guidelines on using hyphenation in interactive design

It's a well established recommendation for publications containing masses of continuous text to use hyphenation. Are there any ideas or guidelines on how hyphenation should be (not) used on ...
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 ...
1
vote
2answers
110 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
143 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 ...
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
79 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 ...
323
votes
20answers
77k views

Is this rotating cube interface user-friendly?

I'm working on a prototype for an innovative form interface, where different parts of the form are shown on different sides of a cube. The cube rotates, and the user can fill it out as the cube spins. ...
1
vote
1answer
126 views

Making complex user-interaction more intuitive

I've created a "poke" functionality for a social networking web app I maintain. I need help in presenting this feature to my users in the most intuitive way possible. How it works: A user can poke ...
1
vote
1answer
57 views

Data table entry: creation vs editing - how to design workflows for least friction and effort

I am designing a new feature and workflow in our business application, which allows administrators to create export configurations, which can later be selected by users, to quickly export projects ...
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?