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)

420
votes
7answers
172k 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? ...
3
votes
1answer
203 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 ...
1
vote
1answer
80 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 ...
15
votes
4answers
586 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 ...
0
votes
2answers
205 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 ...
4
votes
3answers
136 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 ...
3
votes
3answers
281 views

Thoughts on Customizing Javascript Confirm Dialog

A design was just introduced for a brand new application offering the user to delete something. The user experience is as follows, the user clicks delete on the object. Upon clicking delete, the ...
5
votes
3answers
259 views

UI for interfacing with hardware

I recently came across an interesting question, that I think is quite thought provoking. The original question was, how the person in question could make a radio button look and act enabled, but not ...
0
votes
2answers
366 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 ...
0
votes
2answers
133 views

What is the best way to show various options dependent on another user's account?

Say you are in Linkedin's Network page. (If you log onto Linkedin and click on "network") Let's hypothetically say that Linkedin contains both people already on the platform and people outside of the ...
5
votes
2answers
135 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 ...
-3
votes
2answers
276 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.
1
vote
3answers
148 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 ...
179
votes
18answers
44k views

Is this rotating cube interface user-friendly?

I'm working on a prototype for an innovative form interface, where different parts of the form are shown on different sides of a cube. The cube rotates, and the user can fill it out as the cube spins. ...
1
vote
3answers
139 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 ...
30
votes
6answers
494 views

What are your favorite counter-intuitive principles or ideas within UX? [closed]

A quick example: "Paradox of Choice" - Giving a user more control via options, configuration, and settings is counter-intuitive from a UX standpoint. We expect users will relish their total ...
3
votes
2answers
236 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 ...
0
votes
1answer
91 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
181 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 ...
15
votes
9answers
544 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? ...
2
votes
3answers
193 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
187 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
142 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
173 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 ...
0
votes
2answers
131 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. ...
0
votes
1answer
28 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 ...
1
vote
3answers
116 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 ...
0
votes
4answers
116 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 ...
2
votes
2answers
129 views

Online database with lots of entries in a table

(Just a heads up, I wrote this on an iPhone so it might not look great, sorry about that) I'm building an online database creator (think Dabbledb, Zoho creator, etc) When you create a database like ...
2
votes
2answers
95 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 ...
55
votes
18answers
2k views

How can I keep up-to-date with the latest thinking about designing complex, rich applications?

I am designing a very complex eco-system of apps. I like to make sure I am up-to-date with the latest thinking, research and trends in app and UI/UX design. I find that there are many great articles, ...
1
vote
1answer
100 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
81 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
115 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 ...
23
votes
5answers
1k views

Why don't chinese teacups have handles

I am mystified over the difference between an English tea cup and a Chinese tea cup. The difference is that a chinese teacup does not have a handle/"ear" while an English teacup does have a ...
11
votes
6answers
699 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 ...
7
votes
8answers
1k views

Selecting items for different categories in a dropdown

I have a dropdown box that I can use to select a device in the following manner: When the user selects a device, they are taken to a Device Homepage. The device homepage contains information about ...
0
votes
3answers
331 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 ...
1
vote
2answers
84 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 ...
2
votes
1answer
90 views

complicated inventory question with groups of fields based on quantity

I have an inventory system where items in the inventory have attributes. Think of an item as a photographer's photograph with multiple prints. Each item has: Name Date Quantity ...
2
votes
10answers
511 views

Informing user how to delete list item

So I'm designing an Android app - there's a ListView section adding and removing accounts. I came across a problem where there are several solutions, but was curious on how the community thought. ...
27
votes
12answers
7k views

Better way for users to select a date range

In my application, users select a date range for which results are required. The UI looks something like this: My users don't like this, because the date picker requires them to select a specific ...
1
vote
2answers
180 views

Sorting and pagination for tiles - Examples/ideas?

I'm working on an existing web app that presents information in tiles, like: There are no categories (Watchlist, Market Movers) and instead of stocks, each tile represents an event and has a time ...
4
votes
4answers
287 views

What is the goal of Soundcloud's comment feature from UX point of view?

The way Soundcloud is using the comment feature is brillant and interesting but well, I find it so hard to use. Comments are displayed all over the song, they are hard to hover and without it you ...
0
votes
1answer
132 views

Dealing with “Walls of text” and PDF documents

I'm working on a piece for a financial institution in the US - im just wondering if there is a better way to display walls of text. The app itself has maybe about 7 instances of T&Cs of all kinds, ...
14
votes
3answers
503 views

Float Label Pattern for Select Boxes

I'm sure you've all come across this pattern, does anyone know whether there is any documentation that can provide information on how this pattern can be used with other form elements for example a ...
2
votes
0answers
139 views

From a UX perspective what are the main limitations of stack exchange? [closed]

I'm trying to come to grips with exactly what UX is and how it relates to my interests. So please allow me to get a bit meta here (without getting shunted off onto the meta forum). I think ...
1
vote
1answer
155 views

How to design a pane with keywords?

We want to enhance the keywording in our program and for this we plan to add keyword sets organized in panels. Here is a screenshot from another program which depicts two variants for showing these ...
2
votes
5answers
138 views

Should list item specific actions be hidden on default and revealed on hover or always be displyed?

Every time I design lists (which are a beautiful thing in itself) I am wondering about how to treat list item specific actions which aren't bulk actions such as delete. Let me give you an example, I ...
0
votes
2answers
212 views

Expanding Panel placement

I'm designing a feature for a product, which is going to bring down a panel that contains a list of virtual machines. The user will use this panel frequently to - start, stop and deploy services into ...