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

Reusable solutions for commonly occurring problems in user interface and user experience design.

1
vote
1answer
28 views

Affordability for clicking

I'm making a screen for a charging station for a IOT device. The screen displays charging status, and that will be a functionality initially. Moving forward it will have more functionalities such as ...
0
votes
1answer
39 views

What is the name of the pattern where you set state data before async calls finish?

So the aforementioned pattern would be something like this: User submits form Page immediately updates to show new entered data, with no page loader or wait time If there is a problem with the async ...
1
vote
1answer
89 views

Is there a pattern name for allowing users to add fields?

When a user is allowed to add/remove additional fields (or field groups) within a form, what is this interface paradigm called? EDIT: in the example screenshots, each "row" of field(s) can be added/...
0
votes
0answers
20 views

What is the best practice for integrating legacy design patterns when there is a conflict?

Based on a previous question that suggests many applications that are developed without necessarily a thorough analysis of the different design patterns and systems that might be in conflict, or have ...
1
vote
1answer
33 views

Design Options for Weighted Directed Graphs

My question in brief: what are some reasonable design options for displaying data in weighted, directed, cyclical graphs? The longer version: I have some data that details shipments of goods from one ...
1
vote
1answer
42 views

What is the term for the design pattern/micro-interaction where you speed up an action by holding a button?

I think most of us are familiar with the interaction of holding onto a button and watching a particular value increment or cycle through at a constant speed. However, I think it is common practice ...
0
votes
1answer
36 views

Design patterns for navigation of menus on mobile devices/views

I have noticed that many web applications displayed in mobile devices or views seem to be simply moving or displaying the same content in a different viewport rather than trying to tailoring content ...
2
votes
3answers
70 views

Single Page Application - In-app New Tabs

I have a table of items and when I click on an item, the details open in the same view. So, to view another item, I need to go back and click on another one. To avoid the back and forth, I want to ...
0
votes
1answer
150 views

How long can a loading screen be before it starts creating a negative user experience?

Loading screen originally were intended to distract the user from the fact that they have to wait for technical requirements to be fulfilled. Sometimes we see them used as a tactic by apps and ...
54
votes
12answers
13k views

How to create better user account creation experience for customers who do not want to create an account

Trust and personal information security are very important issues these days when it comes to online accounts, so it is not unusual for people not wanting to create an account (i.e. provide personal ...
1
vote
0answers
56 views

Dealer reselling hardware for unregistered users

Background info: I'm working with a CAD software that uses a physical USB security dongle to work. Typically it is sold via an online store. The user creates an account with an email, then the Dongle ...
0
votes
1answer
66 views

Design patterns to indicate status on infinite scroll pages

There are several questions regarding design patterns that apply to infinite scroll such as What's the design pattern at the end of infinite scroll? and also What are best mobile navigation ...
5
votes
1answer
159 views

Q: What's the name of this type of keyboard filter interaction?

I want to know a name for the type of keyboard filtering where a each time a user enters a character, the rest of the keyboard disables all characters which aren't relevant anymore because no word can ...
0
votes
1answer
99 views

ERP system for staff admins - managing complex information tree

I'm re-creating an internal ERP tool to manage user license, sales and customer information for a desktop 3D cad software. So something similar as an admin portal for Autodesk employees to manage user ...
1
vote
0answers
70 views

Resetting password as software company staff admin (not user admin)

I'm building a tool for users to manage their account which includes user licenses and admin levels for teams (think like Adobe Cloud), but also an admin for our staff tech fix account issues. On the ...
0
votes
1answer
80 views

Responsive UI Pattern for selecting from a list of exact values greater than 5?

I'm designing a page where users should be able to sort between exercise videos categorized by "phase." (see image). These phases start with "Pre-Op" then proceed linearly 1, 2, 3, etc. Since these ...
1
vote
1answer
116 views

Design patterns for desktop context switching

I'm working on a project which has, mobile / tablet / desktop designs which progressively reveal more content. In our app we have two key 'modes'. It's similar to an online ide so you could call ...
1
vote
3answers
162 views

How can I design a registration form with 10 fields for multiple users?

I'm in a situation to design registration form that asks A Dad [a user] to register his "Son or Sons" in a sports activity and pay for this registration. In order to enable Dads to pay one time even ...
0
votes
3answers
96 views

To Include or Not To Include Titles

What is the latest UX research around prompting a user for their title e.g. Mr, Mrs, Ms, Dr, ....? Some clear advantages and disadvantages are: Advantages: A certain subset of users will feel they ...
0
votes
1answer
220 views

Tabs VS Menu hierarchy . Material design VS informational architecture

There are two levels of menu. Tabs and usual sub menu. The problem is when tabs are under home/manage/analytics menu - it doesn't make sense because hierarchy is actually backwards. Because ...
1
vote
2answers
176 views

What's the best way to display sentiment options?

I have a sentiment rate functionality. What is the best way to display the options? Start with the positive or negative one? I have a star rating as well from 1 to 5, if it matters. Is it strange if ...
0
votes
1answer
95 views

Best practices for designing a terminal logging experience

The first 4 pictures below (#2 is also animated on the link) are examples of CLIs. The 5th picture is an image of the Heroku logs. The last picture is what you normally used to see in programs you ...
1
vote
0answers
131 views

Workflow for How Typography Layout Should Be Specified

This is sort of a user experience and graphics design question, but it seemed better as user experience. To start, good text has good typesetting. This sometimes means per-letter spacing adjustments, ...
1
vote
1answer
76 views

Best way to display offset position in direct manipulation design software?

I'm thinking on how to solve for an application that uses real-time positioning to project images. It uses a beacon (same as motion capture) that is hidden and sewed into a person clothes When the ...
0
votes
1answer
67 views

Does the location of “main buttons” affect usability?

Here we have Meta Stack Exchange: The "Ask Question" button is part of the "search results" group. Could this possible confuse users? Should site-wide "main" buttons always be placed on the header ...
0
votes
2answers
138 views

Usage of sliders for non-commercial use

So I know that sliders are bad and there's a thing called banner blindness and read couple of studies saying that people don't interact with them at all. However I'm working on an "About Us" page ...
1
vote
1answer
117 views

Good examples of UI patterns for data assembling

I'm particularly interested in Node based UIs and I have a few questions: 1. What are good and elegant services in your opinion that use these pattern to create complex outputs? (I really like how ...
5
votes
1answer
66 views

How can I manage a module creation screen with multiple lists of templates selections

Specification: The aim of the design below is to create one module by using 3 set of templates. Each template is having list of templates which are coming from different database tables. Template set ...
2
votes
1answer
115 views

Patterns for designing a “chooser” site

I've been tasked with building a "chooser" website which helps users find a service (or maybe more than one) that helps them solve a problem, in a domain they're unfamiiar with. Problem The basic ...
3
votes
2answers
120 views

Transit app - button or toggle?

I'm designing a prototype for a mobile app that allows you ask for help inside a public transportation (bus or streetcar). The goal is to alert all passengers that someone needs help inside the same ...
3
votes
1answer
106 views

SaaS admin navigation through lower tiers

I'm working on a Saas platform that will provide its user with an SDK for their apps. Users will either be able to create multiple apps (tier 1) in their account or only one (tier 2). Within each app, ...
3
votes
1answer
92 views

What is the best way to let a user know that another user is working on the same item?

At my company we have an admin tool, where users can create and edit surveys. But we have a few problems with users working on the same items which in a lot of cases has lead to data getting lost or ...
0
votes
3answers
100 views

Visualizing large tabular data

I'm trying to find the best way to visualise the following tabular data. Problem: There are several channels and each channel has two platforms. The value of the channel's platform could range ...
1
vote
2answers
93 views

Is there a particular name for this design element?

I have seen a lot of magazine/news templates that basically stick a set of posts together and they usually span 2 rows and 3 or more columns. The best I can think of is maybe calling it a collage, ...
0
votes
2answers
80 views

What is the name of the design pattern used to create, rename and load user-presets such as styles, favorites, and workspace layouts?

I want to find out what other people have found out about a very common design-pattern. However, my searches come up empty. The pattern is a minimalist save/load feature for things secondary to the ...
0
votes
0answers
51 views

Does this multi-line form interface pattern have a name?

I've got a form where the user needs to enter a number of records (varies for each screen), and the UI approach I'm considering is to have multiple rows, with the ability to add and remove rows, ...
4
votes
2answers
265 views

How to show dual list in responsive

I am showing a dual list on web application. It has desktop view and mobile responsive view. As we know that we can't show the dual list 2 columns side by side in mobile view due to less space. So ...
3
votes
2answers
234 views

What's a good pattern for mixing bulk-able actions and single actions?

I'm working on a web frontend for an existing API. We currently have a table that looks like this: You can perform various one-time actions on items. At the moment, every action you can take on an ...
0
votes
0answers
24 views

Alternate names / examples of the Subview design pattern?

I am using this design pattern in my work: http://www.cliptheme.com/demo/rapido/ui_subview.html I've searched but my Google Foo hasn't turned up any other examples of this design pattern. Can ...
0
votes
0answers
32 views

Devices Management / Limit Devices on mobile app

Specifically looking for a UX pattern/behavior that addresses the best way to handle device management on mobile. Ex.: user creates login credentials -> subscribe to the app (paid) -> share his ...
7
votes
3answers
588 views

How long should a toast message with 'undo' appear?

In our application, the user can make small changes, such as deleting a chart from a report. When they delete an item, a toast notification appears to say "Chart 2 was deleted successfully. Undo?" ...
1
vote
1answer
64 views

Should we anticipate when the user is asking for the menu when we hide the navigation on scroll?

A lot of websites nowadays, admittedly more so in desktop view, (which is now seen by fewer thanks to the world of mobile) hide the navigation bar when you scroll down. This is a good thing as it ...
0
votes
2answers
183 views

How to display a checkbox modal

I'm updating a legacy(12 y/o) system and one of the requirements is a cta that opens a model which lets the user make multiple selections, aswell as, typing an input that then gets added to a summary ...
1
vote
2answers
93 views

Is social sharing needed for every page of a B2B website?

I know this question has been asked previously. There are some more details in my case. I work with a technology company that makes software for insurance. The products are all B2B. We have social ...
4
votes
4answers
217 views

“Cut and Paste” in a tree structure

I am working on a web app that provides a visual programming environment to generate 3D models - Mobius It involves creating a scripts by adding lines of coding and just editing parameters. We are ...
3
votes
3answers
225 views

How to add one or more items to the table row?

Context I'm working on very complex enterprise solution. We have this table that shows list of let's call them contracts. Every contract (row) can contain one or more customers (and one or more ...
2
votes
3answers
133 views

Timer settings, when to use a combobox or spinbox?

I was creating a mockup for an login settings window, and when i came to the option for "auto logout", i was wondering if it should be a spinbox, allowing the user to set any value (in minutes), or a ...
0
votes
1answer
85 views

What would I call this element? [closed]

I am trying to create a card that has a position absolute show more div option. I need it to not move any other elements and be responsive. I don't know how to do a search for it because I don't know ...
1
vote
2answers
111 views

User Interface suggestions to unlock editing for critical elements

I'm developing a webpage for internal users who will spend a few hours a month using it. Most of the elements on the page are straightforward, but a few could cause hours of work to undo if they have ...
1
vote
2answers
326 views

Placement of anchor link buttons in a page with a lot of scrollable content

I am building a profile page (http://giga.brandvertisor.com) containing a lot of of information, visually organized in horizontal sections. For the sake of easier navigation, I have put anchor link ...