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 [design-patterns]

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

0
votes
4answers
107 views

Best practice for selecting a recurring event?

I need to allow users to set the frequency with which they would like for a certain task to occur (example- every X days/week/month/year). So far, what I've come up with is an input box and a drop ...
0
votes
0answers
35 views

Best practice to create landing page for a product that has a lot of features(tools)

My web projects has 16 different features(tools). I divided these features into 2 different group, starters, enterprise. As all we would agree, we must show UVP, main benefit of the product to the ...
5
votes
2answers
86 views

Perceived security of magic link/passwordless login

As far as I've read, passwordless login like Slack uses (user inputs their email and then clicks on the login link in their email) is becoming more common and is just as secure as logins that require ...
-1
votes
0answers
12 views

Best practices for massive volume image QC

I am designing a system that will be used to perform a visual QC step on literally hundreds of thousands of images per day. We have already taken care of the obvious to spot problems with AI, reducing ...
0
votes
1answer
72 views

Better 2D UI control for Yaw, Pitch Roll in 3d objects (transform)

I'm working with a 2D representation of 3D objects such as a PTZ camera or avatars and cubes. I understand that the best way to rotate things in a 3D space is with direct manipulation using a widget ...
-1
votes
0answers
25 views

CRUD, using other panel for creating/editing

I have an UI for the CRUD of JavaScript functions: I have this doubt: When creating or editing the functions(from the list of the left), would it be better to create another dialog for creating/...
5
votes
2answers
92 views

Is there a design pattern that accounts for phone protector/cases

So, I'm wondering if there is a design pattern that counts for the usage of a phone protector/case. Recently I noticed a new employee use an application we just launched, he was using a protector/...
3
votes
3answers
239 views

How do I call this type of UI widget?

I designed this but what would be a proper name? Data-table, info bar, list? When you click on each item of the list, it displays information on the right side. Programming wise it was not done as a ...
0
votes
1answer
36 views

How to choose when we need to use “Monthly view” and “Weekly view”

I'm doing a to-do-list app. I was wondering why some app using different view like monthly , weekly view
0
votes
1answer
57 views

What's the best way to illustrate calls and responses on a timeline?

Problem: I have a platform that sends and receives notifications from mobile users. Here's how the process works. Platform user pokes a mobile user. Sometime later the mobile user will respond with ...
0
votes
1answer
80 views

Nested Vertical Scroll vs Accordion

I have this problem. I need to display all of the the following elements (cannot do contextual for lack of resources) as this is an administrative platform for employees only.: Each user license ...
0
votes
1answer
91 views

Progressive disclosure widgets for very long pages [closed]

I'm facing this challenge with my personal portfolio: how to make a long case study more digestible to compensate for too much content that causes a lot of vertical scrolling. Current website ...
0
votes
1answer
67 views

Weekly Report UI form: choice of multi select controls

I am working on a report feature that requires the ability to allow the user to set a frequency for reports to be sent. In this case I am working on the weekly frequency. Currently we are looking at ...
1
vote
1answer
63 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
44 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
118 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
21 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
37 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
45 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
44 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 ...
3
votes
3answers
103 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
157 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
61 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
92 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
164 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
109 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
78 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
88 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
149 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
174 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
98 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
277 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
178 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 ...
-1
votes
2answers
143 views

Best practices for designing a terminal logging experience [closed]

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
133 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
69 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
187 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
69 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
127 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
122 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
169 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
117 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
94 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
82 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
52 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
313 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 ...