Questions tagged [pattern-library]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
62 views

Dropdown UI Element Names

I'm building a new dropdown, and I want to make the parts modular for ease of customization but having a hard time with names. A popover wraps everything. Inside that popover is a that is the trigger....
1 vote
1 answer
48 views

Adopt or create new design system

Would it be a best practice to recreate a new design library made of only components we used or just use this big library? The team bought a design system library in Figma that is comprehensive but we ...
0 votes
1 answer
705 views

What are the most common screen and browser width/height sizes to handle in order to cover common devices and browsers (i.e. both web and native)?

Question I have a library that I implemented to use in my frontend projects. (Details are not much relevant, but just in case you may wonder, they are provided below in the Background Info section. I'...
1 vote
1 answer
178 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 ...
1 vote
1 answer
68 views

What is the standard for the text alignment for Text Styles in a Design System?

What is the standard for Design System Text Styles alignment? Figma defaults to align top. What are the advantages / disadvantages of using Align Top / Align Center / Align Right when designs get ...
5 votes
4 answers
491 views

What are the overarching strategies or artefacts for improving UX of products

Not sure exactly how to phrase this question, but what would you consider overarching strategies or artefacts for improving UX of products in the long term. These would be maintained within team and ...
7 votes
7 answers
1k views

Document space between components for designers

How are spacial relations between components documented by the big design systems? They only seem to explain how the components look and behave in isolation, not in relation to each other. For ...
7 votes
3 answers
2k views

Pattern Library Software

I've been looking at a recent A List Apart article on creating pattern libraries. They point to a few example pattern libraries: A List Apart Code for America MailChimp Now working in a UX Team ...
1 vote
1 answer
4k views

How is a 'design language' or design system' different from a style guide or pattern library? [duplicate]

Google calls material design their 'design language'. IBM and Airbnb also call what seems like a style guide a design language or design system. What's exactly the difference? From what I see at a ...
2 votes
1 answer
124 views

Product design pattern library [closed]

I'm working internally with a large in-house team to establish an in-house pattern library for just UX designers at this stage. I'm compiling a list of best practice examples that I have shared below. ...
7 votes
2 answers
1k views

What's the best way to present a nested drop down menu but avoid the drop down going off screen?

I'm currently working on a design that originally was using a nested drop down meny like so: But, when a user clicks on the "more" icon of the card furthest to the right, the drop down menu no longer ...
2 votes
3 answers
429 views

Canonical names for GUI design patterns

In communication with colleagues and clients, which authority (website, book, …) should one refer to for canonical names of GUI design patterns (for web pages, mobile apps, desktop applications etc.)? ...