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

Accessibility Weekly #394: Images as the First Thing in a Button or Link

Monday, April 29, 2024

April 29, 2024 • Issue #394 View this issue online or browse the full issue archive. Featured: Images as the first thing in a button or link "An accessibility problem I encounter regularly is

My product prioritization framework

Sunday, April 28, 2024

Issue 192: How I triage strategy ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Cascade, HTMX, Sponge Furniture, Meaning of Color, Flipbook

Friday, April 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 26 2024 A primer on the cascade and specificity piccalil.

9 Trends From Milan We Can’t Stop Thinking About

Thursday, April 25, 2024

View in your browser | Update your preferences ADPro Even More From Milan Design Week Each year, the design world convenes in Milan—and that applies to us at AD, too. For the third year running, our

Subframe, Attributes vs Properties, Front End Handbook, aspect-ratio, GenAI

Thursday, April 25, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 25 2024 Subframe subframe.com Subframe is a design-to-

Ritmo, Climate Change, Icons & Typefaces, Click Wheel JS, CarPlay

Wednesday, April 24, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 24 2024 Meet Ritmo, Musixmatch's cross-platform

Why Jake Arnold Doesn’t Text Clients

Tuesday, April 23, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

The secret ingredient to media success

Tuesday, April 23, 2024

PR tips from our founder Nora Wolf In this month's edition is all about *the most important* element of successful media outreach—photography. You may have some photos, but if the backgrounds are

#453: Design Systems

Tuesday, April 23, 2024

Design system generator, types of design systems and how to consolidate design systems. Issue #453 • Apr 23, 2024 • View in the browser Smashing Newsletter Buổi tối vui vẻ Smashing Friends, Ah, design

👨‍🏫 Striking Educational Website Designs + 🏆 Challenge Updates

Tuesday, April 23, 2024

Your UpLabs Design Updates Await! Let's Get Going! 🎨 Firstly, let's congratulate Mariana Gameiro, the winner of our latest 👩‍💻 SheCodes Website Redesign Challenge! Congratulations!! Secondly,