Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

-1
votes
0answers
54 views

Help with a hover interaction

Is it alright to make a hover whit a list of options, and outside those list make a clicable area? Exemple: A image with a Title where the title is link with color hover behavior: When user hovers ...
0
votes
1answer
247 views

Is there a standard way of doing map or drawing annotation

I have a question regarding putting/dragging and dropping annotations on a map or plan. Is there a standard way of doing this? The annotation has flexible dimensions and is placed on the map/drawing ...
0
votes
1answer
72 views

Shifting Parent records from child

In my application, Grand parent and Parent tabs contains grid controls. From my Child tab, i should be able to select desired parent or grand parents records without opening the Grand parent or ...
1
vote
1answer
66 views

What are the correct terms for these visualization components?

What is the proper term for a vertical line on a visualization that follows a mouse cursor? Nb, screenshots have removed my mouse cursor but it exists on the same vertical plane as the dot in the ...
0
votes
1answer
60 views

Paid and Free access buttons

We have a selection of elearning courses available on a website I'm managing, historically these courses have been free for everyone to access. However we're now having to restrict free access to NHS ...
12
votes
7answers
4k views

What should the sequence be for Download and Delete buttons?

I have two icons for each row in a table: Delete and Download. But I feel the Download button should be before the Delete button. Please help me to understand what the sequence should be as per ...
4
votes
1answer
109 views

Augmented reality - how to manipulate objects

With the new iOS ARkit, I've been wondering a lot of things about the intuitive interaction with objects in Augmented reality. For example, I think people are going to try to move objects touching ...
4
votes
3answers
104 views

Pre-selection states and pre-requisite choices

I'm trying to create a selection which has a pre-requisite state that must be selected, before you can select additional checks within that check. So unless a user selects an 'Enhanced Check' they ...
4
votes
2answers
200 views

The best approach to display a long profile information

I was re-designing a desktop application and the target audiences are mostly eldery women (user average age is around 50 years old). This application keeps the data of church and medical members so it ...
0
votes
3answers
656 views

UI feedback for a complex web form [closed]

I am working with a complex system which will have a lot of different long forms. I did this first prototype and I would like to know what you think. Thanks. I updated the design adding the ...
5
votes
2answers
109 views

Filtering - use drop downs with set ranges, or text boxes for arbitrary values

If you are searching something, and want to filter the results, would you rather have text boxes to get exact ranges you want, or a drop down set ranges, that are quick and easy to select. So the ...
1
vote
2answers
344 views

How to visualise nested AND / OR groups? [duplicate]

I'm wondering if anyone here can shed some light on working with visualising logic for beginning users. I am struggling with finding a proper way to display logic such as: "Item name #1 AND (Item ...
1
vote
2answers
98 views

Better solution for displaying a menu than hovering

Background Info I created a web application which allows the user to configure a furniture system. (Base body in different colors plus extensions in different colors, etc.) Currently, it looks like ...
3
votes
2answers
124 views

How to set a quantity by entering an exact number, or a difference (add/substract amount)?

I have to design a form with one field being a quantity that represents the number of available items of a given product. I want to allow the user to modify this quantity in 2 different ways, in the ...
0
votes
1answer
104 views

Provide user to edit zebra color on data table

Do you guys have some good exemplars to be referred on thinking about how to provide user has the convenience operation on changing zebra color for the data table? The current design is staying on ...
1
vote
2answers
71 views

View time range selection on datagrid with limited space

I have a datagrid that shows realtime data. How ever, Users should select to see if they want 'Last 5 minutes' data or 'Real time' Data. I did this using radio buttons, however it doesn't fit and is ...
1
vote
1answer
50 views

Making a flexible Interface for CRM App [closed]

I am working on a tablet app that will be used as a CRM, But as a app it needs to be flexible to have provisions for all the cases that could arise while interacting with a customer. As we cant put "...
0
votes
1answer
131 views

Redirecting user at login page when he tap on a CTA that require it?

I’m designing a game’s mobile application. In this application there is the possibility to validate the game you played: in a store or in app. We have two type of users: Guests who are able to ...
0
votes
1answer
71 views

List options order and groups

I have a group of options from a new button like this: I am not sure if six options are too much for the user. Perhaps it has too much cognitive load? Any suggestion? Another question is: "Project" ...
1
vote
2answers
160 views

Design for ultra search

I would like to give my users another search option. Paid search. The budget is for X searches paid from advance during the registration to the service. That type of search is called VIP search or ...
3
votes
3answers
213 views

Should unavailable options be grayed out or invisible to users?

One time payment flow One account type can only be paid through EFT. Other account types can be paid through both EFT or credit card. They have the option to make multiple payments (one after the ...
4
votes
2answers
682 views

Conflicting UI/UX elements - Slider with Stepper buttons on each side

In one of my iOS mobile apps I’m showing a screen with 2 options for pasued video scrub. At this point, the video is paused, I'm giving the users an option to examine the video, either using fast ...
12
votes
2answers
2k views

CTA Button - Button too short to contain verbs

In one of my iOS mobile apps I’m showing a screen with 2 options: The first option, on the left side, is an outlined button that performs a free action. The second option, on the right, is a solid ...
1
vote
2answers
413 views

What's the best way to handle displaying a long list of user permissions in a UI?

I'm working on a permission-based access project. I have a long list, in the hundreds, of permissions that will allow Administrators of the system to customize permission groups for individual users. ...
2
votes
2answers
172 views

Using filtering and search on products

I'm developing a website for a supermarket and I'm facing some difficulties when building the searching product design. Just to give the context, I'm working with more than 10 categories and over 10....
1
vote
1answer
258 views

Best way for user to create category tree

Our clients need to create a shop structure with many categories and subcategories, and our current system is not very easy for them. I thought the best way would be just a blank text area - ...
0
votes
2answers
59 views

How do I call this interaction?

There's this interaction on Airbnb (example page: https://www.airbnb.com/rooms/432044), where the section containing the price, "Request to Book" call to action, etc. on the right are scrolled with ...
0
votes
0answers
71 views

Subsequent editing of inline “click to enter text” fields

I’m iterating on a SaaS platform where there is a notes functionality on certain elements which are shared between all users of the platform. Currently, it’s handled via the notes section starting ...
2
votes
2answers
205 views

Suggesting email on email field

Gmail makes up about a third of our customers. Today I heard the suggestion that we suggest autocomplete for common email domains such as @gmail.com for customers when typing in an email address in ...
0
votes
2answers
123 views

Where should the “unselect/unclear filter” icon go?

I am designing a major component of my soon-to-be website: the listings header where I provide users a magnifying glass to filter out records according to the Loading/Delivery/Tag options trio. (I ...
1
vote
0answers
50 views

Correct way to associate user with tags, and ways to properly add them?

Context: An environment where users have a suite of various products at their hands, containing information about hospital patients. The people using these tags tend to be physicians or technicians ...
0
votes
1answer
84 views

Form based on Product Types

If you have a seller accounts at amazon or ever happened to look at their product upload form, I am sure you must have noticed that for each product type you wish to upload they have a slightly ...
1
vote
0answers
34 views

Minimizing Content on Blog Homepage Feed

When I say blog homepage feed I mean the whole wordpress frontpage where the title and all or just part of the blog articles are displayed. My question is if having a little clickable minimize (or ...
3
votes
1answer
307 views

Pros and cons of making hero image clickable

On the meeting with website stakeholders I was asked why not make hero area clickable and lead to promotion page in addition to CTA button leading to the same promotion page? Since it never occurred ...
0
votes
3answers
266 views

“Ok-Key” and “Cancel-Key”, Which One Should Be Set Up on the Left? [duplicate]

“Ok-key” and “cancel-key”, which one should be set up on the left? It’s an eternal war of button sort between UI designers preferring “ok/cancel” type and the adherents of “cancel/ok” type, both ...
1
vote
1answer
40 views

Time selection on a very zoomed out plot

I have a plot made of many samples, usually the sampling rate is 8 samples per seconds but it may be more or less. Each and every sample has a timestamp of course. I have a UI in which I display the ...
3
votes
2answers
201 views

Prisoner's Dilemma interaction

I have a game where players will play 2x2 decision matrix games. (Prisoner's Dilemma, Battle of the Sexes, Stag Hunt, etc). There are two players, a primary player (blue, on the horizontal part of the ...
0
votes
2answers
57 views

Where do I place the interface to change default form values, where such interface is restricted to certain users?

I'm designing an interface that will be used to update the default values for Cost/Day for a Quote. That interface to update costs will be used by admins/managers and is secured - aka visible to those ...
0
votes
1answer
251 views

I did a survey for redesigning ATM machine's GUI and made the following GUI.How to make it more user-friendly for non-tech people? [closed]

I did a quick survey and asked people what options they use mostly in ATM. Which changes do I require in the GUI? Here are the screens that I redesigned for ATM after survey. Which changes should I do ...
26
votes
8answers
5k views

Customers using the New Order option when they should use Reorder

I have a form for customers to place orders through a form (An Ecommerce solution is coming, but in the meantime we are using this). There is one <select> drop down that was giving us issues. ...
0
votes
1answer
308 views

iOS user friendly, mobile menu

I am creating a hybrid app (JQuery mobile / Phonegap). It needs to be published on the Apple app store. I would like it to be user friendly. It should also meet Apple's guidelines. About the app. ...
1
vote
2answers
167 views

User requested to close account, should they be 'forcefully' logged out?

From a purely UX viewpoint: User clicks on 'Close my Account' After requisite begging to not close and their persistence, the account, on the Server is 'Closed'. What should happen on the UI after ...
2
votes
3answers
273 views

Interacting with a dynamically sorted list

I currently have a list that will be populated with song requests. Each song request appears as a list item with a title and artist name, and is accompanied with upvote and downvote buttons (similar ...
0
votes
2answers
55 views

Interaction change for tab shift

I have a case where i have tabs and each tabs has a set of information. and in two tabs the top level data is same , So when user switches between them it looks like no change happened it will go ...
5
votes
4answers
250 views

Demonstrating focus on buttons: the Mac OS X window interface approach

I was using my Mac OS Sierra system the other day and came across this dialog box: I'm sure Mac users out there have seen this dialog box countless times before as well. I want to bring your ...
0
votes
1answer
408 views

How to implement document viewer UI in webpage i.e open a pdf file?

I have UI which shows an applicant's picture on the left and applicant's information on the right and also an option to open the applicant's resume when I click "Open resume" button this what it ...
1
vote
1answer
73 views

Drilling into more details in a modal

I'm struggling with a modal "compose message" type of modal. When a user interacts with the eye, we want to display a list of users that will be able to see their message to that specific person. ...
3
votes
3answers
374 views

What is the best practice for displaying list items in a filter dropdown?

I have a drop list filter where some of the drop list options won't return any items. What is the best practice here and if a filter option returns nothing, should it even exist in the filter ...
1
vote
2answers
292 views

Single page or Step-by-step form. Which is the better approach for a trained user?

I am working on a form where the employee (user) takes customer feedback and fills it in a form. This form has currently lot of fields (30-35). Logically this form can be broken down and grouped into ...
3
votes
3answers
356 views

MockUps - Prototyping UI using After Effects. Is it worth it? [closed]

I am a visual Designer and currently work as a UI_UX designer at the company I work for. I wanted to ask my colleagues here and front-end Devs as well your opinion about presenting After Effects ...