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

🐺 How to create a high impact press page.

Friday, February 14, 2025

͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏

#494: UX and Product Design

Friday, February 14, 2025

Redesigning complex navigation, product design process, UX in legacy systems, UX workshops with users. Issue #494 • Feb 11, 2025 • View in the browser Smashing Newsletter Halò Smashing Friends, How do

Nick Mafi on Capturing LA’s Loss

Friday, February 14, 2025

View in your browser | Update your preferences ADPro 77 Stories Shared As we watched the worst fires in Los Angeles history spread across the city, the editors at AD came together to discuss the

🐺 Content that Converts - the replay is up!

Friday, February 14, 2025

And everyone who joined loved it! ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

Designer or Couple’s Therapist?

Friday, February 14, 2025

View in your browser | Update your preferences ADPro Let's Make a Deal There's no shortage of spoils in the wonderfully eclectic Hudson Valley home of actor Walton Goggins and writer-director

178 / Visualize your dreams in 2025

Wednesday, January 15, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Jan 2025 • Part 1 View in browser Welcome to Issue 178 Ever get curious about how this newsletter is doing? I shared the 2024 behind-the-scenes and

Mayer Rus on Loss, and Living, in LA

Tuesday, January 14, 2025

View in your browser | Update your preferences ADPro LA, I Love You Los Angeles has been my home for nearly 20 years, and the devastation here, now, is unfathomable. Entire neighborhoods have been

🐺 How to make a great first impression

Tuesday, January 14, 2025

With real examples. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#490: Interface Design

Tuesday, January 14, 2025

How to design better interfaces, how to choose icons, optical effects, iconography, Gestalt principles and icon design. Issue #490 • Jan 14, 2025 • View in the browser Smashing Newsletter Buona

🐺LAST CHANCE to get 20%-off our PR Masterclass Series

Monday, January 13, 2025

Make 2025 your biggest press year yet. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏