Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Questions tagged [design-patterns]

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

Filter by
Sorted by
Tagged with
0 votes
1 answer
41 views

Best Examples of User Journey/Interface for Data Catalogues

I am designing a data catalogue for urban data (spatio-temporal data). Data is very varied, has different spatial coverage, collection period/availability, access rights, etc. The aim is to design it ...
user avatar
  • 1
1 vote
0 answers
31 views

What is the repeated, blurred image background called?

I have a card component with a photo. I don't want any portion of photos to be cut off, but this means narrow/vertical photos will have empty space to the sides. I want to use that blur tiling often ...
user avatar
2 votes
3 answers
74 views

Checkbox dirty state

I would like to highlight any changes made to a long list of form checkboxes. That way the user can review all the changes made (whether checked or unchecked) before saving. Are there any examples for ...
user avatar
0 votes
0 answers
60 views

Implementing design system (pattern library) in working complex SAAS product - best way to do it?

CURRENT SITUATION: Developers are using Angular Material library for building a desktop SAAS application. PROBLEM: Solutions are old, UI is inconsistent, various paddings, increasing UX debt, etc. ...
user avatar
0 votes
1 answer
49 views

How to communicate that an item can no longer be deleted

Scenario: Imagine a kanban system and some tickets in it (Like Jira, Trello, etc.) The user can add various information to a ticket, such as assignment, description, checklists, etc. There is a time ...
user avatar
1 vote
0 answers
30 views

Is there a better pattern for 'nested' UI select controls [Users can use THEESE or THIS]

Is there a good UI pattern for this sort of specific select case? There is a search field for labels/tags. The user has 3 options they can select from to refine their search. These options are grouped ...
user avatar
0 votes
4 answers
134 views

How do you find inspiration without copying someone's work [closed]

Say you want to design a mobile app and the like a few stuff about some design choices and decisions on similar apps designed... You'd like that in your app design wouldn't that be copying
user avatar
  • 9
0 votes
3 answers
89 views

Accessibility of Icon Buttons?

I have a challenge: I'm working on a project and I used icon buttons. Someone said icon buttons are not accessible because they don't have labels. ARIA and some HTML techniques can achieve ...
user avatar
0 votes
2 answers
45 views

What's the best way or practice to align the 3 lines at the bottom like the 3 ones at the top

I have too long text that I don't want to shorten or get rid of and it gets returned to the next line (Avis des tous les clients d'Abricibuis.www.Abricibuis.com) What's the best practice to align the ...
user avatar
1 vote
3 answers
61 views

Multiple choice dropdown - when items are selected they are moved to the top of the dropdown

Does anyone know if moving selected choices to the top of the multiple-choice dropdown is a good design pattern? This would prevent users to scroll through a lot of content to preview active fields. ...
user avatar
0 votes
0 answers
50 views

EDIT / RENAME VIEW - what's best approach - keep it together under edit or separate options?

Currently, I design edit flow for saved view (filters that allow being saved under "saved view"). The filter bar consists of 4 dropdowns (multiple and single choice), and radio buttons. The ...
user avatar
0 votes
1 answer
47 views

What would entail hiding the price for some products on Amazon?

I've noticed that when I search on Amazon for a product, there usually will be some results where the price will not be visible until you click on the product and then again click on "See all ...
user avatar
  • 191
0 votes
0 answers
22 views

Design patterns to handle scenarios where there is no response from the user

Most design patterns (used on desktop applications) for communication or passing information to users are based on the assumption that there is some response or reply from the recipient of the message ...
user avatar
  • 25.3k
1 vote
3 answers
190 views

Editing large nested content

I'm looking for a useful editing UX for large, tree-structured content like this: Project 1 - Step 1 - Explanation 1 - Explanation 2: could be long paragraphs, too. - E2.1: Lots of ...
user avatar
  • 63
0 votes
0 answers
20 views

Should buttons' position/placement be standardised across the whole platform?

I know that there have been threads about button placement, however what I'm asking is not a specific case. Rather, I would like to know regardless of contexts, should button placements be ...
user avatar
1 vote
3 answers
106 views

How to handle conditional dropdown lists

My form has two fields. The first one is a dropdown list displaying a list of categories, and the second one is a data list that displays a list of users. The data list options depend on the category ...
user avatar
  • 23
2 votes
1 answer
78 views

How to avoid ambiguous interactions in messaging apps?

One of the very basic and common interaction design patterns in messaging apps (e.g. WhatsApp, LINE, Facebook Messenger) is to provide micro-interactions associated with the message composition and ...
user avatar
  • 25.3k
0 votes
3 answers
69 views

How to indicate a group of required fields and single required fields in the same flow?

I would like to hear your opinion on the matter. We do have a set-up wizard like that. Let's say in step one we do have dropdowns with values from 0 to 10 and 0 being the default value. The user can ...
user avatar
46 votes
9 answers
10k views

Is it good practice to allow users to navigate simply by hovering on a menu item without clicking?

A pattern I have noticed recently on some (desktop) websites is that users can navigate simply by hovering on menu items. While this is more efficient (fewer clicks) it feels unexpected and therefore ...
user avatar
2 votes
1 answer
143 views

What to consider when designing UX for smartwatch and wearables?

I've designed for the desktop, tablet and mobile. But have no experience designing for smartwatches. What are the considerations I should be making when designing for smartwatches? e.g. users can use ...
user avatar
  • 10.5k
0 votes
2 answers
282 views

UX guidelines for placing edit buttons?

I am working on finding the best placement for the edit button for a company website already in existence (used for internal staff & clients). This is a review page after a Client has filled out ...
user avatar
0 votes
1 answer
38 views

Editing information displayed in page header

I have a page header which looks like this example from Ant Design: I need a way to edit the information displayed in the header. Initially I thought of having an Edit button in the header for that ...
user avatar
  • 649
2 votes
1 answer
64 views

What should we call the mouse-over heading link pattern, and where is it best documented?

I want to be able to refer to the UI pattern where each heading / h-tag on the page is automatically turned into an appropriately named link, and hovering on the heading reveals an icon that can be ...
user avatar
  • 121
1 vote
3 answers
117 views

Where should I redirect after filling a "creation" form?

HI hope y'all doing well I have an app where users need to create different items. There's a page that displays all the items created that as a "Create new..." button. The user's path: ...
user avatar
  • 23
2 votes
2 answers
313 views

What is "neo-modern interactive" design?

I was going through a Google tutorial on building UI experiences with Jetpack Compose when I came across an odd aside: Tip: neo-modern interactive is probably a design trend After a web search, I'm ...
user avatar
  • 121
0 votes
1 answer
44 views

Communicating the price on a single service, single price website

Having a pricing page or section that follows conventional pricing table design patterns seems to be a best practice for websites offering different services. If a website offers only a single service ...
user avatar
  • 103
1 vote
1 answer
134 views

UI patterns listed by type of UI design case

Most UI pattern libraries list patterns by UI element - e.g. "footer UI patterns", "scroller UI patterns", "button UI patterns", etc. Do you know a library where patterns ...
user avatar
  • 316
0 votes
2 answers
71 views

design decision behind buttons

What is the design decision behind the buttons 'Open in app' and 'get started'? In the image below we see two buttons or clickable links one has a boundary and another does not. But what thought ...
user avatar
3 votes
2 answers
451 views

What is the name for the design pattern of large numbers to convey statistics?

Usually presented on website homepages, the purpose of this design pattern is to present a quick top-level overview of the company in numbers, aiming to convert visitors by establishing credibility ...
user avatar
0 votes
1 answer
85 views

Is the 'Quick Exit' feature commonly applied to websites with sensitive information?

A developer pointed out this feature that was implemented on a website that I thought really understood the user experience at a high level, and showed that catering for the user experience doesn't ...
user avatar
  • 25.3k
1 vote
1 answer
101 views

How should users be notified of license expiration and of renewal?

This is a two part question. Licence Expiration: When a platform license expires, users are logged out and everyone sees the paywall. How should users be notified that this forced log out is about to ...
user avatar
1 vote
1 answer
139 views

What is this stepped design/component called?

I search for flow builder or sequence but can't seem to find references on google. This is the layout:
user avatar
1 vote
2 answers
121 views

Improve the current UI library or build a new one?

I recently joined a company with a small team but not a startup. I'm working on a CRM SaaS product, which has a few years, but it's not very sophisticated (UX and UI wise). When they started to build ...
user avatar
  • 11
0 votes
1 answer
179 views

Which option is better for read only mode?

I have an Angular application where I have used mat-form fields (Material components) to build the forms. Here I am having a requirement to implement a read only mode. I hope disabling all mat form ...
user avatar
  • 23
0 votes
2 answers
163 views

Is a good user experience to display actions on the top of the screen on the web?

Navigation on the top of the screen is common on the web. To add actions like "Edit", "See details", "Copy" in the navbar is more specific on the desktop. Fluent UI, ...
user avatar
1 vote
2 answers
85 views

How can I concisely present lists in table cells?

I am presenting data in a table. One of the columns will contain list data. The length of the list will generally be around 1-4 entries. These lists will have entries looking like property-comparison-...
user avatar
  • 111
0 votes
1 answer
68 views

How to "swipe right" between two people given information density?

I'm not a UX designer, I'm a programmer. So please be patient with me :) So we're working on a dating app that learns what features a user likes in other people. We're struggling with designing the '...
user avatar
2 votes
0 answers
81 views

Language selector and default language on filter bar [closed]

A user is able to choose supported languages from a language list on our platform. The user is required to set one default language (the system defaults to English). The language dropdown is available ...
user avatar
1 vote
1 answer
113 views

Should user simply be able to upload a PDF?

I'm working on an application where a user can submit an important document that contains information we need from them. The information contains details such as - event name, event location, duration,...
user avatar
  • 1,042
2 votes
1 answer
89 views

How to add item details within a in a multi-step wizard process?

I am working on a project that involves a wizard-type form workflow. In one part of the process, our system will return items we found for the user. The user will then need to provide details about ...
user avatar
0 votes
0 answers
88 views

Is it okay to combine Log-in and Sign-up for passwordless/magic-link logins?

The generally received wisdom online seems to be to keep your log-in and sign-up/register flows separate. The reason being, that they are very similar and it is easy for users to get confused. I plan ...
user avatar
0 votes
1 answer
237 views

Question about Grids and Layouts in UI Design

grids and layouts are something that i've struggled with since starting my design career two years back. I've read books like grid systems and watched several videos and courses but as a UI designer, ...
user avatar
2 votes
1 answer
65 views

Hover on a card with clickable links

I am working on card which has a clickable link/ clickable options but the card itself is not clickable. I want to add a shadow to the card when someone is hovering on/ clicking on the link. I have ...
user avatar
1 vote
3 answers
107 views

Are Collapsible horizontal navigation bars ever used?

There is an ask to have a collapsible horizontal navigation bar. This would be below the main horizontal navigation. This is not standard imo. And poor user experience because it is so uncommon. The ...
user avatar
  • 195
0 votes
1 answer
116 views

Design pattern for collapse but not entirely

I have a bunch of cards in a 2 column layout in my grid. If there are more than 2 items to display I want to show only 2 of them and hide the remaining behind a "Show all" button. What is ...
user avatar
  • 131
3 votes
2 answers
97 views

Product Purchase flow with Add-ons

I have a page where the user can purchase a digital product by itself, in a three pack, or in a five pack. The complicated part is that the user may also purchase add-ons for the products in the pack, ...
user avatar
  • 31
1 vote
2 answers
101 views

How can I make this table in our sales proposals clearer?

The company I work for sends out sales proposals to potential customers. It is common for companies here to outsource Activity. If they do Activity in-house, they can save a lot of money. To do ...
user avatar
  • 111
3 votes
3 answers
190 views

What would be the better option for Grid items in App, Circular buttons or Rounded Rectangular buttons?

Currently I'm designing a mobile application where I need to display various categories for the user to choose and for that I have created two variations. First Option is Item within circular shape ...
user avatar
  • 163
0 votes
3 answers
221 views

Synonyms for Dark Design Patterns

There are many terms interrelated to dark patterns. I feel confused with the following terms: Dark design patterns Dark UX Asshole design Do all of the above mean dark patterns? If not, then what is ...
user avatar
0 votes
2 answers
92 views

Pattern for a one-time action

How to display an action that can only be enabled once? I originally considered a checkbox, but the user wouldn't be able to uncheck it once selected. Another option I think might work would be to ...
user avatar

1
2 3 4 5
19