Smart Interface Design Patterns Checklists (PDF)

100 checklists with practical examples and questions to ask when designing and building any UI component.
Jam-packed! Interface Design Patterns Checklists PDF View in the browser 💨

Brand new: Interface Design Patterns Checklists by Vitaly Friedman.

Dear Friend,

You won’t forget what matters any more. Meet our new Interface Design Patterns Checklists PDF, a jam-packed deck of 100 cards with everything you need to tackle any UI challenge — from intricate tables to troublesome carousels. Based upon smart design patterns and usability sessions, design iterations and A/B tests. Jump to the details →

A large deck of 100 cards, in a black box with yellow highlights.

$10

Jump to the details → Only 500 copies at this price. Free with interface design workshop.

About The Checklists

Meet the deck of 100 checklist cards with common questions to raise and practical examples to check while dealing with any interface challenge. Created to help us all keep track of all the fine little details to design and build better interfaces, faster.

Useful for designers & front-end developers to discuss everything a component requires before designing or coding. Plus, a good way to not forget anything critical, and avoid mistakes down the line. Check the preview. (PDF, 3MB)

The package also includes 400 slides with practical examples, such as Spotify's carousel.
Everything to keep in mind when designing and building a carousel.
A lil' bonus: 400 slides with practical examples and action points in 16×9.

You’ll get:

  • 100 checklist cards (full details) on everything from carousels to web forms, carefully curated and designed.
  • Practical examples and guidelines for reference.
  • Editable text file to adjust for your needs.
  • Access to the evergreen deck, updated regularly.
  • Check the preview PDF and interface examples.

And if you’d like to dive into design patterns live, attend our upcoming online workshops on Smart Interface Design Patterns, 2020 Edition, where we’ll explore 100s of practical examples over 5×2.5h live sessions.

A lovely dark package with two cards resting next to it.

Get the PDF deck → Available for free with Vitaly’s 5×2.5h online workshop on
Smart Interface Design Patterns.

Thank You!

As always, Smashing Members get the deck for free, with a friendly discount for the online workshop. We’d love to welcome you in the friendly Smashing Family. Meow! ;-)

A sincere thank you for your kind, ongoing support, patience and generosity — for being smashing, now and ever. ❤️

Vitaly and The Smashing Family
Email:
https://www.smashingmagazine.com

Such emails are sent out at most once a month. Your data is always safe, and your support really helps us pay the bills. ❤️

unsubscribe update preferences view in your browser

Older messages

Smashing Newsletter #260: Disabled Buttons, CORS, JavaScript

Tuesday, August 4, 2020

With CORS, disabled buttons, JavaScript, community links and a dash of CSS. Issue #260 • Tue, Aug 4, 2020 • View in the browser 💨 Smashing Newsletter Dear Friend, What an incredible community we have!

Let’s Make The Best Out Of This Year.

Tuesday, July 28, 2020

Meet our new online workshops and SmashingConf Live with Aarron Walter, Susan Weinschenk, Yiying Lu, Umar Hansa and Vitaly Friedman. With interactive exercises and a friendly Q&A. Brand new: online

Smashing Newsletter #259: State of CSS/JS, “Back” Button UX, SVG

Tuesday, July 21, 2020

With SVG patterns, machine learning, hosting providers, type specimens and front-end online workshops.Issue #259 • Tue, July 21, 2020 • View in the browser 💨 Smashing Newsletter Dear Friend, Last week,

Smashing Newsletter #258: Custom Dropdowns, CSS, Performance and Building Tools

Tuesday, July 7, 2020

With custom dropdowns, front-end build tools, CSS, performance monitoring and high contrast mode.Issue #258 • Tue, July 7, 2020 • View in the browser 💨 Smashing Newsletter Dear Friend, No project comes

New Online Workshops on Front-End & UX. The Smashing Way.

Tuesday, June 30, 2020

Boost your skills on design systems, psychology, eCommerce, security and JAMStack. Our new online workshops on front-end and UX, the smashing way. With interactive exercises and a friendly Q&A.

You Might Also Like

Conviction in a copycat league

Sunday, January 12, 2025

Issue 228: Holding beliefs in a world of emulation ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

🐺If they can get press, so can you.

Friday, January 10, 2025

Calling all product businesses and designers. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

🐺Are you overwhelmed when it comes to PR?

Friday, January 10, 2025

do this. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#489: Web Performance

Tuesday, January 7, 2025

Instant navigation, Web Almanac 2024, INP debugging, font-face fallbacks and compression dictionaries. Issue #489 • Jan 7, 2025 • View in the browser Smashing Newsletter Hello Smashing Friends, Web

The Beautiful House That Made Mayer Rus Anxious—At First

Tuesday, January 7, 2025

View in your browser | Update your preferences ADPro Concrete Box Supreme I confess, I was a bit intimidated by the prospect of writing about the work of architect Tadao Ando for the first time in my

New Updates and a Sneak Peek into 2025

Tuesday, January 7, 2025

Both our email builder and website builder are getting significant upgrades to enhance your experience.͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌

🐺Get ready to get press in 2025!

Tuesday, January 7, 2025

Since you asked, we extended the sale! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Accessibility Weekly #430: FTC Orders AccessiBe to Pay $1M

Monday, January 6, 2025

January 6, 2025 • Issue #430 View this issue online or browse the full issue archive. Featured: FTC orders AI accessibility startup AccessiBe to pay $1M for misleading advertising "The US Federal

Getting ready for 2025

Sunday, January 5, 2025

Issue 227: Key focuses in the new year ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Want to Scale Your Firm in 2025? Start Here

Thursday, January 2, 2025

View in your browser | Update your preferences ADPro Build Your Best Team Yet A new calendar year presents an opportunity to wipe the slate clean, and your approach, whether slapdash or carefully