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)

0
votes
2answers
126 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 ...
3
votes
1answer
128 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 ...
2
votes
2answers
616 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 ...
1
vote
4answers
300 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
191 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
404 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 ...
32
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
54 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 ...
27
votes
2answers
4k 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
112 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
341 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
234 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
324 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 ...
1
vote
4answers
510 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
2answers
256 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
160 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
138 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
177 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
440 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
82 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
140 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
216 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
297 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
192 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 ...
1
vote
2answers
365 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
314 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
765 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
209 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 ...
460
votes
9answers
183k 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
540 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 ...
5
votes
2answers
179 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
244 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
195 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
199 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
249 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 ...
5
votes
2answers
770 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
177 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 ...
2
votes
1answer
268 views

Filtering results in a given radius [closed]

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
315 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
198 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
253 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 ...
7
votes
5answers
291 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
381 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
250 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. ...
-2
votes
2answers
1k 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
37 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
209 views

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

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
149 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
178 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
294 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 ...