Stack Exchange Network

Stack Exchange network consists of 175 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
The results are in! See what nearly 90,000 developers picked as their most loved, dreaded, and desired coding languages and more in the 2019 Developer Survey.

Questions tagged [design-patterns]

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

-1
votes
0answers
15 views
2
votes
5answers
106 views

Why do users misunderstand the recycle bin as archive?

Today I faced yet another user misusing the application's recycle bin as archive. When I offered him to empty it he went angry because he "always did so" and didn't want to lose his mails. The first ...
1
vote
0answers
80 views

Why are design patterns normally not included as part of a design system?

I have seen many front-end development frameworks that are simple a collection of UI components and page layouts to be used by developers to build new applications. However, it should come as no ...
0
votes
1answer
84 views

“Mark as Reviewed” UI pattern advice [on hold]

Designing for an enterprise application wherein the user's primary area of focus is on a tabled list of "notices." The user's task is to look through their notices and evaluate each each one, ...
40
votes
4answers
6k views

Button changing its text & action. Good or terrible?

After the user Registers for an event (he goes to cart and pays, etc.) the next time he visits the page, the event for which he registered now shows a less emphasized Unregister button, which does the ...
0
votes
0answers
30 views

Any idea on why Youtube videos don't follow the natural reading direction with the title? [closed]

I'm writing an assay on designing the layout, and while researching the diagonal layout design pattern (setting the elements to align to left on the top, and to the right on the bottom to properly ...
0
votes
2answers
114 views

Are unclickable tags/chips a good practice?

Title says it all basically. I have to show a trip that contains Title, description and a bunch of random additional info (the tags). The issue lays in those tags they should not be clickable and ...
0
votes
2answers
130 views

Making complex UI easier - User License [on hold]

I have an admin portal for a Staff / Tech Support to check USB Dongle license information and help customers solve problems The client interface is much simpler, but due to legacy data and how the ...
0
votes
1answer
104 views

Icons alignment issue

I'm trying to find out another way to show the big icon (dumbbell) or re-arrange the rows, because the first icon from the third row (the clock) looks a bit strange when it's next to that big dumbbell ...
0
votes
1answer
57 views

Is it more common, or best practice, to design several web pages to fill out user profile data or one page divided into sections? [on hold]

I notice that a site like LinkedIn feels overwhelming and clumsy to me when I'm trying to update my profile. I would guess that LinkedIn would hire some of the best developers in the world, yet it ...
0
votes
1answer
48 views

Dropdown variable picker with sibling and child elements

We are trying to make a dropdown variable picker experience more user-friendly. In the current state, here's how it works. The user sees a Parent database entity that is populated based on a previous ...
1
vote
1answer
47 views

SSO registration different ways to ask for account name

I'm creating a user portal to manage Dongle Licenses with Single Sign-on for a niche 3D Cad software. We have both single users "B2C" and companies "B2B" Business rules cannot change now, such as: ...
0
votes
4answers
180 views

Is there a program that can select a set of 5 to 10 colors based on a few main colors?

Say I want a color scheme to be 'vintage' and I know that, at least to me, that means a lighter sea green and a faded orange color. I know the art students will understand color theory enough to do ...
1
vote
1answer
41 views

Should input fields be used as ready only information?

I have a license that will be transferred from user "James" to someone in my database (this is enterprise application): When I click on the name (it means assigned to) it opens a popup so it goes ...
1
vote
0answers
28 views

Business Software and Policies/Usage Hints

We use business software of all kind (CRM, ERP,...). There are lots of things to remember for fluent usage as keyboard shortcuts, company usage guidelines, colleagues hints, software manuals, internal ...
3
votes
2answers
112 views

What is the least disruptive way to display ads in a mobile application

From this question I have understood popup ads are annoying to the end-user: When is the best time to display ads in phone applications Could you explain how one can generate a little revenue with ...
2
votes
1answer
67 views

Why CRMs have two views - one for companies and one for contacts?

Why these the structure is separated? Why not one search only that when you click on a user it goes to profile page and when you click on the company you go to the company page? or one company ...
1
vote
0answers
39 views

Reasons for the difference in design patterns for mobile to desktop vs. desktop to mobile

I want to follow up on a recent question that related to the WeChat Web experience but expand the scope of the question a little bit further: Is WeChat Web bad for UX? In recent times companies that ...
2
votes
1answer
120 views

What is YouTube's auto-pause from an UX standpoint? [closed]

When I'm listening to music on YouTube after some time, it stops by itself and I was wondering why is that happening? I considered two possibilities but maybe I'm wrong: Dark pattern to make you ...
2
votes
2answers
174 views

Type of screen/UI pattern?

What is the common name for this type of marketplace browsing landing page? I'm looking for inspiration for the UI (and interactions patterns) for this type of screen - a marketplace landing page ...
0
votes
1answer
45 views

HELP tackling huge WCAG 2.0 compliance project! Need advice, please

I need advice on how to tackle a really big project. The project consists of getting the production and future support website WCAG 2.0 complaint - for both mobile and web: Production website: is ...
1
vote
1answer
59 views

How to make license assigment easy to use when technology and resources are limited?

I am building a portal for company users or single license users to manage their account for a 3D CAD application. Due to low resources and lack of information on the project, the architecture was ...
3
votes
3answers
165 views

How to display a user’s score overview when values often tend towards the maximum?

At the end of the day, my users get a score ranging from 0 to 100 depending on how healthy their meals were. 100 being the perfect score, most users following a healthy diet get more than 80 every day....
0
votes
1answer
93 views

Nav Bar or No Nav Bar

I am creating a mobile app that has a flat hierarchical structure. Users will primarily navigate using a slide-out menu (nav drawer). The screens at the top hierarchical level of the app have toogle ...
3
votes
6answers
178 views

Is there a name for this connecting the dot selection pattern?

Is there a name for the pattern of matching two things by using a line to connect them together? This is often used on school tests that try to match a word with its proper definition. Here is an ...
0
votes
0answers
24 views

Signup as first step after app was installed

What are the arguments to ask users to signup before they can use your app? For example in a secret luxury accommodation booking app, once you downloaded the app, you are forced to create an account....
0
votes
4answers
268 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
47 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
220 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 ...
0
votes
1answer
102 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 ...
6
votes
3answers
129 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
271 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
37 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
61 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
125 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
104 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
109 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
80 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
49 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
130 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/...
1
vote
0answers
26 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
44 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
49 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
51 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
165 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
172 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 ...
57
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 ...
0
votes
1answer
116 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
171 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 ...
1
vote
1answer
143 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 ...