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)

37
votes
3answers
4k views

Why Google using (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 ...
0
votes
2answers
19 views

What is the best solution for a session timeout while in edit mode?

We have an enterprise web product that times-out after 15 minutes (for security reasons). We automatically log the user out if they don’t respond to the prompt to stay logged-in. What should we do if ...
0
votes
0answers
21 views

Interacting with big data tables [duplicate]

I have to give solution for a big data application, the problem I'm facing is to provide interaction for tables having number of columns that too with editable form fields. The difficulty is to design ...
5
votes
4answers
421 views

What makes a user want to engage heavily into the application? [on hold]

I have recently been working on a desktop application, however I don't think "what" the application does is really important for this discussion. When I ask what makes the user want to engage in the ...
0
votes
1answer
40 views

Imported records - how to notify users?

I have the following question: we are developing an enterprise application. One of the main views which exists in the app is a typical table of records. Users can sort the table, filter the table, do ...
3
votes
1answer
51 views

Usage of outdated UI elements [on hold]

I don't know for how long they have been having this, but today I realized amazons usage of a slider element on their home page (May 25, 2015). My general impression (mainly based on a few articles I ...
13
votes
4answers
6k views

What are the advantages and disadvantages of multi-window functionality vs single-window functionality?

I am considering porting a windows application to a web application for one of my clients. The windows application is an MDI app (multiple forms open at once), but obviously the web app would be much ...
1
vote
2answers
60 views

What is the resistance or usability considerations for new or interactive inline text behaviours?

I cam across one of Bret Victor's interesting musing about inline spellchecker behaviour where he proposed a couple of alternatives to the popup box for spellcheck suggestions. I thought that the ...
1
vote
1answer
63 views

Best practice for multi selection of card

I've a web page with a lot of elements represented by cards. The cards have some actions: add to, show detail, add to archive, delete. The card can be made up of only text, text and image or image ...
1
vote
3answers
117 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 ...
53
votes
12answers
8k 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 ...
6
votes
4answers
177 views

What is the recommended minimum characters limit for auto-complete/filter?

We would like to provide our tables with generic search field that will filter entries where at least one of the columns contains the input text. We also think of providing auto-completion for this ...
1
vote
2answers
67 views

Interactions for moving to the next step in a mobile “slideshow” onboarding / tutorial.

Quite often, mobile apps have a 3-6 step "slideshow" tutorial/onboarding in the beginning. The user can slides through it by swiping or just choose to skip it. Some initial user research that I have ...
0
votes
1answer
56 views

what are the techniques that allow design to teach user to use an interface in a way that seems natural?

I was reading this article, that at the end states there are two conditions that make one design intuitive: Condition #1: Both the current knowledge point and the target knowledge point are ...
0
votes
1answer
63 views

Disabled state that cannot be changed; Hide or Show?

I have a privacy setting during a Creation wizard that contains two options via ratio buttons: Public and Private. By selecting Private, the user can later to change this setting to Public in an Edit ...
2
votes
1answer
61 views

What interaction design (or UI) principles are adapted from bionics? [on hold]

Bionics is "the application of biological methods and systems found in nature to the study and design of engineering systems and modern technology." What principles do we use in interaction and ...
0
votes
2answers
240 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
2answers
193 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 ...
3
votes
1answer
153 views

How to represent progress through a formal chat support process?

I'm currently designing an online dialog where customers will communicate with an agent, and the agent will gather information to complete an application. The problem is if the conversation diverges ...
0
votes
1answer
41 views

Clear and Done action in Filter

I need to define where and how (icon or text) to locate the clear and done actions inside a filter. I have 2 options. One using icons and the other using text. Basically we are thinking a very ...
1
vote
1answer
128 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 ...
1
vote
1answer
268 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
3answers
442 views

What are some ways to manage more data on single page without scrolling?

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. ...
4
votes
1answer
47 views

Is there an updated Keystroke-level model for touch devices?

The Keystroke-level model was developed over the years to allow us to predict task times of a given set of interaction. Using this measurement is fantastic when brainstorming up potential UI ...
2
votes
1answer
100 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. ...
1
vote
1answer
259 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 ...
1
vote
1answer
39 views

MarkDown Editor : Client side or Server Side or Both? [closed]

Planning to implement MarkDown Preview UI + Markdown Support for a chat application in development. Web framework is python-tornado MarkDown Lib i am looking is : remarkable (Faster than commonmark ...
4
votes
4answers
121 views

Which way should the indicator arrow be facing for this interaction?

I'm designing an interaction for email sign up for a client website, and I need to replace the red ? next to "Email Sign Up" with some kind of arrow to indicate that the site will slide down to ...
0
votes
1answer
111 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
192 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 ...
0
votes
0answers
16 views

Indicate action only effects the current page

A user will be able to click a link in the th of a table (table holds list of products) to clear all inputs in table column. If there are more than a certain amount of products, the table will be ...
2
votes
1answer
35 views

Mobile post page - next post fly out vs. static next post

I am working on a heavy content site. On desktop post page i have sticky sidebar that displays the next posts. On mobile at the bottom of the page when the post is over, the read next stories are ...
58
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
1answer
367 views

Innovative search filter design needed [closed]

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 ...
5
votes
3answers
486 views

What are some good examples of guiding people through an infographic or interactive, but without it feeling like it's on rails?

I'm currently helping various corporate clients get their existing print resources online. Many of these clients are quite conservative and/or new to digital, so it's often a big information dump from ...
0
votes
1answer
75 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
1
vote
1answer
62 views

Settings and Switch Account in Windows 8 Tablet Apps

I am designing a file browsing windows apps like one drive or dropbox. I tried Dropbox and Box on Windows 8 Surface. I didn't see how I can log out or switch account in this app. How those features ...
0
votes
2answers
183 views

Horizontal Scrolling Menu or Tab Bar?

I am developing a mobile application supporting iOS, Android and Windows platforms. The app comprise of "sectional navigation". By sectional navigation I mean it has various sections such as: 1. Maps ...
2
votes
2answers
185 views

What is the best web design pattern for toggle-able options within a parent toggle-able menu

I'm working on a menu that can be toggled on or off, with sub-options within the menu that themselves can be toggled on or off. while logically I think it makes sense for both the parent menu and ...
3
votes
3answers
261 views

What is the best way to indicate that a user can perform a value lookup

What is the best way to indicate that a user can perform a value lookup? I have a section of an application screen where users have the option to use a NAICS code as part of their search criteria. ...
1
vote
4answers
347 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 ...
0
votes
2answers
56 views

Format for a design specification for an Interactive Product

Assuming you are following a design methodology such as the IxD iterative approach which covers requirements gathering, prototyping, evaluation etc This creates a lot of information (data) usability ...
1
vote
4answers
195 views

Why do web browsers ask if they should be the default browser?

I have always wondered why web browsers always ask if they should be the default browser. Or, well, maybe not this behaviour as such, but why are web browsers the only applications that ask this? I ...
0
votes
0answers
61 views

Inline editing for a list of items

I have two pages. Page 1. A detail page which displays a record setting, but also allows inline editing. Page 2. An edit page which allows the user to modify the record using inputs, select menus, ...
0
votes
0answers
36 views

Keyboard shortcuts and navigation in complex widget

I have this widget which will be widely used. It takes quite a few click to perform a relatively small action. Thus, I've decided to implement keyboard navigation, but I'm having trouble laying it ...
0
votes
1answer
70 views

Token based vs URL based email verification [duplicate]

For email verification during user registration which method would be better if we are taking following (or more - which I am missing) points: From user point of view Authenticity - Fear of ...
1
vote
3answers
239 views

Why notify the user when a device is plugged into the audio jack?

Some Lenovo systems, like the Lenovo Y510P, send a system tray notification when a device is plugged/unplugged from the audio or microphone jack. To me, however, this notification seems redundant; ...
1
vote
2answers
156 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
3answers
65 views

Do I need to include a call to action if the title of an event is also linked?

I'm creating an events calendar for a client, in which I'm listing upcoming events. Event "cards" in the list include the following: title date time location short description call to action to ...
17
votes
4answers
2k views

Guidelines for autocomplete widgets

What guidelines exist when working with autocomplete widgets? I'm hoping for general guidelines that apply across different application types: web, desktop, and mobile. A response to a Search as you ...