Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

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
30
votes
3answers
9k views

Modals on top of modals

Using bootstrap modals, I keep running into the issue of having an info modal with content inside of it, but there's a need to have a "confirm your decision" modal/popup on top of the initial modal. ...
96
votes
2answers
29k views

Why is Google using a (new) 2 step Gmail sign in process?

I am not asking about the two factor authentication process where the user needs to enter both a password and a one-time-password. Gmail recently (I don't know from when exactly) changed their login ...
577
votes
11answers
222k 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? ...
47
votes
4answers
27k views

Character limits on fields - pros and cons and best practices?

Some of our form fields have character limits. We're debating whether we should reflect the current size of data entry, or to simply hard-limit and inhibit data entry beyond that size. In HTML, ...
26
votes
8answers
23k views

How do you deal with very long dropdown values?

Usually, dropdown menus are made as long as their longest value. However, that works well only for dropdowns with a predefined set of values. How can we deal with a dropdown that receives its values ...
341
votes
23answers
81k 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. ...
76
votes
14answers
35k views

Make people understand they can click on a button in a flat design

I'm creating a flat-ish responsive website, which basically is an online résumé. I'm displaying skills (but it could be whatever) in a grid system. Each skill is clickable, to display some ...
28
votes
9answers
10k views

How should I interview UI and IA job applicants?

I'm a programmer who knows enough about UI/IA to sound convincing and cares enough to want to hire someone who actually knows what they are doing. Interviewing programmers is easy - they go on and on ...
25
votes
15answers
6k views

How to build a budgeting interface (sum of items must equal 100)?

I'm trying to build a visual web interface where users can distribute a budget over some (varying) number of items. For example, if the budget is 100 points, I might allocate: 50 points to 'Apples' ...
21
votes
4answers
6k views

Building logical criteria (with AND , OR, etc)

I am looking for inspiration on this. We have a Dot.Net web application, where we are building pretty complicated criteria. It works, but I would like to change this, re-shape this, possibly from the ...
19
votes
3answers
21k views

Design patterns or strategies for complex or large table data in Mobile phones

I want to display a table with 4/5 columns and possibly 100 rows (as in desktop app right now) in smartphones. The table cells are also editable. Now we want to port this desktop app to smartphones (...
6
votes
9answers
528 views

Should the results of a calculation happen automatically, or require a button push?

This is a problem I've ran into several times, and I imagine that others have ran across it too. Basically, I have a complicated equation, and I want the user to type in the values needed to ...
5
votes
2answers
2k views

What affords scrolling?

Besides the obvious: Scrollbar Touch interfaces (especially mobile ones) A sign saying "You can scroll here you know!" This for a desktop application.
15
votes
3answers
13k views

Press-and-hold or Long-Press Gestures: Unintuitive?

Often, I find people struggle with the usage of press-and-hold gestures on mobile/web platforms. The mere thought of having a user press on a defined object and hold for an arbitrary amount of time ...
55
votes
17answers
32k views

Form for inputting operating hours of a business

I am designing an interface where restaurants need to input their operating hours. I am thinking of using a slider control for timings for a single day, and then let the user choose days of the week ...
22
votes
9answers
2k views

How can you make a user experience addictive? [closed]

What factors and techniques contribute to making a user experience addictive? I ask this in the context of websites, games and other software. What makes people want to keep coming back for more?
71
votes
10answers
18k views

Undo History - Why limit it? [closed]

Why do most applications have fairly limited 'undo' history functionality? I've been caught out on multiple occasions (granted its technically my fault) where I've needed to undo a number of changes ...
49
votes
6answers
23k views

What's the point of a “Read full story” button?

I've noticed a lot of news websites, particularly on mobile, sometimes will cut off their story with a button you have to click to see the rest of it. I can understand why they'd do this if they ...
23
votes
3answers
10k views

Is the usage of text embedded in an image a bad practice, for very controlled uses?

What are your thoughts on writing your text in images? I'm not saying throughout the whole website... But in certain key locations like image carousels. And I'm not talking about the special cases ...
11
votes
4answers
16k views

Multi-selection dropdown list implementation best practice

Many websites do not use multi-selection dropdown lists anymore, and the reason often cited by UX practitioners is that this UI element does not 'test well' with users. An example of what I am ...
17
votes
7answers
3k views

App interface for changing relational percentages

Has anyone ever seen or used a good app interface (web or mobile) for changing relational percentages? E.g I need to change 3 amounts to make up £100 and I need to be able to use any permutation to do ...
9
votes
3answers
6k views

Behavior of the Enter button in a form

What is a better experience for a user if they press enter when using a form? Should it submit the form or move to the next field?
3
votes
2answers
137 views

How to set a quantity by entering an exact number, or a difference (add/substract amount)?

I have to design a form with one field being a quantity that represents the number of available items of a given product. I want to allow the user to modify this quantity in 2 different ways, in the ...
2
votes
1answer
456 views

What is the best graphical interface for inputting a list of pairs?

I want to create a graphical interface for inputing skill build orders for an RPG game. A skill build is an ordered list of (skill, number) pairs, like this (see footnote): (A x1) -> (B *) -> (...
46
votes
13answers
35k views

Better way for users to select a date range

In my application, users select a date range for which results are required. The UI looks something like this: My users don't like this, because the date picker requires them to select a specific ...
31
votes
6answers
3k views

What makes users register?

First off - I want users to register on my site. It's a site for image sharing, sort of like imgur.com. But what makes a user on a website register? I have people coming back to my site but they -...
46
votes
16answers
14k views

Should double click be avoided in web applications?

I find that double click is a great gesture that could be successfully used in graphical interfaces but for some reason has negative connotation on the web. Should it be avoided at all costs?
12
votes
6answers
5k views

Best way to show search results for different content types

On a website that has different types of content on the same topic, how should this information be displayed after a user searches. Let's say a site's topic is "trees" and the content types are as ...
10
votes
3answers
18k views

What is the difference between web design, interaction design, user experience design, and user interface design?

It seems all four of these branches of design relate to each other at one point or another, and one can easily be confused for another by novices or outsiders looking in. Job postings online ...
29
votes
7answers
14k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
17
votes
8answers
2k views

Is it ok to change the (US) address input field order in favor of a pre-fill feature?

I am working on an international site that requires the user to enter his postal address. I am wondering if it makes sense to have a slightly different order of input fields in favor of a time saving ...
11
votes
3answers
38k views

What should be maximum and minimum length of persons User Name & Password? [closed]

I am wondering because I am trying to make sure that person have right amount of spaces for their user name. User Name and Password are security measures and should not be easy to guess. I have fixed ...
6
votes
2answers
2k views

Real time filtering vs Apply filters button?

We are integrating a BI tool into our maintenance system and I am currently evaluating two viable products to put forward as a recommendation. One item where these tools differ is their filtering ...
2
votes
2answers
716 views

What's the best design pattern for splitting things in parts?

I want to design the following interaction: user buys 1 ton of sugar and 100 apples, and wants it to be shipped to him in 3 different packs: Pack 1: 200 kg of sugar and 50 apples Pack 2: 100 kg of ...
17
votes
3answers
4k views

What do you call websites that make heavy use of vertical scrolling?

This question is similar to Why did scrolling vertically became a pattern? I see a lot of modern websites moving to larger, singular pages with more content and more vertical scrolling. This is often ...
15
votes
6answers
5k views

How can the design for elevator/lift door open/close buttons be improved?

The typical symbols for operating lift doors are: Door open: ◄ | ► Door close: ► | ◄ More examples here. They look confusingly similar, especially at times of emergency. Have you ever pressed the ...
10
votes
4answers
594 views

Does any research/study exist on what makes an interactive document better from a user experience perspective?

I am aware that there is a lot of research into page layout methodologies and the flow of design elements (text, diagrams, etc) such as the Gutenberg Diagram, Z-Pattern, F-Pattern, and so on. I'm also ...
7
votes
1answer
1k views

What is the best format to capture addresses for a universal user-base?

What is the best and most usable format to capture address information from a universal user base? I was thinking to have the system detect the country by IP address and have that selected by default, ...
6
votes
3answers
1k views

Invite users to inline edit not only on hover?

It's very common to indicate to the user that they can "edit in place" by changing the style of the editable content when hovered over (e.g. adding a yellow background, "click to edit" tooltip, pencil ...
3
votes
5answers
2k views

Should we place custom back button for websites?

How about a website that has 4 pages with list and detail view structure? Hope most of the users will be aware of using browser back button to go back to previous screen. Or should we provide a ...
1
vote
1answer
304 views

Multiple Nested Views in Profile: Enterprise Business Application

I'm modernizing an enterprise level business application that currently does not have a graphical user interface, it's a CHUI. The application has a customer profile screen with a persistent profile ...
11
votes
4answers
21k views

Which label text is good for “Enter email address”?

I'm about to place one text field in the log in area where user can enter email address and password for logging in, but I'm confused which text should I use for label and placeholder text? Here are ...
7
votes
2answers
2k views

UI simplicity vs complex requirements

I'm in the process of crafting a relatively complicated interface for a niche social networking website and I'm struggling to achieve a satisfying level of simplicity for the UI. Given that "modern" ...
6
votes
2answers
3k views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
5
votes
5answers
2k views

Can we use CAPITAL LETTERS to indicate actions?

While designing for the web or the mobile applications, a natural free flowing text can be used for the general content, but when it comes to actions... can we use CAPITAL LETTERS.
4
votes
4answers
463 views

Is it ever acceptable to break extremely common interaction functions?

There is an adage in web UX which goes 'Don't break the back button' which refers to the fact that the back button in a browser is such a consistent function that to create a situation where it's ...
3
votes
4answers
1k views

is horizontal swipe intuitive enough on mobile

Working on a mobile checkout page and would like to know if you'll think its intuitive enough that the user knows there are more products on the right side that could be reached by swiping using the 2 ...
3
votes
1answer
246 views

Why does Twitter limit tweets to 140 characters? Why this number? What are pros and cons of this design?

I am developing an educational website in which students can share luthier learning tips with their classmates. It is important for me to make the posts as small as possible. However, I don't know how ...
11
votes
4answers
2k views

When is it appropriate to split functionality into separate apps?

I'm a designer and my company has a single app that serves two different types of user. One group is the general public, who uses the app to navigate big events (e.g. annual user group meeting ...
8
votes
3answers
3k views

Design pattern for merging duplicate contacts?

Have you seen any good examples of applications (web or desktop) that make it easy for a user to identify and merge duplicate contacts or other records? We need our users to manually approve the merge ...