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
1answer
175 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 ...
1
vote
2answers
95 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
211 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
108 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
122 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
236 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
41 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
255 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
163 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
305 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 ...
30
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
49 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 ...
21
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 our platform and I was thinking about some good ways to implement it. From what I have come across so far, it seems that many interfaces ...
2
votes
3answers
96 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
284 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
225 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
205 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
245 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
233 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
146 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
123 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
152 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
401 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
66 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
124 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
152 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
239 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
169 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
283 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
250 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
721 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
176 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 ...
442
votes
7answers
178k 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
449 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
210 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
157 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
213 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
164 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
143 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
205 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
480 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
170 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
179 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
214 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
185 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
241 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
199 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
304 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
182 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
793 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.