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

How long should a toast message with 'undo' appear?

In our application, the user can make small changes, such as deleting a chart from a report. When they delete an item, a toast notification appears to say "Chart 2 was deleted successfully. Undo?" ...
3
votes
3answers
120 views

UX damaging augmented reality data presentation

I am currently working on augmented reality face recognition UX and I find it rather annoying that information is taking so much space if the number of matches is high when targets are close to each ...
2
votes
2answers
102 views

Groups owner vs. member

Ok, Seems like a simple question, but I haven't found a great solution yet. The service has groups. Users can join a group and they can create a group. So there is a page/screen where you can see ...
0
votes
1answer
155 views

Best way to show macro progress on meal tracker app?

I'm building an app to calculate/track meals based on one's own macros but I'm having some trouble finding the right way to design it. What I'm trying to create is something very minimalist and ...
2
votes
2answers
347 views

Multiple role playing under single login

I can start with simple example, User 'A' have to play multiple roles such as Manager, Team leader, and developer under the single sign in. By default, I am a manager when I am logging in, but I ...
1
vote
3answers
130 views

How can I nag only non-subscribers to subscribe to a newsletter?

My situation is this: I've got an existing website and email newsletter. I've been told that the newsletter signup on the site isn't prominent enough and to implement a modal popup that says something ...
1
vote
1answer
58 views

Is it a good experience to open a browser on browser

I recently came up with an idea of opening a browser on a browser. I had a use case where I show multiple news from different publishers on a page. But when clicked it opens in a new tab on a mobile ...
1
vote
4answers
227 views

Why is the “Print Screen”-button on keyboards actually named “Print Screen”?

Why is the “Print Screen”-button on keyboards named "Print Screen" when it actually takes a screenshot and copies it to the clipboard? What is the reason behind it? Shouldn't it be called “Copy ...
1
vote
3answers
85 views

What is the best way to handle a live link in a text field?

We have a unique situation in this app that requires users to be able to edit and also click a live link. A common use case might be: Field asking for URL I enter URL Someone else sees this and ...
1
vote
2answers
257 views

Tabs with long labels in constrained space

One of the pages in our enterprise desktop application, (Refer Attached Image) is divided into two sections, the right one occupies 30% of the real estate. Users are overwhelmed with information on ...
0
votes
2answers
122 views

How to present 'Save All' button on long configuration screen?

We have a large (long) screen with a lot of account configuration controls. Currently each change is automatically saved as soon as it is made, but Engineering wants to change this (for apparently ...
3
votes
1answer
72 views

Hovers only on call to action?

So I was in discussion with another front-end developer about a hover state on a block which is not a call to action. It is a regular teaser item without link to another page or any other interaction....
4
votes
4answers
252 views

“Cut and Paste” in a tree structure

I am working on a web app that provides a visual programming environment to generate 3D models - Mobius It involves creating a scripts by adding lines of coding and just editing parameters. We are ...
0
votes
1answer
384 views

Type to Add Value vs Purely Select to Add Value from a Drop-down

For a B2B web app we are designing, we have a select box with a dropdown to select values from which are essentially tags. A user can select from an existing list of tags but they can not create a ...
1
vote
2answers
86 views

Guidelines/heuristics concerning “no action better than (possibly) wrong action”

During testing of a website, we found an unexpected behavior when the user misses a target and, due to a very slight mouse movement while clicking (i.e. accidentally dragging the mouse 1 pixel to the ...
1
vote
3answers
73 views

Do you need to state the number of comments to load?

I'm working on a button that loads old comments in a commenting system. There are instances when hundreds or even thousands of comments need to be loaded. Would be be better to just say, "Load ...
8
votes
3answers
3k views

How do cards improve readability?

Most of the apps and websites are adapting to card design to display necessary information. What makes cards so intuitive and attractive for read/view?
0
votes
2answers
125 views

Is it ok to have two rows of bars?

In my standard desktop browser based app, there is a menu bar with a set of essentials buttons (Search, New Search, New Request, etc). Below that, I have added a bar that enables users to organize and ...
4
votes
3answers
668 views

Explicit vs. Implicit “login required” message for comments section

Let me explain: In order to get more comments on a website's article, the best approach is: To let the users know beforehand that they have to sign in, in order to make a comment To simply let a ...
2
votes
2answers
251 views

Hawaii missile mess [closed]

Are there any guide lines on how to implement security related interfaces? I guess this isn't the best interface possible, as it caused a mass panic of probably at least a million Hawaiians: https://...
1
vote
1answer
137 views

Team availability - Interaction challenge

I have an interesting interaction problem to solve. I'm working on an app which has a functionality called team availability. The challenge is that the user needs to see the teams availability for the ...
1
vote
1answer
75 views

What's Apple's term for horizontal “swipeable bar”?

I'm looking for the term of the UI element Apple is using pretty often lately. On iPads you can see them on the top of windows to symbolize that the user can drag this. On the iPhone X it replaced the ...
1
vote
3answers
223 views

When should you let users toggle between an old and new version of a site or feature?

I've noticed a few sites that allow the user to toggle between a new and old version of a feature or site like Google used on their Forms redesign. We are currently trying to figure out how to let ...
0
votes
2answers
40 views

Certain features of the app restricted to one country?

Suppose there is an app with three main core features. One of the core features can be used by users of any country and it will work fine. The remaining two core features of the app may not work fine ...
4
votes
3answers
655 views

Are floating videos good UX?

I've seen some sites and apps where videos float on page scroll. Pretty recently, Facebook website rolled out this feature and received a bunch of complaints from its users. I don't know if this is ...
0
votes
2answers
68 views

How can I prevent people from pretending to be a business and registering account under their name?

I have a website that allows restaurant owners to register and list their menus. I think I should somehow confirm that a registered account is actually completed by someone associated to the business ...
1
vote
1answer
81 views

Using selection feedback to make a color-coded seat map usable for colorblind users

I am designing a seat map in which different seats will be in different zones. Each zone has a different price, so the zones are highly relevant to the user during seat selection. However, because ...
0
votes
1answer
112 views

Selecting and deselecting items for 2 state interactions

I am designing a web application which will show rows and columns of data (a table), when the users select (on click) a row within the table, they will get some supplemental data appearing in a side ...
1
vote
3answers
118 views

When to inform a user that an app requires touch ID for certain actions?

We are building an app that is financial in nature and as per client requirement, there are certain actions that 'touch id or face id' is required to proceed. Therefore, users who are using phones ...
1
vote
2answers
107 views

Single point adding on maps?

I am developing an interactive web map that displays user-generated markers. In terms of adding a new marker, what would be the best way to start the process, especially on mobile? There are multiple ...
4
votes
1answer
114 views

Resources for making non digital natives understand digital Interfaces

I often struggle to explain to my father how to use the computer, or when i try to explain to my grandmother how to accomplish certain things on her smartphone, because they don't seem to understand ...
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 ...
0
votes
1answer
133 views

Ideal way to show multiple columns in an input table for keyboard navigation

I have a page as below. I have to show table with multiple input columns(> 30). in the region "input able with many coloumns" One Idea is have arrows on right and left and navigate. Another is have ...
0
votes
3answers
187 views

Best Practices for long waiting time

I am working on a SAAS project. When the user creates a campaign, the campaign is being created in 4 days. So is showing them a count down a good idea? and what else do you suggest? Please give me ...
0
votes
1answer
144 views

Mapping Pane Simplefication

I have a application in which user maps one table column to other table column . To do this I have developed a screen in html which initially shows two tables in two separate pane facing each other ...
1
vote
1answer
217 views

Visual consistency of in content headings and headings in/under tabs structure

I'm looking to define what makes more sense in a page visual hierarchy for both visual design / consistency & accessibility. We commonly have tabs under our h1 heading. Each tab content block ...
0
votes
1answer
68 views

How to indicate change without change?

I'm having trouble putting the problem into words but hopefully this makes sense. For a game I'm making (for a stats class project) I made a custom random number displayer. You click to get a new ...
0
votes
0answers
60 views

Displaying additional information for a button

I've got a scenario where I have a set of buttons. These buttons are actually links to pages with different functionality. Furthuremore the buttons should tell the users what the redirected page ...
1
vote
3answers
408 views

Should Your Chatbot Be Named?

There seems to be a divergence of views on chatbot UX design. On the one hand, some way the best name for your bot is NO name at all (https://blog.intercom.com/how-to-name-a-bot/), but others are ...
1
vote
3answers
310 views

Amazon.com and Amazon.in Interaction Difference . What is the reason

I recently noticed some differences in amazon.com and Amazon.in. In amazon.com when you click on Departments a dialog opens on a dark transparent overlay while amazon.in does not have a dark ...
2
votes
4answers
1k views

How to Display Multi-Option for large quantity of options

I am creating a web application that requires a user to select from 400+ options. This is absolutely mandatory as it is for B2B software. I want to break it up into categories. However, there may be ...
0
votes
2answers
123 views

AJAX: What's the best way to show the user that the requested content is loading? [closed]

Should i use the traditional "rotating gif" on a semi transparent overlay? Or should i use a top loading bar, like YouTube and Instagram do? I'm talking about the websites, not the native apps. ...
3
votes
5answers
489 views

Module Tab & Navigation tab Interaction

I am currently working on an enterprise website with loads of different views/content. I have chosen tabs as a navigation and each tab has a new view in it .On top of this, i have grouped all these ...
3
votes
3answers
181 views

Making large sets (250+) of choices more manageable

The app I'm designing allows people to describe organizations and individuals by selecting items from a list of predefined characteristics. A characteristic belongs to exactly one category. ...
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 ...
5
votes
2answers
218 views

What's a good way to show a slider that also has on/off toogle in an app?

I am working on an app where a user can dim the lights in a room. However, it is also possible to turn them on and off. I have three different concepts: just one slider where the left is off too. ...
3
votes
2answers
86 views

Form behavior when “clicking off” to close a dialog

I have a website where the user will be able to see charts created based on filters that they have chosen. At the top of the page are several filter topics that, when clicked, expand a sort of dialog ...
5
votes
3answers
2k views

What is the better thank you message, after user submits contact request? [closed]

After user submits some question or suggestion on the contact page he is redirected to the "Thank you page". Which is the better way to say thanks and tell how soon will they get their reply? (we, ...
4
votes
3answers
3k views

Is it excessive to say “Are you sure you want to…”?

The situation: In our application there're several actions once done that will cause the data loss or won't be able to be undone. So, we ask users whether they are sure of what they are doing before ...
1
vote
2answers
447 views

Overflowing tabs and sub tabs - [Desktop view]

How do we solve multi-level navigation? In the current design, I have added arrows on both sides and at both levels as well. But this design looks odd. Tab 1 to Tab 12 -- Primary tab Tab 1-1 to Tab ...