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)

12
votes
1answer
899 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
130 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
140 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
44 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
71 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
94 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
126 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 ...
57
votes
12answers
9k views

Fibonacci pagination

Today I stumbled upon this pagination concept and I found it fascinating. It's actually an old shot but it made me think as I'll need to paginate some content in the near future. Pages will soon ...
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
1k 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
97 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
50 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
88 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
68 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 ...
2
votes
1answer
65 views

Progressive Profile Capture

Can someone please point me in the right direction of research on progressive info collection? Seen in apps like Match and LinkedIn where they ask a few questions, then later prompt for more. ...
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
81 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
289 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
369 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
190 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
418 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
68 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. ...
1
vote
0answers
182 views

Does material design form fields provide good UX? [closed]

We recently changed our website design to use Google's Material Design. Quite a good number of long time clients had problems with the new forms layout. Problems identified by us; Presented with a ...
11
votes
6answers
2k views

How to indicate that a card is expandable?

Currently I'm working on an app which uses a vertical 'list' of cards, somewhat like Google Now. These cards can contain static text, (small) images and some control elements (buttons etc.), or a ...
2
votes
5answers
153 views

How do you visually represent “progress” on a negative goal?

I may have some terminology wrong but I think the idea is sound. There are a variety of ways to represent progress when you are increasing a number and trying to get to some set number. Usually ...
0
votes
1answer
49 views

user interaction: diffrent ways of visualizing data

I have a project which contains a piechart. Every group in the piechart has its key, value, percentage and a description. Of the ways shown below, which is the best to visualize the data? Is there a ...
5
votes
2answers
9k 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 ...
0
votes
0answers
61 views

Filtering information and tooltips - Best Practice

I am currently designing an information portal. An early iteration of the design, and details regarding functionality can be found here I am aware the design isn't the prettiest at the moment, for ...
3
votes
5answers
223 views

Purchasing item without registering as a user

I have this site where visitors can pay for certain digital goods, after which they'll be presented with a download link. These downloads links last for a week before they die and become useless I ...
2
votes
1answer
126 views

Choosing which easing to use in interactions? Any Standard?

I've researched the web a lot for this and have come up with a very small list. Almost all iOS Apps and most current Web Apps use some form of easing or another. Interactions & Transitions are ...
15
votes
8answers
815 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 ...
2
votes
2answers
75 views

How does one present the features and functionality of an app to a new user

Example: Financial applications require a lot of information before generating reports. What are some good ways to demonstrate the features to users when app hasn't yet been populated with data? I ...
1
vote
2answers
53 views

How to add UI elements that have a button which need a description and inform the user that steps will follow after clicking the button.

I have a button which requires a description. I currently have it as following But it looks unbalanced. Also this is not the final step of the procedure. I want the user to know that further steps ...
2
votes
2answers
65 views

How handle many sliders in the same page?

Context: a page where users, using sliders, can set different values to get personalized results. The page contains about 16 parameters that can be modified with the corresponding sliders. At the ...
1
vote
1answer
115 views

What are some best practices for UI design in virtual reality? [closed]

First person perspective games typically feature a four-corner HUD-based approach for displaying peripheral info to the player i.e. health bar, mana, radar, etc. This looks awful in VR. What the ...
2
votes
1answer
90 views

How prominent should the deactivate account function be?

Our app allows users to interact with multiple accounts. When any one account has outlived it's usefulness, it can be deactivated. Although users can still navigate to deactivated accounts, most ...
3
votes
2answers
189 views

Choice with a Radio button group

Context: In our application we implemented a responsive disclosure. Currently the choices the user can make are rendererd as a set of radio buttons. Currently there a two valid options, A and B. When ...
2
votes
1answer
126 views

Humanized messages placement

For humanized message placement what is considered to be the best placement? Upper right side of screen, or upper left side of screen? The person that I work for said that there was a study on ...
7
votes
5answers
441 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 s "trees" and the content types are as ...
0
votes
3answers
262 views

Disabling text selection on mobile

From my perspective disabling text selection by default on mobile is a good approach. In almost all mobile web applications/frameworks and native mobile applications, by default you will be not able ...
8
votes
5answers
1k views

Table Checkbox side best practices

When is it a best practice to allow for checkboxes to appear on the left/right and side of a table? A wireframe came across my desk looking similar to the wireframe below. The justification the team ...
1
vote
2answers
74 views

Have high-profile international events had any long-term impact on UX best practices? [closed]

My question is largely inspired by the distressed user who encountered the "Je Suis Charlie edition" of Notepad++ recently. It is obvious that the developer's design decision had a negative impact / ...
1
vote
1answer
38 views

A better alternative to asking secret questions and answers when logging in to a banking site

It seems to be a common practice of credit card and banking web sites to ask answers to secret questions each time you log in from a new computer (for obvious reasons) There are many frustrating ...
0
votes
2answers
148 views

Simple text links turning into buttons

I'm working on a very intense application with many many options for clicking and selection and the like. My goal is when the user finds what they are looking for to be able to select that option ...
5
votes
2answers
961 views

Should dropdown list option be removed if the options cannot be repeatedly selected?

Let's say, I have a dropdown (html select) of questions from which a teacher can pick up questions to present to their students. The options available in the dropdown can only be picked once i.e. the ...
2
votes
2answers
50 views

How can an admin edit questions on questionnaire after it has been submitted?

I'm working on an app where each user has a profile with questions about themselves to fill out. The questions are things like "Tell us about yourself." and "If you could meet one person from history, ...
2
votes
2answers
104 views

How to design translation UI

I'm designing a translation app which will be used to translate other apps. The app will be initially desktop based, but later on I want to make a mobile version as well. The difficulty that I'm ...
1
vote
2answers
155 views

Which symbol is best interpreted as describing a social interaction?

I am working on a project of social media like website and I have to symbolize the interaction between two peers in a small space - equivalent to a standard FB profile picture for instance. The ...