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)

17
votes
2answers
2k views

Best practices for UI that introduces new users

I'm working on an onboarding UI to help new users get familiar with a web platform and I was thinking about some good ways to implement it. From what I have come across so far, it seems that many ...
2
votes
3answers
93 views

How to make input/output connections between lots of items easier to make and manage?

I have an application that I'm trying to finish for release that allows a user to link "channel values" together. Here is an example workflow of how this currently works - taking an on-screen fader ...
3
votes
5answers
269 views

How to deliver wireframes to off-shore dev teams

I am currently designing an iOS application. Before I move on, I know that the route we chose to go is not ideal at all. The app is social networking app. We have a team in India developing the app. ...
3
votes
3answers
219 views

What is the expected result for mouse inputs in web based applications?

Clearly left-click is the most common, but how often are others like right-click and double-click used? What is the distribution frequency of those inputs? What is the expected result of those mouse ...
4
votes
2answers
174 views

Should I auto register users behind the scene when using social login button?

I am building a service where I am allowing users to login using social buttons (for example, Facebook connect buttons). When a new user clicks on this social login button, I have two options: Auto ...
0
votes
2answers
195 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. ...
4
votes
2answers
229 views

how to describe a range of user options

I am preparing for a conference presentation in which I will talk about giving users options to modify the presentation of text in a UI. I want to talk about what range of options they should have ...
3
votes
2answers
136 views

What UI is appropriate for banning and unbanning a record?

We have a list of words and phrases stored in a database that if a submitted article contains any one of them, we would automatically disapprove the article (and send the submitter an explanation). ...
0
votes
5answers
116 views

Should I offer a button to start animations on comment sections or autoplay them?

My website has a comment section in which people can post images. Many people post animations (which are actually MP4 converted from GIF's, so they are quick to load and save a lot of bandwidth), and ...
2
votes
1answer
120 views

What should the default view of a map be when you don't know a user's location?

I'm working on a project for a company with thousands of global locations. For the 'store locator' the client has asked what is the default view of the map when it's impossible to get GEO IP. I'm kind ...
4
votes
5answers
390 views

Which spot has the best conversion in the grid layout?

We are going to show popup with 6 different offers, positioned by 3 in two rows. Of the these 6 offers, 2 are really beneficial for us (say, have high reward for click). Common sense says that we ...
2
votes
1answer
62 views

How to clear selection which may fully cover the control's area?

Background: A picture is worth a thousand words: Well, but now that thousand words... What you can see on the above image is the time line control I'm working on. There is a line graph with some ...
2
votes
1answer
116 views

How worried should I be about action consistency across multiple pages?

I'm working on part of a redesign for a big, enterprise web application. This part has the user managing a bunch of settings that govern how the rest of the application is used. These screens follow ...
1
vote
1answer
127 views

Best way to show a multilanguage textbox

We again have the situation to let the user enter a text in multiple languages and thinking about how such a control should work. Situation: A web-admin plans a maintenance window for its site. On ...
3
votes
1answer
225 views

Golden ratio between words and pictures

In life , its about striking a balance between Y and X to achieve the best outcome. The Golden ratio has been applied to the web design and several questions on this site has also covered the ...
3
votes
1answer
157 views

Native apps | Mixing compiled UI-UX with unknown dynamic controls and interactions

The problem I am planning a mobile / tablet app that aims to combine ‘knowns’ - a largely static, pre-defined UI-UX as is the nature of compiled binaries - together with a potentially quite wide ...
0
votes
2answers
237 views

Why is the hand symbol used for the hand-cursor?

The question Why is the mouse cursor slightly tilted and not straight? brought up this related question. Why is the hand symbol used instead of any other symbol, say a spade, for the purpose of a ...
2
votes
2answers
219 views

Mouse-wheel scroll interaction for navigating through pages

The application is a windows8 desktop app (runs in fullscreen resolution, always). The app is a comic viewer. Each page is a scanned image, the height is variable, but it almost always overflows the ...
16
votes
4answers
671 views

Designing for Perpetual Beginners

In About Face 3 Alan Cooper encourages to design for the intermediate user (instead of the beginner or expert). This is due to the fact that users start to pick up on cues and become adept due to ...
4
votes
3answers
161 views

Affordance of ContentEditable elements (without changing the background)

Context I want to use the ContentEditable attribut instead of classic inputs. It sounds like a duplicate of Affordance of Edit In Place functionality, but actually I would like to avoid the changing ...
435
votes
7answers
175k 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? ...
0
votes
2answers
414 views

Is this a good approach to add same background image for login page and other page

I am confused, because I want to create an app with real designs suggested by Google, for that I am using Google + design / Google 4.4 kitkat design . I am designing an Android app, in which I have ...
2
votes
2answers
141 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 ...
5
votes
2answers
148 views

Discoverability of complex interactions

We create 3D design systems for engineers (think AutoCAD, SolidWorks, 3D Studio Max, Blender, etc.) and often have a set of complex interactions that can be completed in the graphical area of the ...
1
vote
3answers
186 views

Interaction patterns for consecutive/linked multiple selects

I have a web app and need to add a page where the user must select 1+ sets of 2 groups of items: Animals and Colors. In other words, they should be able to select 1+ Animals, and 1+ Colors. But, the ...
1
vote
3answers
154 views

Link Styling - Active, Hover, etc

I've noticed many sites throughout the web from SBNation to smaller sites not having an 'active' (selected) style for their links. Sites like USAToday do have active states highlighted. My assumption ...
0
votes
1answer
114 views

Adding a contact form on each page

I was visiting a friends' web page and realized that he has added contact form on each page. Actually I did not like it; but he told me he does want to catch every possibility that a visitor wants to ...
2
votes
2answers
192 views

Why is red associated to greatness in some websites?

I have been lately wondering why some websites who rank products associate the red colour to being good and green with being bad. Isn't red usually associated to danger or to something you want to ...
3
votes
2answers
345 views

What is the most intuitive way to rotate an object in 3D space

I am developing an 3D editor. I think showing 3 rings around the object to manipulate should be most intuitive because you have a feeling of "handling" it. Hovering one of the rings highligts it to ...
1
vote
2answers
164 views

Non-ordered workflows

My team is developing an application on a mobile device involving a lot of scanning of barcodes (industrial applications, yay). Mobile = limited real estate. In a particular case, we need the user to ...
0
votes
1answer
153 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
1answer
178 views

What's the point behind badges? Do they make the UX more pleasant?

I'm designing badges for a client's app (when users get a certain number of points, they get a badge). It seems like badges are used in nearly every type of challenge/game app. I understand that it's ...
1
vote
2answers
183 views

What do you call an experience where the navigation or menu is the only thing on a homepage?

For example. This design was used frequently when mobile websites first became a hit. I don't see it as much anymore but I'm considering using it for a web app I'm working on. Just wondering what ...
2
votes
3answers
233 views

Responsive website or not given this statistics?

Background I am about to redevelop a health-related website which has the following user statistics: 80% users from hospitals and counties (90% of these use IE8 on Desktop PCs) 20% public users such ...
6
votes
4answers
195 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 ...
0
votes
4answers
264 views

“Double menu problem” - Web application within website?

I am looking for ideas on how to bridge the externally facing part of a website with the logged in version. The externally facing website is fairly regular with a horizontal menu and a number of ...
0
votes
2answers
164 views

iOS: Best way to present and receive user input?

Background: I'm building an app that uses the camera to overlay objects (helmets, glasses, etc) over people's faces. I'm building a simple algorithm that checks if people are wearing glasses. ...
-3
votes
2answers
515 views

Current Web Applications with bad user interfaces

I am looking for some web applications with bad user interfaces. I need to find an application that can be redesigned using some standard user interface principles.
0
votes
1answer
33 views

How should calibration prompts be displayed/worded when the user has to set the initial value?

Working on a project where the application needs to keep track of certain real world variables, thus it either needs to Set the initial values itself Prompt the user to enter the initial values ...
0
votes
4answers
133 views

What's the difference between white words black background & black words white background in a book

In general the pages of a book are white and the words of the book are black Why is it not the other way around What are the possible reasons that books were designed this way , Why is the ...
1
vote
3answers
134 views

Desktop tools installations' UX. How can it be improved?

I'm designing a cloud service that needs a desktop tool in the end user's laptop. When end users reach my cloud service, they'll have to install this desktop tool. I'm thinking, how can I give the ...
2
votes
4answers
153 views

Force user to answer simple question before revealing two different inputs

Context: This is part of a web application where user are dynamically constructing outbound mail correspondence digitally. This particular step is reached when the user needs to determine how to push ...
1
vote
1answer
131 views

Preloaders for Web Pages?

I've been debating if I should add a preloader to my page that hides all of the page's content until it's loaded. Once it's loaded, it fades out a full-screen overlay to reveal the site. Is that delay ...
1
vote
2answers
106 views

Radio Buttons - To Default or Not To Default…that is the question [duplicate]

We are displaying a list of items, each with a set of options (or single option in some cases). The options are displayed using radio buttons because only one may be selected. A selection is required ...
0
votes
2answers
160 views

Reasons to use traditional next button over Infinite Scrolling [duplicate]

To browse through the various pages , Infinite Scrolling has been touted as a better alternative to the traditional next page icon because of a better user experience. It much easier to scroll down ...
1
vote
1answer
184 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 ...
11
votes
6answers
876 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 ...
15
votes
9answers
557 views

How to reference (and provide links to) online content in offline media?

Provided that print publications produced in-house and "physical" advertisements have to reference or "link" to online content, what is an accessible (in broader sense) and user-friendly way to do so? ...
1
vote
2answers
109 views

Why does the iOs Contacts app feature both a Quick search field and a alphabetical annotated scrollbar?

The Contacts view on iOS consists of a Quick search filter field, the contact list itself and an annotated scrolllbar that lets people jump directly to specific letters. To me the annotated ...
0
votes
3answers
354 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 ...