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
81 views

Navigation: Is it okay to have the same dropdown multiple times?

So my navigation is: CARDS | DECKS | DECKBUILDER | ... Each of them have basically the same dropdown items. You either want to see Cards, Decks or the Deckbuilder for one specific champion (Barik, ...
2
votes
3answers
250 views

Are “CSS Pixels” really the best measurement for touch screen devices?

In several sets of UX guidelines from device manufacturers, there is often a minimum size for UI elements, such as the 48 CSS pixels suggested by Google also offering a physical measurement of around ...
11
votes
4answers
667 views

which is more intuitive time picker?

I need to know which is more user-freindly. Option 1 Option 2 One gif shows changes in minutes affecting hour and in another gif, that does not happen. Please help me to figure out this.
0
votes
2answers
160 views

Two Color Progress Indicator

I'm interested in any examples of a two color progress indicator. The user will be looking at a web page consisting of a list of reports that are a combination of approved reports and reports pending ...
0
votes
1answer
132 views

Simplifying menu bars into single level to save screen real estate

The product I'm currently working on has multiple levels of navigation, breadcrumb and action bar content on the screen. This actually reduces the screen real estate of the screen. download ...
0
votes
0answers
115 views

How to display my sidebar on mobile devices?

I'm currently building an app for an card game. You actually play a champion. For each game you can pick x cards out of a pool of available cards which you actually could draw within this game - a ...
0
votes
1answer
72 views

Side Tabs Text Vertical Alignment - Text Orientation - What is better to read upside down or read bottom up?

I have a page with tabs on the side vertically aligned, with two options. Questions: What was your gut reaction to the text orientation changes? What is the best practice for text orientation. (...
18
votes
6answers
5k views

Which way should arrows point for a dropdown button?

In the following images I've animated a button dropdown where the arrow animates to the downward position when displaying the dropdown menu. Wondering if there is any usability studies on this or if ...
0
votes
1answer
47 views

Features that have ramifications beyond the direct experience with the software

This isn't so much a "how do I do this" question as it is a "real world ramifications of a design decision" question. I noticed today that, when using Google Wallet for a payment, when one goes to ...
1
vote
2answers
163 views

How to avoid “cockpit” -interfaces and clutter when everything is needed?

I am not a UI/UX designer but a 3d Artist/Technical Artist. I would like to ask about some input on one of my creations: a tool for working with UV's in Autodesk Maya. My general problem is that I ...
2
votes
1answer
101 views

multi-use physical buttons

The company I work for is beginning to incorporate LCD screens onto its devices, but not touch screens. These machines will be used in dirty, dangerous environments, so touch screens are not practical....
0
votes
1answer
52 views

Best Practices for Service Catalogs? [closed]

I'm working on a website redesign for a company that has a lot of b2b products & services. Their current solution is very content heavy (overwhelmingly so) and involves a very linear approach to ...
7
votes
1answer
238 views

How to indicate 3d/force touch?

Force touch is an interesting interaction, but when I bought my iPhone 6S to play with it I ended up force touching all applications and UI elements to check if they support force touch. ...
3
votes
3answers
93 views

What are the benefits of using modals on desktop?

I see a lot of sites use modals for actions such as posting content (often on social sites). For example, Twitter and Tumblr both use modals, but Facebook does not. What is the benefit of using a ...
11
votes
5answers
800 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 ...
5
votes
5answers
258 views

Can we use CAPITAL LETTERS to indicate actions?

While designing for the web or the mobile applications, a natural free flowing text can be used for the general content, but when it comes to actions... can we use CAPITAL LETTERS.
0
votes
1answer
112 views

Is carousel display out of fashion? [duplicate]

Carousel in web design is used to display a series of (interactive) banners. Is it phasing out-of-fashion, these days? Microsoft.com and Apple.com still do use it with and without arrows. Is there a ...
1
vote
1answer
196 views

Displaying Master/Detail Panes/Linked Lists

I'm trying to determine what the best approach is for displaying a master/detail list. I've taken the approach where the details are displayed in a pane that is adjacent (to the right) of the master ...
1
vote
3answers
173 views

What is the best UX for collecting a user's height in metric rather than imperial?

In Imperial, we normally collect feet and inches in separate fields, often via dropdown. In metric, what's the standard?
1
vote
6answers
237 views

How to indicate active option

I'm working on a web that there is a requirement to create a field that the user must select one option from two given. For aesthetic reasons and consistency, we are using a couple of boxes that the ...
1
vote
3answers
262 views

Interactive illustrated map experiencing UX issues

An illustrated interactive map has been designed for a real estate brokerage company trying to emphasize the focus on a particular subset of a neighborhood. The users are having difficulty figuring ...
0
votes
5answers
99 views

Searching opinions: better register flow?

Scenario: There is 300 users that buy our product on a Kickstarter campaign two months ago. We need to create these users account on our database and notify them. We have thought two ways to ...
0
votes
2answers
83 views

Single Select Mechanism [closed]

Are there any mechanisms for single select besides radio buttons and dropdown menus (combo boxes)? Here's an image of the layout I'm designing: Users can only single select a product, and the ...
2
votes
0answers
53 views

Are there good resources for creating a compelling motion graphics / interaction design for a website? [closed]

There are several resources on how to simplify websites… that means know the purpose of the website and go straight to the point in a clear manner. Here are some examples (typically for web ...
2
votes
2answers
173 views

One page checkout with add to cart at the top to enhance conversation rate?

We are building an E-commerce website for a client that only sells one product (with different size). The customer can buy multiple quantity and different size every time. Now, we're having a ...
0
votes
1answer
157 views

Expected behaviour after file upload

What is the expected behavior of a file uploader, after the file is uploaded? Here is a use case where the expectation of the users depend on the current status. The user sees a large list of files ...
0
votes
2answers
553 views

What is TLM (touch level model)

Surely anyone need to go on something to study from , I've been searching like crazy on topic TLM (touch level model) and couldn't find a single piece of useful paper for free on internet/books to ...
2
votes
2answers
164 views

iOS7 tab switcher interaction - is there a name for this?

This is the original switcher, I think you've all seen how it works. I'd like to use (or implement) a widget with interaction similar to this app switcher (especially the scrolling), but in my app ...
1
vote
2answers
98 views

How to show row related information

I have a grid of selectable rows. Each time a user selects a row a new panel will come from the botton of the page to show its related "Events" and "Comments". This way they'll be able to access ...
2
votes
2answers
340 views

When hovering over a chart, which cursor:pointer style should be used?

What is best practice for cursor pointer choice when hovering over a chart that contains interactive elements? It currently seems to be the standard pointer which does not inform or educate the user. ...
4
votes
3answers
372 views

Intuitive All On/Off GUI?

Currently, I have a Server that has many different modules (Audi A1, Audi R8, etc.) with 4 different states (RESET, Monitor, Closing, and On). Each module also contains 6 data points that change over ...
1
vote
3answers
105 views

How to show entire webshop assortment in a “change item” button for a bundle?

I am trying to figure out a good interface for a ”complex” problem. I am working on an e-commerce solutions that sells what they call “Kits”. Each kit is in essence a bundle - or perhaps even closer a ...
1
vote
2answers
160 views

What do you call this “pushed in area” border effect?

It's common to use the terms drop shadows, inner shadows, glows, etc - these are all well known and understood An effect you see all the time is: a border around on the top and left, it's a darker ...
0
votes
1answer
114 views

Combine Search/Results or Keep Them Separate Pages

I'm designing a search interface for an insurance claims system. The system contains hundreds of thousands of records. Most users will know and search by a claim number, though claimants name can be ...
0
votes
1answer
64 views

Editing a list that can be filtered while editing. Save edits that are not visible?

We have a long list with accounts for which users can set permissions through checkboxes in this list. But users can also filter the list (say with a search query). But what if a user sets ...
4
votes
1answer
120 views

Should I use a button for an often used value in combination with a text field?

I'm doing a redesign for an auctioning website where users have to fill in numerical values (their bid) in a text field manually. A commonly used option is to bid the next minimum bid. Is it a known ...
4
votes
1answer
219 views

UX best practice for role based access?

I am creating the information architecture for Enterprise software and currently putting in place Hierarchical Role based Access in order to personalise the user journey and allow my users to perform ...
2
votes
2answers
90 views

Displaying settings that change in time

I'm working on an ordering system for school lunches which is already in use. We offer an option called "automated ordering" where the user can choose the weekdays and a starting date and the system ...
3
votes
2answers
302 views

Adding restaurant menu item serving hour

Currently, I'm working on a location-based service app specialized for food. A restaurant owner can add the restaurant's opening hours in a convenient way. Also, the owner can add the restaurant's ...
2
votes
1answer
339 views

Approve/Reject workflow for User Reviews

User generated reviews must be reviewed and approved by an administrator before they can be published across our network. The interface may also serve to allow administators to search for specific ...
1
vote
3answers
205 views

Less contrast of text cursor over dark input box

We all know dark UI looks damn sexy. The problem is that, when the pointer hovers over a dark input box, the default black cursor has low contrast. Since this could confuse users, what might be the ...
1
vote
4answers
178 views

Job title for someone who design and integrate physical products and ux research

What would be the job title for someone who design prototypes of the physical products, and also be able to modify/integrate existing hardware and software (ex. experimenting with arduino?) to make it ...
2
votes
2answers
162 views

How to differentiate actions that navigate away from a webpage vs interact with the page

A long time ago links and actions on web pages only served to navigate you to another webpage or process something on the server. Nowadays, many links and buttons are used to interact with the ...
3
votes
3answers
664 views

User inputs into tables

I'm working on a desktop-based app, where there is quite a large number of inputs the user needs to enter. I'm struggling to present the data to the user in such a way that looks good, whilst still ...
1
vote
1answer
132 views

interaction design animations style guide

I'm trying to come up with a standard set of animations for each interaction of an e-commerce web site i'm working on. This is a project that's after on a style guide project(something similar to http:...
3
votes
4answers
501 views

Steering Wheel: A Better Alternative? [closed]

In my opinion steering wheels for automobiles are a bad UX. They seem to be a control that are here for legacy reasons only and were not thought out in the context of new age technology. What would be ...
3
votes
4answers
160 views

Two possible list designs: How to depict per-item actions?

I am working on designing an inventory management system. I feel one design is closer to optimal but I need a sanity check on this. I won't say which is mine and which is not. The debate is whether ...
5
votes
1answer
209 views

Design problem: Tying together two related but different elements when one is potentially below the fold

Brief history of what's happening: the client wanted an interactive graph that the user can use to determine their needs from the client. The graph charts the user's business growth over time. When ...
0
votes
1answer
203 views

Intuitive Active / Idle / Off status button

I have a requirement to visually show the three status of Active / Idle / Off status for devices. I somehow convinced with switch design as you can see in the below illusion, not fully satisfied ...
2
votes
1answer
79 views

Using a registered trademark in an action button

Over the weekend I ate at a Red Robin with their new "Ziosk" electronic menu/payment system. The final payment screen asks you to select a tip amount and confirm. Shown below (in a larger, more ...