How to design almost any UI element.

A curated list of 58 articles 👇

Buttons.

7 Basic Rules for Button Design by @101babich
https://t.co/m7g1MQ1d3m

Button Design
https://t.co/srbgqAOvyV

Cheatsheet for buttons by @tessgadd
https://t.co/4BXUNTEzIw
Text fields.

UI cheat sheet: text fields (Awesome article! 🤩)
https://t.co/92eqmsxJz5

Text fields & Forms design — UI components series
https://t.co/a5OAlsBYYz

The Anatomy of Input Field
https://t.co/BzjdsNLbGp
Checkboxes & Toggles.

Checkbox vs Toggle Switch by @uxplanet
https://t.co/2qwRITZ7xl

Toggle-Switch Guidelines by @NNgroup
https://t.co/ftcHGs20zy

Toggle design patterns from @just_in_mind
https://t.co/jtc0K2esSa

38 Checkbox Designs 😳
https://t.co/xuuGxX4wle
Radio Buttons.

Selection controls — UI component series (AWESOME 🤩)
https://t.co/iYM2TOwJJJ

Radio Buttons UX Design
https://t.co/toIB4ATFsy

Radio button design: easy selection and decision-making
https://t.co/ju5EKVnCCv
Tables.

Design better data tables by @CoyleAndrew (😍)
https://t.co/LkviePrdOS

The Ultimate Guide to Designing Data Tables
https://t.co/trFjRmCPsO

Designing better data tables for enterprise UX
https://t.co/IjBCF2SB3P
Datepickers. (It's a pain 😣)

How to Design a Perfect Date Picker Control?
https://t.co/DMoKDpJ6Ri

Date Picker Design Best Practices
https://t.co/PXcZGQ66Zv

A hunt for the perfect date picker UI
https://t.co/cF41bhB5dn
Sliders.

UNBELIEVABLE article. @smashingmag is a golden resource really.
https://t.co/NoSRmlHN1A

Slider design UI patterns and examples from @just_in_mind
https://t.co/G8ymVAlh6l

Slider Design: Rules of Thumb from NNGroup
https://t.co/0iXm3teB7F
Tabs.

Module Tabs in Web Design: Best Practices and Solutions
https://t.co/hLUpxfTUzf

12 Tabs Design guidelines
https://t.co/HmPNXiNoLV
Dropdowns

UI cheat sheet: dropdown field (Like this one 🥰)
https://t.co/XMF5mE4jjc

Dropdowns: Design Guidelines
https://t.co/wnqYIWvAxF

Drop down list design: the complete guide
https://t.co/gRqNsCawTl
Pagination

Paging, Scrolling, and Infinite Scroll by @uxmatters
https://t.co/M4qLpZHwxV

UX: Infinite Scrolling vs. Pagination by @101babich
https://t.co/AZN4ttXUli

Users' Pagination Preferences and "View All"
https://t.co/h74qKS8emt
Search inputs

Best UX practices for search inputs
https://t.co/g3qOCcYJ5U

Design a Perfect Search Box
https://t.co/O5tt2zIXKq

Site Search Suggestions by @nngroup
https://t.co/ua5Mfvqnk7
Breadcrumbs.

Breadcrumbs: 11 Design Guidelines for Desktop and Mobile
https://t.co/KQs8QvBJiS

Are breadcrumbs still fresh for UX?
https://t.co/Zet4DHNEb6

Breadcrumb examples for inspiration
https://t.co/huUIxvox55
Carousels.

Carousel/slider design best practices (with examples) by @webflow
https://t.co/TQsCzXfb3S

Carousel Usability: Designing an Effective UI for Websites with Content Overload
https://t.co/rv2II2WhM9

Designing a User-Friendly Homepage Carousel
https://t.co/XmNcvJL7jt
Modals.

Best Practices for Designing UI Overlays by @oliverlindberg
https://t.co/WxYMZhG61p

https://t.co/uPVaJ1CLDk from @appcues

Modal & Nonmodal Dialogs: When (& When Not) to Use Them
https://t.co/5GJw7sl3VL

Modal dialogs
https://t.co/TXEnv10keD
Cards.

Card UI design: fundamentals and examples
https://t.co/22QfczOP7O

Simple Design Tips for Crafting Better UI Cards
https://t.co/4oRf8kwvn8

Designing cards
https://t.co/nW1BQamhng
Tooltips.

Tooltip Guidelines
https://t.co/Jct5q7ydeR

Designing Better Tooltips For Mobile User Interfaces
https://t.co/QUwNvDM3NI

Tooltips: your secret weapon for improving feature discovery by @sofiaqt

https://t.co/9XPdAFwR6s
Navigation.

Navigation design: Almost everything you need to know
https://t.co/4NUG9KoLwN

UX Design for Navigation Menu from @Prototypr
https://t.co/d3otgDaTMh

The Fastest Navigation Layout for a Three-Level Menu from @uxmovement
https://t.co/fNwZQzSFrb
Loaders.

Progress Indicators Make a Slow System Less Insufferable
https://t.co/jOmtMPQ8nU

Stop Using A Loading Spinner, There’s Something Better
https://t.co/0O0RBNyX0W

Best Practices For Animated Progress Indicators
https://t.co/lgLY2zJaPm
Forms.

Design Better Forms by @CoyleAndrew (Really good read! 😍)
https://t.co/xJWs2vhuJQ

Form Design: 13 Empirically Backed Best Practices by @iamalexbirkett
https://t.co/7ptPrcUQEq

The UX behind designing better forms by @charmiekapoor
https://t.co/nIV8MfUGLY
If you want to have it as a single list instead of a thread, check out Reddit's first comment:

https://t.co/PeZTG6YaP1
Let me add one more resource:

https://t.co/oFY580zWQd

Once a week, I send a newsletter covering different UI/UX topics. Everything related to user interfaces.

No ads, no spam.

Soon will start a blog there because it's not very convenient to post a lot of info in threads.

More from All

You May Also Like

Recently, the @CNIL issued a decision regarding the GDPR compliance of an unknown French adtech company named "Vectaury". It may seem like small fry, but the decision has potential wide-ranging impacts for Google, the IAB framework, and today's adtech. It's thread time! 👇

It's all in French, but if you're up for it you can read:
• Their blog post (lacks the most interesting details):
https://t.co/PHkDcOT1hy
• Their high-level legal decision: https://t.co/hwpiEvjodt
• The full notification: https://t.co/QQB7rfynha

I've read it so you needn't!

Vectaury was collecting geolocation data in order to create profiles (eg. people who often go to this or that type of shop) so as to power ad targeting. They operate through embedded SDKs and ad bidding, making them invisible to users.

The @CNIL notes that profiling based off of geolocation presents particular risks since it reveals people's movements and habits. As risky, the processing requires consent — this will be the heart of their assessment.

Interesting point: they justify the decision in part because of how many people COULD be targeted in this way (rather than how many have — though they note that too). Because it's on a phone, and many have phones, it is considered large-scale processing no matter what.