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)

12
votes
3answers
637 views

Are websites and interactions designed to build or skip levels of trust?

I saw this article posted on the NN/g website talking about a hierarchy of trust, similar to Maslow's pyramid of needs, in that basic needs have to be satisfied before higher levels of needs become ...
4
votes
2answers
154 views

Making users interact with a sigmoid shaped curve

I am having the following issue: I need to let users graphically interact with parameters of a curve in a 2-dimensional graph to do manual curve fitting. Some parameters are straightforward such as ...
0
votes
0answers
49 views

What's a good alternative to a modal calling another modal?

The example i'm thinking of uses a modal to display a list of saved references. The secondary action for this would be to email this list (to yourself or to share). Both of these actions (displaying ...
0
votes
0answers
16 views

Creating experience for seeing/finding/creating ER Relationship for large data (Big Data)

Brief- The above image is the wire frame that I have created for a big data application, which provides functionality to see ER relation for selected repository/data source/tables. User selects ...
2
votes
1answer
273 views

Do you know any good source for human-robot interactions?

"In most cases, user experience design (UX or UXD or UED) fully encompasses traditional human-computer interaction (HCI) design, and extends it by addressing all aspects of a product or service as ...
4
votes
5answers
268 views

How does the Tech inspired Design Process looks like?

There are many books talking about user centered design process. But sometimes, we first hava a new Technology and want to design a product to use that Technolgy. How does the Design Process in this ...
0
votes
1answer
70 views

What is enough to convey a Show / Hide link information?

Usage context: I have a voucher, which has conditions of use. I can see conditions of use in a collapsible panel. download bmml source – Wireframes created with Balsamiq Mockups Should ...
1
vote
1answer
59 views

Logging out of mobile app without Internet connection

I’m currently developing an Android app (native) that connects to a service via an API. I recently added a logout functionality that sends a call via the API to logout the user on the server ...
15
votes
3answers
1k views

Close icon and ok button for dialog [duplicate]

I've been given the following design for an error modal dialog (the rest of the page is grayed out and can't be clicked): To me, instinctively, it seems redundant having two ways (close button and ...
0
votes
0answers
18 views

Create specific content from dedicated screen or from anywhere in app

I'm working on a niche social networking mobile app that provides the following main functionalities: Social Feed Find Friends Q&A Forum Classified Ads Event Organization Each function will ...
0
votes
1answer
65 views

How to expand on a simple UI with no menu? [closed]

The home page is a list and has a "+" button on the top right to enable users to add to the list and nothing else. I want to add a page (the "your friends" page) that is a bit more complex (with ...
3
votes
2answers
96 views

Form with locked and unlocked controls

I've just inherited an application where there is a form. It opens, in the unlocked state it is like If I click the padlock toggle button, the form will look like The arrows at Up Position and ...
3
votes
1answer
33 views

Paste address into relevant contact fields

I'm looking for an intuitive UI interaction that allows both: entering contact information as the following fields: First Name Last Name E-Mail Address Phone Number pasting multiple or all of ...
2
votes
3answers
237 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 ...
1
vote
2answers
42 views

Associating additional content with another page without using a modal

I have a web page which relates to a specific record and has a fair amount of interactive content. I have additional interactive content which is only associated with the same above record/page but ...
0
votes
2answers
63 views

Implementing different levels of drag/drop functionality?

I'm working on a tablet app for a motel. Initially, the app was going to be tested on one floor. Essentially, the app would be used to move guests from one room/bed to another room/bed. As you can ...
63
votes
12answers
10k views

Fibonacci pagination

Today I stumbled upon this pagination concept and I found it fascinating. It's actually an old shot but it made me think as I'll need to paginate some content in the near future. Pages will soon ...
2
votes
5answers
301 views

Rating system: star rating, heart, or both?

I want to know customer's opinion about salon and spa locations. Would you suggest using a multi-star rating for the review, a single heart to "like" a location, or both of these systems together?
0
votes
2answers
96 views

Plus/minus buttons around zoom slider or minimalist design?

My web app has zoomable interface with a minimalist slider to indicate the zoom level. http://wikibudgets.org/w/svk/bratislava/zahorska-bystrica/2016/ I was told recently that not having the ...
0
votes
2answers
67 views

Is there such thing as a boostrap theme that is like “turbo tax” (walk user through series of questions) [closed]

I am looking for a web design/template/kit that would look similar to what Turbo Tax is doing. By that I don't mean that I want the same design in shapes and colors, but I mean having a predefined ...
2
votes
1answer
89 views

List Builder: Application access with multiple feature selection pattern

In the list above, the user selects the "Application". Based on the selected application, a "Features and Feature Stage" list is being displayed. This feature list may vary per application. ...
2
votes
1answer
103 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 ...
0
votes
3answers
218 views

How can I simplify a selection UI?

I have a scenario, where there are class and section. The user will choose the "class" first and based on the selection, will then choose the "section". After this the user will search the result ...
0
votes
2answers
376 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
201 views

What are the alternatives to Apple's spring back scrolling to show end of list?

Across Apple's operating systems, the list ending is shown by a spring like action at the end of the list. If you try to scroll beyond the list, it acts like a spring getting stretched. Apparently, ...
2
votes
3answers
2k views

Horizontal Scrolling Menu or Tab Bar?

I am developing a mobile application supporting iOS, Android and Windows platforms. The app comprise of "sectional navigation". By sectional navigation I mean it has various sections such as: 1. Maps ...
3
votes
2answers
77 views

List selection with read and write permission

We have a list selection control, which has a special function to set read only or read write permissions while moving to "selected list" the current design is like in the below image. To work ...
2
votes
1answer
194 views

How to design a form with lots of possible values

I am working on a technical application, used in the industry. I have been asked to redesign the GUI for it, but I am having trouble. The program is basically just a way to set the values for a large ...
0
votes
0answers
30 views

Creating an animation and interaction stylguide

extending to the animation aspect of a style guide that we have already built for our ecommerce website and app, What area's of the UI do you need to look at. These are currently what I could break ...
2
votes
3answers
168 views

Too many decision points?

I would love some advice on how to make this window as clean as possible. There are a lot of buttons and I'm trying to figure out how to display everything elegantly, keep it simple for the user, ...
1
vote
0answers
83 views

Why would a designer want to use a hamburger menu in a complex application? [closed]

If you compare the screenshots of gedit 2 and gedit 3, there's very clear that there are differences between the design paradigms. It seems to me that the designers of gedit 3 have placed aesthetics ...
2
votes
2answers
514 views

What is the idea behind the download dialog of Internet Explorer?

In Internet Explorer 11 the file download dialog appears at the bottom of the window. I know many people who don't know where to find the "save" and "open" buttons after having clicked on a download ...
7
votes
2answers
505 views

Material Design guideline for Google Map's side pane?

Here is what happens when you click on an icon in an "old-style" Google map: You get an InfoWindow, and clicking "more info" opens a new tab with a google search of the icon's subject. Here is ...
0
votes
1answer
250 views

Process wizard indicator on Windows phone

I'm designing a 4 step process on windows phone porting from iOS. The process has 4 steps in it, with multiple different micro-processes on each screen. Can anyone point me to an example pattern on ...
0
votes
1answer
39 views

Enticing users to join a paid subscription

my client reached out to me with a dilemma...as part of their mobile app, their is a monthly subscription service that shows you customized tutorials on how to apply make up etc.... problem: how can ...
6
votes
5answers
325 views

In a form, is Switching between advanced to basic a good idea?

I have a web page/form which users have to fill in before clicking the 'proceed' button. Same old story I guess. It looks like this: report name: [...] report type: (*) PDF ( ) HTML ...
0
votes
0answers
49 views

Tag based access control

I'm currently designing a piece of application requiring a versatile access control management. I'm thinking about a tag-based system. This question from 2012 had a similar approach. A tag, let's ...
0
votes
1answer
82 views

Is it bad to create long list of text input for translation (200 items)?

I want to be able to let my users change the text of the web app they using, for translate and for customization.I have about 200 texts to edit. I'm not sure if I will add a description to each text ...
15
votes
6answers
943 views

Is my gender selection sexist?

Basically, instead of a simple dropdown gender selection I wanted to go with something a bit more unique. I am using a material-design layout over my entire site, although I feel as if my gender ...
19
votes
4answers
3k views

How to make horizontal scroll obvious?

The current project I am currently working on has one screen we display a list of contents which you can scroll vertically and when user taps on the share button on content it loads a list of people ...
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
3answers
165 views

Aligning UI animation and interaction to brand identity

When coming up with a brand identity, designers will come up with brand guidelines, colors, font style and sizes, usage guidelines, do's and don'ts some brands like intel, macdonalds and intel even ...
0
votes
1answer
79 views

Sorting and on/off - flaw in design? [duplicate]

(I'm not a UX designer , I'm only a user).I might be the only one , but I think that I'm the weird one , because I just can't see how UI component are being released without further thinking : ...
1
vote
3answers
197 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 ...
12
votes
2answers
2k views

Modals on top of modals

Using bootstrap modals, I keep running into the issue of having an info modal with content inside of it, but there's a need to have a "confirm your decision" modal/popup on top of the initial modal. ...
4
votes
3answers
215 views

What is the best layout for a hierarchical menu with multiple actions?

I am working on a project that uses a root/leaf node hierarchy menu to search, view, select and open content on a desktop platform. The user will need to have the option to do one, 2 or all of these ...
0
votes
1answer
129 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
1answer
79 views

What's the purpose of 'read more' dividers on non-paywalled pages? [duplicate]

Some non-paywalled news websites started recently adding 'see more' dividers to their articles on mobile versions of their sites. This made sense on sites likes the Wall Street Journal, where you ...
2
votes
5answers
251 views

Should we place custom back button for websites?

How about a website that has 4 pages with list and detail view structure? Hope most of the users will be aware of using browser back button to go back to previous screen. Or should we provide a ...
34
votes
7answers
6k 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 ...