Smart Interface Design Patterns Checklists (Digital)
Every UI component, no matter if it’s an accordion, a hamburger navigation, a data table, or a carousel, brings along its unique challenges. Inventing a new solution to every problem takes time, and very often it’s really not necessary. We can rely on smart design patterns and ask the right questions ahead of time to avoid issues down the line.
Meet Interface Design Patterns Checklists, a deck of 166 cards with common questions to ask when tackling a common interface challenge — carousel, table, date picker, autocomplete, filtering, search, configurator, slider, timeline, map, web forms, testimonials, onboarding, pricing plan, authentication and many others. Created to help us all keep track of the things we need to consider to design better interfaces, faster. Check the preview (PDF, 825KB).
About The Cards
Beautifully designed by our dear illustrator Ricardo Gimenes and jam-packed with everything you need to keep in mind when designing UI components, this set of digital checklist cards is always by your side. They won’t let you down.
🎉 Team Bundle
Do you want to equip your entire team with the card deck? If you plan to purchase 5 or more decks, you’ll get a friendly 15% discount. Just get in touch with us via help@smashingmagazine.com, and we’ll make it happen.
Table of Contents
- Designing For Touch Checklist
- Accordion Checklist
- Navigation Checklist
- Hamburger Menu Checklist
- Filtering Checklist
- Sorting Checklist
- Search Autocomplete Checklist
- Carousels Checklist
- Tables Checklist
- Pricing Plans Checklist
- Sliders Checklist
- Date Pickers Checklist
- Configurators Checklist
- Feature Comparison Checklist
- Timelines Checklist
- Schedule And Calendars Checklist
- Maps Checklist
- Seating Plans Checklist
- Privacy Checklist
- Onboarding Checklist
- Reviews & Testimonials Checklist
- Web Forms Checklist
- Donation Form Checklist
- Authentication Checklist
- Product Page Checklist
- Video Player Checklist
- Disabled Buttons Checklist
- Inline Validation Checklist
- Back Button UX Checklist
- Modals Checklist
- Mega-Dropdowns Checklist
Technical Details
- Formats: PDF (DRM-free)
- Pages: 166
- Language: English
- Released: August 2020
- Publisher: Smashing Media AG
- ISBN (PDF): 978-3-945749-86-9
More Books
Success At Scale
Interface Design Checklists
166 practical cards for common interface design challenges.
Understanding Privacy
How to put your users first and make a better web.
Touch Design for Mobile Interfaces
Want to learn how to improve the design of your mobile digital products? Learn how touchscreen devices really work — and how people really use them.
Image Optimization
Deliver high-quality responsive images in the best format and size, and at the moment your users need them.
TypeScript in 50 Lessons
Everything you need to know about TypeScript, its type system, and all its benefits in 50 lessons.
Click!
A guide to increasing conversion and driving sales sustainably.
The Ethical Design Handbook
A practical guide on ethical design for digital products.
Inclusive Components
Handbook for building robust, accessible interfaces.
Smashing Print
A printed magazine designed to make you think.
Art Direction for the Web
Creating engaging, art-directed experiences on the web.
Smashing Book 6
Exploring new frontiers in front-end and design.
Design Systems
Create effective design systems that empower teams to create great digital products.
Form Design Patterns
Designing and coding inclusive and usable web forms.
User Experience Revolution
Help organizations understand and embrace digital.
White Hat UX
How to avoid dark patterns and improve user experience.
Digital Adaptation
Helping traditional companies embrace and make use of digital.
Inclusive Design Patterns
Creating bulletproof, accessible HTML/CSS components.
Smashing Book #5
Smart responsive design techniques from real projects.
The Sketch Handbook
Everything you need to know to understand and use Sketch.