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.

learn more… | top users | synonyms (1)

9
votes
3answers
10k 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 ...
1
vote
2answers
63 views

Incorporating fun into systems design [closed]

Is it possible to use the concept of 'fun' to make a system more effective? How can fun actually improve the functioning of a system? I am looking for clear, solid reasoning around how this might ...
86
votes
12answers
19k views

Why do showers have “hot” and “cold” knobs rather than “temperature” and “quantity” knobs?

I do not understand the advantage of the popular "hot" and "cold" controls in showers, as opposed to "temperature" and "quantity" controls. Is it simply because the latter option is harder to ...
3
votes
2answers
109 views

Help with chat feature

I'm building the chat feature for a web project. We have a couple of specifications: Support for general messages that will be broadcasted to all users subscribed to the room chat, and for that I ...
1
vote
1answer
95 views

Modern example of picklist?

I am trying to find modern implementations of the picklist. The main benefits of this ui being the ability to see all selections at once in order to add/subtract them from a group. This kind of ...
11
votes
6answers
572 views

How do you make sure users know that there is a tooltip attached to something?

I've read Do people actually use tooltips?, and there are mixed answers there - I know a lot of people do use tooltips, but there are still a lot of people, in my opinion, that don't use tooltips. ...
2
votes
2answers
129 views

Allowing Users to Create Unions, Intersections, and Subtractions of Group Contents

I have a design challenge for allowing users to create unions, intersections, and subtractions of groups. The end goal of this is to create a subset of the different group contents, which can be ...
10
votes
3answers
4k 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 ...
0
votes
1answer
43 views

How can I design an “analog” reminder scheduling system for a mobile app?

I'm working with a mobile app and would like the user to easily and intuitively set up 3+ reminders in-app. Just about every example that i saw up to date uses HH:MM time picker, which seems too ...
1
vote
3answers
111 views

How to step outside one's own “perception bubble” when doing UX/Design?

I'm reading this article on how people tend to be caught in their own "homophilic [perception] bubble" when working at tech companies. People are focused on what they are designing, they work in ...
2
votes
1answer
74 views

Mobile - are there heatmaps that show where user looks at on a mobile device (like F Pattern) ?

Internet site navigation typically follows an "F pattern" - the user scans the left side for links and reads major headlines. This behavior can be expressed as a heatmap where red color shows where ...
3
votes
1answer
68 views

Is it useful to include a Facebook log in facility on an ecommerce website?

I'm in process of redesigning a website for my company, in cooperation with a digital agency. Our business is one of the leading companies in our country that sells consumer electronics (notebooks, ...
2
votes
2answers
65 views

Defining usability: Is there a clear terminology structure for different methods?

I am starting a small team project (as part of a placement) which involves the assessment of human machine interfaces through usability testing/assessment. We are currently producing a review of ...
4
votes
3answers
324 views

How to visually indicate a calculation as being preliminary/simulated?

Suppose, in a multistep flow, where citizens can apply for subsidies from the government, we have some financial calculations (e.g. a collection of what-if's) presented in a table. Each row is a post ...
3
votes
1answer
109 views

How to show multiple values (possibly many) without taking too much space? Readonly combobox?

I have a one-to-many relationship, say a Monkey can have lots of Bananas. The selection part is done by opening a popup and showing Bananas with a filter, add/remove buttons, etc. My issue is how to ...
2
votes
3answers
131 views

Pull to empty search field… any feedback?

I'm currently working on a project mostly based on a search mecanism. I'm trying to explore different ways to quickly come back to the homepage from the search results page. The homepage is actually ...
2
votes
2answers
115 views

UX for exclude filtering (e.g. “don't show these categories”)

I have a search returning events of many categories. Rather than narrowing down what they "want", users are more likely to narrow by what they "do not want". For e.g., I have 100 events this week in ...
2
votes
1answer
265 views

Filtering results in a given radius [closed]

I have the following structure on the server : Parent -> child object. I have around 30-40 parents which each parent has 1-10 childs. A user can search children at a given point in a given a radius, ...
1
vote
3answers
74 views

iOS picker usability

I ran a usability test where I discovered that some users failed to initially notice the iOS picker. I’ve included a link below to a short clip where a tester didn’t notice the picker and instead ...
6
votes
3answers
1k 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 ...
35
votes
17answers
11k 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 ...
3
votes
4answers
413 views

Multi-selection dropdown list implementation best practice

Many any 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 ...
1
vote
2answers
90 views

UX/UI design - boot-camp or self teach [duplicate]

How to start UX design? Should I attend a boot-camp or self-teach? If self-teach, what are some good resources out there for me to use?
5
votes
6answers
1k views

Do people still use drag and drop?

Is drag and drop (for say photo uploads) a good idea? Aren't users frustrated by all the steps you have to take? Do most people even know how to do it? Open a window Browse to your files Ensure ...
19
votes
15answers
2k 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' ...
15
votes
3answers
3k 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 ...
2
votes
2answers
80 views

Save/cancel or automatically save on long settings page. Especially on email notifications settings.

Sometimes on long list one might miss the buttons after clicking edit or opening an accordion to see more details and then make changes. There's a dilemma what to do on long profile settings. The ...
2
votes
2answers
84 views

Assign User within range of selection

There is a horizontal timeline, divided by seven and for each divided again by - whereas the main division is for days, the second one is for AM/PM. Now you can select range of days - defining an ...
12
votes
1answer
908 views

What is the name of the anti-pattern in which information is hidden behind interaction?

There is a UX anti-pattern in which important information is hidden behind some user initiated function. For example: You have a menu with only images on the items and only on mouseover do you see ...
2
votes
2answers
142 views

Mobile app form - Better Alternative to horizontal progress bar?

I am working on mobile app form. Form contains 5 steps, given below- This is for iphone 5 and will not be fit in as it is, because on portrait mode step 3 and 4 getting chopped. What is the better ...
3
votes
2answers
146 views

“Back to the top” call to actions, why do we need them?

I'm particularly interested in the concept of the "back to the top" functionality that a lot of sites still have. I'm confused by this, ux wise, especially when it comes into play with a sticky ...
0
votes
3answers
50 views

Acceptance and rejection message after user makes bartering decision

I want to display a message after the user makes a bartering decision: When the user accepts the quote, the following message comes up: Thanks for accepting the quote. A message has been sent ...
4
votes
2answers
73 views

Hit area for items in a grid-page.

I have a landing page with a grid of projects that the user can click into. I'm wondering is it best to: Only make the link/button clickable OR Make the entire box clickable. I'm leaning more ...
0
votes
2answers
106 views

What is the most intuitive way for users to understand inclusive and exclusive filters?

We are not sure how to show a filter options in a chrome extension. The extension filters RSS contents, and we need to set the type of the filter: inclusive filter exclusive filter If we select ...
0
votes
2answers
130 views

Account Impersonation: Correct Labels & Design

Scenario: Jonathan, a sales representative, gets a phone call from Americorp regarding a problem with their backend admin console. Jonathan signs into his account so he can find Americorp's ...
4
votes
4answers
2k views

Question for UI/UX designers re: prototyping UI animation

I am a motion graphics designer (previously: motion graphics for TV, games, etc), but more recently, I worked on prototyping UI motion for an app - which I really enjoyed! I have mainly used After ...
15
votes
3answers
2k views

Tracing on a touch screen: achieving fat finger friendliness

What could be done to improve the ability to trace the outline of items on a touch screen, without requiring the user to use a stylus or other additional physical tool? The 'fatness' of fingers ...
2
votes
3answers
114 views

Horizontal Scrolling for mobile and desktop - Is this a good idea?

I'm re-doing my portfolio site with some updates. As I was creating it I was thinking of various ways to present my work. It's a mixture of iphone and desktop design work, sometimes both together. ...
0
votes
1answer
62 views

Organize multi select options in a page

How to filter multi-select options. I have a scenerio where I have to ask user to search a department, technology and events. 1 department can have multiple technology and similarly 1 technology ...
1
vote
1answer
99 views

One interface for adding users to groups and groups to users

So I'm struggling with coming up with a way to do this. Basically, right now, there are two interfaces: One allows you to create and manage groups, and the other allows you to create and manage users. ...
2
votes
2answers
72 views

what is the best way to show required fields for different actions on the same page?

I have a page to create orders on which the users can take any one of two actions - send to design and send for invoicing. Different groups of users take these actions in different order. The fields ...
25
votes
7answers
6k views

How can a retractable pen design be enhanced to discourage users from clicking the pen frequently?

Retractable pens typically have a rather noisy mechanism. Some users periodically start pressing the pen button frequently (while they're talking on the phone or while they're waiting for some result ...
3
votes
1answer
88 views

Sticky header positioning

The page below is a detail page of a certain Patient, in this case: "Mevr adasfad..." When end-users scroll down they'd like some additional feedback on what page exactly they are, the name of the ...
30
votes
9answers
7k views

Is there a more effective way to convince users to sign up with their social media accounts?

The current design for a sign-up page of mine is split into 2 sections - Sign up using your social media account on the left and a sign-up form with 5 inputs on the right. We ran a quick user test and ...
7
votes
5answers
290 views

The side help bar is being missed by our users. How do I refuse a screen judder?

I'm designing a page which has a side help drawer for users. I.e. the users click on the 'help' text on the right hand side, and a drawer flies in from the right. The page is long so the 'help' drawer ...
3
votes
1answer
404 views

Interaction with remote validated form

I have a form with one or more fields which must be validated by hitting a remote (ajax) service. I can validate at several different points, each of which seems to present pros and cons: On keyup ...
0
votes
2answers
196 views

What does “chrome” mean in Microsoft design guidelines?

One of the most important principles in Microsoft Design Guidelines is: put content before chrome. What does chrome refer to? Just like action items?
10
votes
5answers
438 views

What is the best way to show conditional fields?

We are creating a desktop app where (business) users can enter contracts. The issue is that the contract form contains a very large number of fields, with some of them being conditional. An example ...
3
votes
1answer
76 views

What is the best way to visually indicate correct plug alignment with socket (hardware)?

I currently have a problem where users are not correctly aligning a plug with a socket on an electrical device, leading to the plug being forced and the pins breaking. Users have suggested putting ...
16
votes
5answers
3k views

What is your UX strategy when your users want opposite things?

Getting clear user feedback is great. But what do you do with the feedback when different people, or groups of people, want different things? I have encountered this situation a few times recently. ...