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)

0
votes
2answers
63 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
116 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 ...
1
vote
4answers
269 views

Can users login and register via the same form?

In designing my project I've toyed with having the login and registration in the same form. The inputs for the details needed to login would be there initially, and if the user presses the register ...
56
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 ...
1
vote
2answers
61 views

Showing details of a product on the listing/index page VS showing it on a separate page

Lets say you have an index page where you list all your products. When it comes to showing details of a product I have seen some interesting variations. Housing.com shows details(e.g, this link) on ...
4
votes
4answers
1k 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 ...
14
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
269 views

Suggestion for list selection and populating related lists dynamically

There's a list of items that you can select. When you select any of the items except Ignore, another list populates depending on the item that you selected. When you select an item from the newly ...
3
votes
0answers
117 views

Innovative search filter design needed

Im looking for some innovative filter design, but it should not be usual as check box,drop downs, radio buttons as in e-commerce websites. Would be better, if it is in any info graphical or pictorial ...
2
votes
3answers
70 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
31 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
votes
0answers
16 views

Problem grouping items [closed]

We have a collection of hardware that is only differentiated by name. Each piece of hardware needs to belong to a certain group (it can only belong to one group). We are having trouble making it look ...
0
votes
2answers
113 views

How can I show 2 different products, see both of them but interact just with one first and THEN switch to another one?

Ok, this is my first question here, please forgive me for the long text :) Let's consider we have 2 products to show: product A and product B. They are the result of a process I asked someone else ...
1
vote
1answer
71 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. ...
0
votes
1answer
248 views

Filtering results in a given radius

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, ...
2
votes
2answers
56 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
54 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. ...
2
votes
1answer
53 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 ...
24
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
72 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
6k 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
288 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 ...
2
votes
1answer
335 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
175 views

How to make connected lists on a website comprehensible for non experienced users

We have two lists on our website. One on the left listing activities, one on the right listing resources. When clicking on an item on the left list, more information about the activity is displayed ...
0
votes
1answer
107 views

Having multiple links or dropout groups on menu

I'm designing a menu and I have two ideas. The menu is a bootstrap stacked tabs style menu. The first idea is to have a category that you click on and it opens a secondary menu with the links ...
1
vote
1answer
106 views

What is the best solution for allowing an edit of individual activities in a calendar pop-up window?

What is the best solution for allowing an edit of individual activities in a calendar pop-up window? We tried listing the activity code as a link for each activity, but that has visual problems with ...
0
votes
1answer
172 views

Both swipe from left and swipe from right navigation in the same app; is it a good choice?

I'm designing the interaction and UI for a RWD e-commerce page. On tablet and mobile front page there has to be a hidden place for: list of categories shopping card login/register + open shop panel ...
0
votes
2answers
176 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?
8
votes
5answers
387 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
63 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
2k 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. ...
0
votes
2answers
320 views

Can we Combine Repetitive Columns or how to manage data having more column on single page without scrolling to right and down?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
1
vote
0answers
69 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 ...
0
votes
1answer
144 views

Responsive Grid View with Hover layer

I have a grid layout which has an hover state which reveals information that are crucial as below. The Content of each Grid Item Dish Name Dish Photo Rating Chef Name Chef Photo Chef Location ...
0
votes
1answer
69 views

Process wizard indicator on Windows phone

I'm designing a 4 step process on windows phone porting from iOS. The process has 4 steps in it, with multiple different micro-processes on each screen. Can anyone point me to an example pattern on ...
2
votes
1answer
140 views

When to ask a user to take an action multiple times vs. batching it?

Let's consider a "follow" type feature where a user can follow other users. The user lands on a page with a list of users they would potentially be interested in following. Like this: Users you may ...
4
votes
3answers
276 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 ...
1
vote
5answers
112 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
46 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
50 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 ...
1
vote
1answer
33 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 sudden one is for AM/PM. Now you can select range of days - defining an ...
0
votes
1answer
24 views

Three select-able lists vs drop down list + 2 lists

I have a scenario where I can complete following 2 ways as below, 1st way 2nd way
3
votes
5answers
220 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
104 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
789 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
61 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
49 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
59 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 ...