Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
0answers
54 views

Lightbox vs Inline Video Player on Same Page

Attempting to understand what the best experience would be for a user on a page of video thumbnails... The top half of the page is similar to a YouTube video, in that the player is inline, and the up ...
1
vote
2answers
202 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
93 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
69 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
229 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
270 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
84 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
123 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
655 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
244 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
127 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
70 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
135 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
39 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 ...
5
votes
3answers
500 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
67 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
65 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
95 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
108 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
102 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
109 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
88 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
99 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
162 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
129 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
210 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
61 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
59 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
337 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 ...
0
votes
3answers
303 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
804 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
114 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
471 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
170 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
82 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
174 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
81 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
2k 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
371 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 ...
0
votes
2answers
168 views

Connecting items in from webshop A to B

In the current project I'm working on we need to connect items in different webshops together. These items are the same but they have different article numbers and different descriptions so the ...
2
votes
1answer
85 views

Is it likely that all frontend development will be replaced by design tools in the next 5 years? [closed]

Tools like SketchApp, Invision and Principle for mac seem to be closing the gaps towards a complete interface design solution that is able to handle static visuals, page linking and animation without ...
0
votes
3answers
343 views

Is A/B testing the color of your button ethically acceptable?

When doing A/B tests with the color of your button, you are not trying to improve qualitatively (goal of the button, explanation of user motivations). To me it sounds like you are trying to trigger ...
0
votes
2answers
152 views

Data Download Messaging Guidelines

Researching the timeout question for data downloads. Given some are instantaneous and others can take minutes, looking for current perspective on How long will a user wait for a data download before ...
0
votes
0answers
36 views

show team colaborate on 1 screen website

i have a question, so i create a design for 1 screen view website (cannot be scroll on dekstop). the website contain 3d buildings in 1 city with a content show on the sidebar when user click one of ...
0
votes
2answers
585 views

Best practise to ask for Terms of Service agreement in an app

There are multiple ways to ask a user to agree to the terms of service. Is there any research to which method generates the best conversion, or what the pros and cons of each method is for a mobile ...
0
votes
1answer
140 views

Document Library UI Help Required

We have a hundreds of documents that I'm struggling to decide how to present to users. I think a searchable/filterable library allowing users to drill down to what it is they require would be the ...
0
votes
1answer
69 views

How to display an average of Number of views to a user?

I would like to show the user that we are giving him an average from 100 to 120 So whats better: more than 100 views? from 100 to 120? ~100? We have 3 plans and each one has an average number of ...