Questions tagged [interaction-design]

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.

Filter by
Sorted by
Tagged with
5
votes
3answers
2k views

Is it a good idea to use a Floating Action Button for non-actions?

Google Material Design guidelines recommend to use Floating Action Buttons primarily for a promoted action. However, recently there seems to be a rather solid emerging trend to use these buttons for ...
2
votes
2answers
129 views

Hardware permissions in browsers

We're building an app that allows people to upload or record their voice or video using HTML5 (not flash). We've run into a problem where users can't seem to find the button to allow the app to use a ...
75
votes
20answers
4k 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, ...
140
votes
5answers
19k views

Are you sure you want to answer this question?

We've all seen these types of warnings: "Are you sure you want to shut down Windows?" I hear a lot of people frustratingly reply: "Yes, of course, otherwise I wouldn't have clicked it!" These types ...
35
votes
2answers
9k views

Best practices for UI that introduces new users

I'm working on an onboarding UI to help new users get familiar with 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 ...
72
votes
12answers
11k views

Fibonacci pagination

Today I stumbled upon this pagination concept and I found it fascinating: Fibonacci-based Pagination Concept. It's actually an old shot but it made me think as I'll need to paginate some content in ...
116
votes
20answers
22k views

Toilet flush buttons

This question has been bugging me ever since I've started learning usability. I am talking about the two buttons for the flush : Full and half container. On one hand, the button shape has to ...
103
votes
13answers
26k views

Why do showers have “hot” and “cold” knobs rather than “temperature” and “quantity” knobs?

I do not understand the advantage of the popular "hot" and "cold" controls in showers, as opposed to "temperature" and "quantity" controls. Is it simply because the latter option is harder to ...
15
votes
3answers
5k views

How can we visually improve the nested rule/predicate builder?

This has been discussed a bit here: Building logical criteria (with AND , OR, etc) - but we felt the examples left a lot to be desired. Apple (with their hidden nested rules/predicate builder) in ...
43
votes
7answers
10k views

How to make irregularly shaped objects / elements look clickable?

On our homepage, we have these irregularly shaped elements that are clickable above the fold (actual images are not cats, just for demo): http://codepen.io/aguerrero/pen/pgvJoa And this is how it's ...
30
votes
6answers
911 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 freedom ...
30
votes
12answers
18k views

Are two toggle buttons better than a tri-state switch?

I have a grid of people where for each person the user needs to decide whether to include the person in a predefined group, exclude them from the group, or leave it undecided. The initial state is ...
20
votes
5answers
4k views

Guidelines for autocomplete widgets

What guidelines exist when working with autocomplete widgets? I'm hoping for general guidelines that apply across different application types: web, desktop, and mobile. A response to a Search as you ...
27
votes
6answers
3k views

Display an overdue task on task list

I currently have a task list (displayed below) that I want to convey a way to represent that it is overdue. I don't want to add too many icons such as warnings etc, so I figured the best way may be to ...
36
votes
10answers
3k views

What's the point in electronic devices beeping on keypress?

Many electronic devices, mostly cell phones, by default beep on keypress. What's the point in that? Once a key is pressed their state is changed and that's reflected in the graphic interface anyway. ...
27
votes
5answers
2k views

Why aren't Gmail-like “on-page” dialogs more popular UI solutions?

A few months ago, Gmail gave us the choice to switch to a new UI, with many new features (...) including an "on-page-docked" window. I personally find this piece of UI very useful as it allows users ...
24
votes
5answers
3k views

When is red the right color for a button?

After reading this question about Big Bad Red buttons, where it was generally agreed upon that red buttons draw the user to click, I was left thinking: then when are they good affordance and ...
11
votes
5answers
2k views

Tabs design pattern, solving for “N” tabs

I've seen many design patterns that help solve different content presentation issues by leveraging "tabs". Assuming I do want to display grouped content on a page (complex content or simple) and ...
38
votes
10answers
8k views

Is there a more effective way to convince users to sign up with their social media accounts?

The current design for a sign-up page of mine is split into 2 sections - Sign up using your social media account on the left and a sign-up form with 5 inputs on the right. We ran a quick user test and ...
30
votes
10answers
6k views

Is it ok to require certain users to have JavaScript enabled?

I am a firm believer sites should work perfectly fine for people who choose to disable Javascript while browsing any and all of the content. However, when it comes to higher-level interaction (such ...
8
votes
6answers
1k views

Should an opened sub-menu collapse when the user opens other sub-menu?

Take for example Google Material design website, that has big sub-menus in the sidebar's menu. The sub menus are closed on page load. Material design Motion Style Layout ... Clicking on a menu ...
11
votes
4answers
11k views

Are circular menu / button interfaces intuitive?

I have been seeing a few of these 'Circular menu' UI concepts around. Recently a similar UI was proposed as a central element for a large project I know of. For example, one of the options would be '...
8
votes
5answers
364 views

Update list when a user is viewing the list without annoying them

We have a list of items that the user will be interacting with frequently during sessions. Each session will last a minute or two and during that time they are changing state on items and updating ...
6
votes
1answer
895 views

Is there an updated Keystroke-level model for touch devices?

The Keystroke-level model was developed over the years to allow us to predict task times of a given set of interaction. Using this measurement is fantastic when brainstorming up potential UI solutions....
4
votes
1answer
2k views

Having the register and login options on same page - Best practices

Sorry for the making this a lengthy question, but I needed to make all info available. So I'm trying to design the home page of a web application. The home page will have the following elements ...
2
votes
2answers
2k views

Should bulk-editing functions be hidden until a table row is selected, or is there a better solution?

As an example, MailChimp displays subscriber lists in a table/data grid. Notice that while the user can select one or more rows using the check box at the left of each row, he doesn’t know what ...
12
votes
4answers
2k views

Should scrolling in a textbox overflow to scrolling a page?

When entering long sections of text into a textbox in a browser (such as when using gmail or a site like this) we can scroll within that textbox, which is as it should be. However, the behaviour of ...
6
votes
2answers
2k views

Logical Operator Icons

I'm building a WPF UI for configuring some complex business rules; each rule can have many conditions, so I figured I would include a drop-down list of logical operators so that the user could have ...
6
votes
5answers
1k views

How to solve Design/UX problems using more tangible/fun techniques?

I am trying to compile a list of interesting/more tangible methods of solving UX/Creative problems - whether it be as individual, in small groups, workshops, in user testing etc... I am already ...
21
votes
5answers
8k views

Should email verification links expire?

It's a common practice for websites to send email verification links on sign up. Should these verification links expire? I know about a bunch of website where they do and I wonder why?
14
votes
4answers
15k views

What are the advantages and disadvantages of multi-window functionality vs single-window functionality?

I am considering porting a windows application to a web application for one of my clients. The windows application is an MDI app (multiple forms open at once), but obviously the web app would be much ...
14
votes
6answers
3k views

What is the best way to show conditional fields?

We are creating a desktop app where (business) users can enter contracts. The issue is that the contract form contains a very large number of fields, with some of them being conditional. An example ...
11
votes
7answers
6k views

What is the most common user interface in the world? [closed]

Please explain: (1) What leads you to believe the interface is the most commonly used, and (2) Why do you believe that it is an interface. UPDATE: Leonardo Herrera's answer "The button, and its ...
10
votes
6answers
2k views

How to present presets relating to a date range picker

We are developing a date ranger picker and are in doubt how to present preset time periods. The scenario is this: EITHER the user utilizes a preset period, e.g. Next 7 days Next 3 months Latest 7 ...
8
votes
2answers
566 views

Do numeric steppers have an affordance problem?

download bmml source – Wireframes created with Balsamiq Mockups This is a relatively common control. In addition to pressing the up/down buttons, these steppers typically support additional ...
6
votes
1answer
4k views

Tasks State Colors with Icons

I am currently trying to implement a task system that can have 5 "states". I've been playing with icons to differentiate between each, but also speculated that colors would be beneficial to include. ...
3
votes
3answers
392 views

Which should be the correct behavior for sort in multi-page list?

We are building an application which may have thousands item in the table list. As we decide each page only show 25 item, so there maybe 10-100 pages. We allow the user click the table column header ...
2
votes
1answer
209 views

Why is the following space highlighted upon double-clicking text?

I'm referring to when you double-click on the middle of a word in any sort of text editing situation (Google Docs, filling out this question, AIM, etc.) and the word as well as the space between it ...
1
vote
2answers
1k views

UI gestures for Kinect, Kinect-type devices

On touch screen devices, there appears to have evolved a standard set of gestures, e.g. pinch and spread with two fingers for zoom in and zoom out swipe with one finger to scroll a document We're ...
13
votes
3answers
1k views

Is a middle dot (·) the best way to signify a space?

In our web application we try to give explicit instructions of what to do or to type if the user desires so. One of our tips looks like Click or type /r to respond. If /r followed by a space is typed ...
11
votes
4answers
2k views

Form Design: Mutually Exclusive Tabs vs. One Form

I am working on a form design that has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team observed users missing the tabs and only noticing them when we ...
9
votes
2answers
1k views

Is the “clear” button still necessary in a contact form?

I'm putting together a basic contact form for a standard business/company site. First name, last name, email, phone number and message. I was tempted to put a "clear" button to clear the form and I ...
9
votes
3answers
4k views

What's the best approach for header/footer in responsive web design?

I'm an IA doing a responsive site, as part of a much larger scale e-commerce site. Our pages are the only responsive parts of the overall site, so 90% of our site will not yet be responsive. Part of ...
8
votes
5answers
2k views

What is the best method to undo an action?

Imagine for the sake of simplicity I have a web app to-do list, where each item is a line and has a check mark near it. When the user clicks the check mark, the task is then "done" and the line fades ...
7
votes
3answers
408 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 ...
6
votes
1answer
2k views

When is an auto-saving form appropriate?

A trend Google has been pioneering in many Cloud applications is a sort of "autosave everywhere," especially noticable in Google documents's immediate save feature. I personally greatly prefer this ...
5
votes
5answers
236 views

How would you show separate items (products) that are on a single photo?

Let's say we have an image of a man with cool hat, t-shirt, boots, etc. The idea is to show these items as products, so you can find and buy them if you like. At the moment I see two ways of ...
5
votes
3answers
274 views

Form for property rent prices depending on season and length

Seeing the similar post about Form for inputting operating hours of a business, I am hoping you might help me with a similar issue. We run a holiday property rental website. Properties can be rent on ...
4
votes
3answers
143 views

What Defines “On a Device”?

I'm currently working on a user experience problem that involves a user's multiple devices (smart phone, tablet, laptop, etc.) What I'm trying to accomplish is that the app "intuitively senses" when ...
4
votes
1answer
236 views

Good practice to divide items into groups

I am currently working on an enterprise project, and I've come across a puzzle like this. There are a range of items (about 10) I need to group. What I do is like a wizard in a single page, letting ...