Conduct your interface inventory!

Follow Brad's process for creating an interface inventory. Create an empty PowerPoint or Google Slide presentation and gather your team. Go through all of your current digital products, taking screenshots of every element on each page: buttons, menus, forms, footers, etc. Drop them in your presentation and organize into categories.

Once you're finished, share your inventory! We'd love to hear what surprised you and what was expected. Did you know how many different types of buttons you have in your product? What are you looking forward to fixing with your design system? We can't wait to see your work.

Learn more from Brad

Find Brad on his website, Twitter, Instagram, Facebook, and GitHub
Read Brad's book, Atomic Design
Read Brad's blog post on Atomic Design

Brad's resources

CSS Stats
Design Systems: Pilots & Scorecards (pilot project criteria)
Pattern Lab
StyleGuides.io
Design tools: Sketch, Figma, Adobe Xd, Storybook, Pattern Lab

Learn more about design systems

Explore more classes on Skillshare

Digital Design: Creating Design Systems for Easier, Better & Faster Design — Dan Mall
Responsive Web Design: Creating Flexible Websites That Last — Ethan Marcotte
Intro to UX: Fundamentals of Usability — Marieke McCloskey

Noel Ng

--

8