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

Questions tagged [design-patterns]

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

0
votes
1answer
24 views

Change main screen/section of product depending on user progression with product

Is it possible to create a product where the main section (where users land after login) changes depending on the progresses made by the users with the product? I'm currently working on a career ...
0
votes
1answer
80 views

Why YouTube doesn't show a “Confirmation Dialog” while deleting comments? [closed]

I've been noticing this for a long time and it always bothers me! Why do they not show a Confirmation Dialog while deleting users' own comment? I mean, it would surely help the users to prevent ...
2
votes
2answers
260 views

What is the best color to differentiate male and female?

In my app, when a user doesn't provide his / her avatar, I would like to display a colorful circle with the capitalized first character of his / her name. Let us assume, that if an avatar (face ...
0
votes
1answer
55 views

Save Search in session or database

I have a table with records. The user can search the table using a Search Dialog. Due to our design constraints, I cannot have the Search criterias as part of a sidebar. Main Screen: Search Dialog (...
1
vote
4answers
136 views

Is it okay to use both nav drawer and bottom nav in home screen of an android app?

I am developing app, my home screen looks like below (using both navdrawer and bottom nav simultaneously) I used bottom nav, because I wanted to give user the easy access to the higher level ...
0
votes
1answer
68 views

Reusable named colors list to use across all mobile apps?

I'm trying to define a (map? / protocol?) for the mobile apps colors between the mobile developer (I represent) and the UI designer, to easily use it in our apps and to achieve consistency among all ...
1
vote
1answer
52 views

How to identify design system or design language used by app or website [closed]

Have few doubts. I'm new to UX, how to identify which design system is used by app / website, can we judge by looking into its UI. Can i design my own design system for my app and website - for this ...
4
votes
6answers
292 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 ...
8
votes
1answer
212 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 ...
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
2answers
149 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
150 views

Making complex UI easier - User License [closed]

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
119 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? [closed]

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
2answers
87 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
66 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
204 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
44 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
29 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
114 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
68 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
46 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
122 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
183 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
61 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
166 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
97 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
182 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
355 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
48 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
313 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
133 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
282 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
38 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
75 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
158 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
110 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
126 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
88 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
51 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
135 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
28 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 ...
4
votes
1answer
190 views

What is differences between primary actions and secondary actions for checkbox?

While reading about lists in material design, I could not understand what Primary and Secondary actions refer to for checkboxes. I could not find any information about it. What is the difference ...
1
vote
1answer
46 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
53 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
261 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 ...