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)

1
vote
0answers
16 views

What are the benefits/disadvantages of splitting up checkout process

The purchase page (https://staging.volcanicpixels.com/ssl/buy) has quite a few fields on it and I'm considering splitting it up however I'm not sure whether that would actually improve the process at ...
3
votes
1answer
49 views

Rich interaction experience in forms

The guys say that by adding their animation plugin the experience is improved: https://medium.com/ui-ux-articles/3d1b0a9b810e Now, of course it is prettier, but what about the whole theory of ...
0
votes
1answer
86 views

Chat bubbles on a web or desktop view

Mobile chat applications seem to all follow a similar pattern - chat bubbles on alternating sides with colour differentiation between you and the person you are talking to. Examples of this: google ...
1
vote
2answers
136 views

Extra wide tables best practices

I have a table with large (25+) amount of columns in it. Right now it looks very complex and has a horizontal scroll. I want to make it more useful for the users. One solution is to group columns ...
0
votes
0answers
16 views

Dropdown menu or radio buttons to represent choice [duplicate]

Our team is deciding between Checkboxes or Dropdown menu to represent a single choice the user is able to make Dropdown menu Radio Button Both options allow us to have the user make a single ...
1
vote
3answers
79 views

Make it clear a capture was taken

We are developing a software application to control a medial device. It is used for capturing images, which are then then analyzed. The operator of the device has to manually align the device in three ...
2
votes
2answers
175 views

Has anyone used a hamburger style left nav in a web application (not a website)?

Has anyone used a hamburger style left navigation in a web application (not a website)? We are looking to see how you handled? If it is even popular thing to do for an application (not mobile) but ...
5
votes
3answers
142 views

How does something become “common knowledge”?

There was a time when there were no smartphones and computers. Now terms like "Tap", "Swipe" or "Double-click" are common for most people in the world. How do some interactions turn into common ...
0
votes
2answers
163 views

Best Practice for huge nav bar [closed]

Well I'am pretty new here. And hopes you guys out there can help me. I have got a work to recreate a website. In that i have a menu bar which contains 17-18 main menu items. The question here is to ...
1
vote
1answer
79 views

Giving users a feel that graph can be zoomed and panned

I am trying to develop a graph which has both zooming and panning features. I am using flot chart library (which is irrelevant for this question). What I want to know is: What would be the best way to ...
0
votes
0answers
32 views

How do you deal with multiple functionalities competing for the same keys?

For a project, we have a table of data displayed in a web browser. There are two conflicting sets of operations the user could want to perform. 1. Selecting text or cells to copy to the clipboard ...
0
votes
1answer
70 views

UI design for Task randomization (online survey tool)

Let's say that my tool enables you to create remote usability test (kind of). Users need a new feature - task randomization. When user design a project, he/she can add a survey but it isn't ...
0
votes
2answers
93 views

Need design element to indicate that hidden options are available

My webpage consists of a series of elements (books, let's say), each with an image and title: http://jsfiddle.net/LjFx4/2/ When you click on a book, it goes to the relevant webpage. What I need is ...
2
votes
1answer
109 views

Why does YouTube add a space at the end of title edits?

I've noticed this behaviour on YouTube when editing the titles of videos I've uploaded: In the screenshot above, YouTube has automatically added a space character after the title. If YouTube have ...
1
vote
2answers
92 views

How to offer multiple actions on table items, within the table?

I have a table that users need to scroll through and carry out specific actions. The actions are things like "Remove", "Flag", "Send to", but in the mockup below they're just Action 1, 2, etc. Right ...
0
votes
0answers
36 views

Default Confirm Button [duplicate]

I have a confirmation box that appears when deleting an item. What are is your experience, should the button's default focus be on the "Ok" - delete item, or the "Cancel" - Do not delete. My thought ...
1
vote
4answers
191 views

How to keep the user engaged while waiting for a period of time?

I am designing an app for an online taxi booking portal. The workflow is designed in a way in which the users must wait for 120 secs for booking to get confirmed. While the customer is waiting for the ...
2
votes
2answers
128 views

How to represent 0 ratings vs rating is 0

I'm making a details page of a rating system, where one rates from 1 to 5 in multiple metrics and the global rating is the average. However, not all metrics are mandatory, be N/A or not wanting to ...
2
votes
3answers
220 views

How can I make a textarea larger and keep a clean UI?

I need a better way to of working with the textarea on the left without relying on the horizontal scroll for large amounts of text. Atm it's a horrible UX editing large amounts of text. This is an ...
29
votes
10answers
2k views

Can't get users to choose the language they speak on language learning site

I making this website for users to learn languages. The idea is for them to choose a language they understand and a language they want to learn. In the home page the users choose a language they ...
0
votes
2answers
39 views

Should I send users to the [group] they just created or show them the new [group] in context?

In my specific case this is about a web app where users can create new groups. However, I can see the general idea applying to many other interactions where users create or add something that has its ...
16
votes
1answer
783 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 app and I was thinking about some good ways to implement it. From what I have come across so far, it seems that many ...
1
vote
3answers
72 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
218 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
209 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
140 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
143 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
225 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
125 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
4answers
69 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
110 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
369 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
52 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
103 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
77 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
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 ...
3
votes
1answer
107 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
204 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 ...
1
vote
1answer
80 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 ...
15
votes
4answers
585 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
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 ...
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? ...
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 ...
2
votes
2answers
94 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
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 ...
1
vote
3answers
147 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
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 ...
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
179 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
235 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 ...