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.

1
vote
0answers
15 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
72 views

What is youtube's auto-pause from an UX standpoint? [on hold]

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
130 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
43 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
50 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
150 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
87 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 ...
0
votes
1answer
52 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
22 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
207 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
44 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
153 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
81 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
123 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
251 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
59 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
94 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
98 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
81 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
67 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
46 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
124 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
24 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
41 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
47 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
115 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
164 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 ...
56
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
64 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
98 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
165 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
114 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
87 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
170 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 ...
2
votes
3answers
183 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
101 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
308 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
185 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
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
70 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
192 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
72 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
133 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
123 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
192 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, ...