A Playlist for Learning Design
Recently, I've been doing a lot of training, consulting and teaching people how to get better at product design. A while ago, I even got a chance to become a visiting lecturer of UX & product design at my former university. While I still believe nothing beats craft and spending enough hours on projects (even side projects) and getting enough feedback from other designers, users and clients to actually get good, I compiled this list of tutorials, books and courses that I used to get me where I am right now and recommend to everyone who wants to up their game.
Since some of these things here are classics (like Bringhurst's “Elements of Typographic Style”), some will be expanded and some are in the constant state of flux (like prototyping tools and front-end stuff), the plan is to expand and maintain this list as I go. Check the last updated date below to know if you're getting the fresh version.
I also run a Product Design Mastermind group where we discuss design, product, career, culture and other daily design problems. If you want to be a part of it, hit me up
Last updated: 9 February 2023 (cleanup, added Figma & more Research resources)
Special thanks: Graham Tyler Wong 👏 who had the entire thing saved in Evernote and saved me from a hosting mess-up that made me lose all the content here
Design process
- Guide to UX design process and documentation
- Design strategy — UX methods & deliverables
- The UX book
- Lean UX
- Stanford’s d.school methods of design
- Universal methods of design
- Working with scenarios
- Introduction to storyboards in UX
- Intel's UX How-to with Luke Wroblewski
- Design Thinking Handbook
- SuperHi's Introduction to User Experience Design
- 5 Steps to a Hypothesis-Driven Design Process, from Invision
Tools
Sketch
- Sketch Crash Course
- Design + Code Sketch Course
- Sketch course on Udemy
- Sketch basics on Treehouse
- Sketch Together
Figma
PenPot
Patterns & best practices
Information architecture
Handling stakeholders
- Designing with your clients
- Design is a job
- Articulating design decisions
- You’re my favorite client
- Design leadership handbook
Personas
- A closer look at UX personas
- Design personas tutorial from MailChimp director of UX, Aarron Walter
- Design personas
- The Persona Lifecycle
Designing & managing products
- RICE method for prioritizing features
- Principles of product design
- Competing against luck
- Atlassian's Team Plays: Workshops and exercises for team alignment
Design principles
- Dieter Rams principles of good product design
- Principles of good design
- d.mindsets - principles for designing using the d.school method school of thinking
- Universal Principles of Design
- Konigi User Interface guidelines library
Working with guidelines, style guides, and design systems
- Creating style guides
- Creating a killer style guide
- Apple iOS Human Interface Guidelines
- Google Material Design language
- Design Systems newsletter
- Creating a Design Systems Language
- Styleguides.io: 466 examples of style guides and design systems
Research
Design sprints
Crafting a value proposition
- How to create a value proposition
- Value Proposition Canvas method
- Achieving a product/market fit
- Value proposition design
Emotional design
- Don Norman on design & emotion
- Designing for Emotion
- Well designed
- Emotional design: Why we love and hate everyday products
- Design techniques to incite user emotion
- The personality layer
Content strategy
Graphic design & branding
- Creative workshop: 80 challenges to sharpen your design skills
- Steal like an artist
- Logo design love
- BrandSimple
Designing animation
Typography
- Five simple steps to better typography
- Butterick’s Practical Typography
- Flawless Typography Checklist by Typewolf
- Better Web Typography for a Better Web
- Typography for Lawyers
- On web typography
- Thinking with type
- The elements of typographic style
Front-end development
HTML / CSS
- HTML5 for web designers
- CSS3 for web designers
- MDN CSS getting started guide
- MDN HTML getting started guide
- Codecademy HTML/CSS
- SuperHi's Foundation HTML, CSS & JavaScript
- Introduction to Sass
- Sass for web designers
- The Sass Way
JavaScript
- Basics of JavaScript
- JavaScript for Web Designers
- JavaScript for Designers
- JavaScript: The good parts
- Egghead.io JavaScript Courses
- Codecademy JavaScript
- A re-introduction to JavaScript
- Human JavaScript
- Eloquent JavaScript
- Superhero.js
- JavaScript: The Right Way
- Learn ES6
- Learn ES6 by doing it - ES6 Katas
- Replace CoffeeScript with ECMAscript 6
- Codecademy: React.js 101
- React for Beginners
- ES6 for Everyone
Responsive web design
General knowledge
- Writing maintainable front-end systems
- Object-oriented CSS
- Scalable and modular architecture for CSS (SMACSS)
- Functional programming, CSS and your sanity
- Using OOCSS principles in Sass
- BEM: Block, Element Modifier
- Functional programming, CSS and your sanity
iOS
Psychology, economics, behavior
- How to win friends and influence people
- Hooked: How to build habit-forming products
- Blink: The power of thinking without thinking
- Thinking fast and slow
- The subtle art of not giving a f*ck
- Liminal thinking
Podcasts
- Spec.fm, a network of design & development podcasts
- Rocketship.fm
- 99% Invisible
- Design Matters with Debbie Millman
- You are not so smart
Entrepreneurship & startups
- The hard thing about hard things
- Burn your portfolio
- Art, Inc.
- Traction: Startup guide to getting customers
- The lean startup
- Zero to one
- Creativity for sale
- Doing the right things right
- Lean analytics: Using data to build better products faster