Filter UX Design Patterns & Best Practices - Pencil & Paper
Filtering best practices for enterprise and how to make filtering interactions both intuitive and powerful.
Belajar UI
What is Pagination in UX Design?
Pagination is a UI design pattern that splits content across multiple pages. Learn how you can use it to improve user experience.
Typography Guide in User Interface Design
When designing a user interface, whether it’s for a website or mobile application, designers aim to give careful consideration to every…
Design better alerts
Alert design best practices and examples
Data Design Principles: Hierarchy
How do you use hierarchy in data visualization effectively and why is it so important? Read all about it today.
Typography guide for UI Design part 3: Selecting the right typefaces
Hi, and welcome to the Typography Guide for UI Designers. I'm going to share the basic knowledge of typography for UI design and ideas on how you can practice your skills in typography.
A design perspective on the new (and frustrating) Formula One TV graphics
How being mindful of minute details can significantly improve the heuristic experience for viewers.
Form design best practices
Learn how to improve the design of digital forms
Design better pagination
Pagination UI best practices and complex considerations
side-by-sides of Evernote's massive redesign | Ridd Design
I find studying before/after designs is a great way to improve my visual skillsSo here are some side-by-sides of Evernote's massive redesignSome UI elements that jumped out to me 👇 pic.twitter.com/OoUvCUn5dj— Ridd 🤿 (@ridd_design) January 30, 2024
side-by-sides of Evernote's massive redesign
Designing Chunky Little Buttons - MDS
Use Loom to record quick videos of your screen and cam. Explain anything clearly and easily – and skip the meeting. An essential tool for hybrid workplaces.
T. Costa on X: "It’s probably obvious at this point that I’m a big fan of dark mode 🌒, but let's talk readability in the shadows. Full black backgrounds are sleek, but they can be a high-contrast eye test when you're trying to absorb info. (1/7) https://t.co/kMaaUJZJPZ" / X
It’s probably obvious at this point that I’m a big fan of dark mode 🌒, but let's talk readability in the shadows. Full black backgrounds are sleek, but they can be a high-contrast eye test when you're trying to absorb info. (1/7) pic.twitter.com/kMaaUJZJPZ— T. Costa (@tcosta_co) January 30, 2024
readability in the shadows
UI/UX Design Curriculum
A guide to self learning UI/UX design by Tega Emma-Okerhe✌🏾
Navigation patterns in mobile applications. How to make the right choice?
Navigation is the heart of any mobile application. The success of an application may depend on how intuitive, efficient, and user-friendly…
Why Visual Design Matters
Visual Design often doesn't receive the respect it deserves among other disciplines such as UX, Development, and so on.
I have faced situations like:
Devs have already started the development based on UX. Just spend a few hours adding colours, please.
We do not need visual design. Our devs are
Text fields & Forms design — UI components series
Simple rules that will help you design forms users will like to complete
Colours
Colour and Accessibility
Understanding Accessibility
User Interface Typography
Design Full-Time
Loading & progress indicators — UI Components series
Engage users and enhance waiting experiences with these simple recommendations.
How to create a color ramp used in design systems
Whether you’re a brand designer putting the finishing touches on a color palette or a product designer laying the foundational work for a…
Sheet, dialog, or snackbar — what should a designer go for?
Identifying established patterns in the market.
Design to save people from themselves
How software can prevent people from making mistakes, causing permanent damage, or bringing about the collapse of democracy.
Your Website Owes You Money
How to make your site generate more leads, increase revenue, and save on engineering. These are the best design principles to follow when creating a web system instead of a website. Brought to you by one of the world's best product studios.
Road to being a better designer🤌
🗺️ Learning Board
Designing Filters That Work: Best Practices and Guidelines — Smashing Magazine
Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why.
Naming Layers - Design good practices
Guidelines to naming conventions, components structure and document organization.
Naming
Organization - Design good practices
Guidelines to naming conventions, components structure and document organization.
Organization
Atomic Design v2.0
Revisiting the Atomic Design Method for Design Systems