Track Awesome Product Design Updates Weekly

A collection of bookmarks, resources, articles for product designers.

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 ttt30ga/awesome-product-design · ⭐ 2.2K · 🏷️ Miscellaneous

[ Daily / Weekly / Overview ]

Mar 18 - Mar 24, 2024

Methods / Decision Making

• Untools - Thinking tools and frameworks to help you solve problems, make decisions and understand systems.

Methods / Research Plan

• Branding5 - Make a brand positioning as a basis for your designs.

Mar 13 - Mar 19, 2023

Colors / Storyboard

• Atmos - Everything you need to create color palettes

• Branition Colors - Hand-curated collection of color palettes best fitted for branding.

Jan 17 - Jan 23, 2022

Articles / Storyboard

• UX Booth - The UX Booth is a publication by and for the user experience community.

Aug 02 - Aug 08, 2021

Methods / Stakeholder Interviews

• Boxes and Arrows - Cheat Sheet For Interviewing Stakeholders.

Methods / Research Synthesis

• UX Movement - How to Turn User Research into Usable Data.

Methods / Storyboard

• UX Magazine - Storyboarding in the Software Design Process.

• UX Lady - Experience maps, user journeys and more.

Articles / Storyboard

• Coglode - Bite-size behavioral research analysis.

• UX Magazine - UX Magazine is a free community resource exploring all facets of experience design.

• UX Mastery - We help user experience professionals get started and get better.

• UX Myths - Build your product based on evidence, not false beliefs.

• 52 Weeks of UX - Discourse on the process of designing for real people.

• The IxD Library - Collection of materials related to Interaction Design.

• Information Design - InfoDesign Hand-picked since 1997.

• UX Reactions - Fun stuff.

• The 12 Principles - The 12 basic principles of animation were developed by the ‘old men’ of Walt Disney Studios.

• Microinteractions - Designing with Details.

• Medium - Accessibility for designers. Mind your RGBs.

• IoT Weekly News - Subscribe to hand picked articles by Justin Grammens on the Internet of Things.

• IoT Agenda - Design an IoT user experience, not an IoT product.

Testing / Storyboard

• Desinion - Make smart and informed design decisions for your company, or your client's company.

Guidelines / Storyboard

• The UX Bookmark - Collection of the best UX websites from across the globe.

• Medial Lab Amsterdam - Design method toolkit.

• Design Kit IDEO - Step-by-step guide to unleashing your creativity.

• Gamestorming - Gamestorming is a set of co-creation tools used by innovators around the world.

• Ant Design - An UI design language for enterprise applications.

• Facebook Design - Collection of articles, videos, and resources made by designers at Facebook.

• Vinsol - Tips for Designers: from a Developer.

Tools / Storyboard

• UX Recipe - This project is a personal manifesto against the objectification of the term "UX".

• UX Checklist - UX Project Checklist.

• Pattern Lab - Create atomic design systems with Pattern Lab.

• Figma Bootstrap 5 UI Kit - UI Kit comprising 300+ organized Bootstrap 5 components built with atomic design system & auto layout.

• Sketch Bootstrap 5 UI Kit - UI Kit comprising 300+ organized Bootstrap 5 components built with atomic design system & smart layout.

• Polarr - Photo Editor.

• Licecap - Simple animated screen captures.

• Keynotopia - Keynotopia transforms Keynote and PowerPoint into the best rapid prototyping tools for creating mobile, web and desktop UI mockups.

• WAVE - Web Accessibility Evaluation Tool.

• Contrast Ratio - A tool to calculate the contrast ratio between any two valid CSS colors.

• Node RED - Low-based programming for the Internet of Things.

Inspiration / Storyboard

• Call To Idea - Light up your imagination!.

• Android Niceties - Aiming to provide inspiration and insight into Android UI conventions.

• Lovely UI - Collection of mobile UI elements.

• Brian Lovin - Visual exploration of the best products.

• Inspired UI - iOS Mobile Apps Design Patterns.

• Sloppy UI - It's all about intellectual honesty, not trolling.

Resources / Storyboard

• Design Principles FTW - The biggest collection of Design Principles on the Internet.

Icons / Storyboard

• We Love Icon Font - This is a free & open source icon fonts hosting service.

Font Foundries / Storyboard

• Open Foundry - New platform for open-source fonts in a noise-free environment.

• Use & Modify - Provide a contemporary set of fonts distributed under libre or open source licences, hand picked by a typography and free culture lover.

• Font Fabric - Fontfabric is an independent type foundry.

• Identyfont - Identify a font by answering questions about key features.

Colors / Storyboard

• Colour Lovers - Creative community.

• Color Hunt - Color Hunt is a social platform for everyone who love colors.

• Brand Colors - 1100+ color collection available in sass, less, stylus and css.

Stock Images / Storyboard

• Jay Mantry - Free pics (CC0).

• Get Refe - Royalty-free, high-quality, Real Life photos.

• ISO Republic - ISO Republic provides free stock photos for creative professionals.

• All The Free Stock - Get all the Free Stock Images, Videos, Music and Icons in one location.

Softwares / Storyboard

• Origami Studio - Explore, iterate, and test your ideas.

Writing / Storyboard

• Hemingway - Hemingway App makes your writing bold and clear.

• The Writer - How readable is your writing?.

Jun 03 - Jun 09, 2019

Typography / Storyboard

• NN Group - Typography Terms Cheat Sheet.

May 20 - May 26, 2019

Stock Images / Storyboard

• unDraw - Open-source illustrations for every project you can imagine and create.

May 13 - May 19, 2019

Softwares / Storyboard

• ProtoPie - ProtoPie is the easiest prototyping tool to build advanced, highly interactive prototypes.

Mar 04 - Mar 10, 2019

Methods / Research Plan

• Interaction Design - One Page User Research Plan.

Methods / Competitive Analysis

• Hootsuite - Competitive Analysis Template To Help You Outsmart The Competition.

Testing / Storyboard

• Optimal Workshop - User Research Platform that helps you and your team make design decisions with confidence.

Guidelines / Storyboard

• Methods 18F - Collection of tools to bring human-centered design into your project.

Articles / Storyboard

• A List Apart - List Apart explores the design, development, and meaning of web content.

Tools / Storyboard

• Huge - Tool to make creating and maintaining styleguides easy.

Resources / Storyboard

• Awesome Design Systems (⭐17k) - Curated list of design systems, patterns libraries, and everything in between.

• Awesome Sketch (⭐732) - Curated list of awesome Sketch videos, articles, plugins, whatever, for designers, developers, or neither.

Softwares / Storyboard

• Framer - All-in-one design workflow.

Dec 11 - Dec 17, 2017

Writing / Storyboard

• Taskade - Collaborative editor and outliner.

Oct 23 - Oct 29, 2017

Methods / Research Plan

• Smashing Magazine - The UX Research Plan That Stakeholders Love.

• NN Group - Project Management for User Research: The Plan.

Methods / User Interview

• NN Group - Despite many weaknesses, interviews are a valuable method for exploratory user research.

• UXDesign.cc - How to Get the Most Out of User Interviews.

Methods / Stakeholder Interviews

• UX Apprentice - Stakeholder Interview Template.

• Interaction Design - Preparing for UX Stakeholder Interviews.

Methods / Research Synthesis

• SlideShare - Design Research Synthesis.

• Medium - Using Trello for User Research Synthesis.

• Tuts+ - How to Prepare and Use an Affinity Diagram.

• Medium - Affinity Diagrams: Tips and Tricks.

Methods / Competitive Analysis

• Xtensio - How To: Create A Competitive Analysis.

Methods / Job to be Done

• Intercom - Designing features using Job Stories.

• JTBD - Replacing The User Story With The Job Story.

Methods / Personas

• Usability.Gov - The purpose of personas is to create reliable and realistic representations of your key audience.

• UX Mag - Personas: The Foundation of a Great User Experience.

• Tuts+ - Defining And Applying Personas to UX Design.

Methods / Empathy Map

• UX Pin - The Practical Guide to Empathy Maps: 10-Minute User Personas.

• Boagworld - Adapting empathy maps for UX design.

Methods / Storyboard

• Medium - Storyboarding in UX Design.

• NN Group - When and How to Create Customer Journey Maps.

• Smashing Magazine - All You Need To Know About Customer Journey Mapping.

• Medium - How to build an experience map.

Articles / Storyboard

• Smashing Magazine - The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool.

• UX Pin - Guides, articles and ebooks that explore all facets of UX Design.

• LukeW - Publications on the critical details and big picture behind digital product design.

• NN Group - Evidence-Based User Experience Research, Training, and Consulting.

• Intercom - Design, Customer Success, & Startup Blog.

• UXDesign.cc - User Experience, Usability, Product Design. Follow the UXDesign.cc.

• Hoverstat - The home of alternative digital design.

• Motion UI Design (⭐803) - Resources for inspiration, lists of software, libraries and other stuff related to Motion UI design, animations and transitions.

• Gov.Uk - Making your service accessible: an introduction.

• Smashing Magazine - Color Contrast And Why You Should Rethink It.

• Web Credible - Visual design and color accessibility.

• A List Apart - Easy Color Contrast Testing.

• IoT For All - Designing the Internet of Things – 5 Key Principles.

Testing / Storyboard

• User Testing - Unlock customer insights and increase your revenue.

• Measure Success - How Do You Measure the Success (or Failure) - of Your UX Design?.

• Lookback - Simple, powerful user research.

• Full Story - What do you want to know about your customer experience?.

• Survey Monkey - Turn instincts into insights.

• Etnio - Intercept Real People for User Research.

Guidelines / Storyboard

• Gov.Uk - Helping government teams create and run great digital services.

• Guides 18F - 18F Guides is the repository for best practices across our teams.

• Usability.Gov - Improving the User Experience.

• iOS Guidelines - Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

• Google Material - Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.

• Google Design - Google Design is a cooperative effort led by a group of designers, writers, and developers at Google.

• UsTwo - Pixel Perfect Precision Handbook 3.

Tools / Storyboard

• UX Stackexchange - UX Stack Exchange is a question and answer site.

• Hand Brake - HandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.

• Lottie - Easily add high-quality animation to any native app.

• Snook - Colour Contrast Check.

Inspiration / Storyboard

• Pttrns - The mother of all design resources.

Icons / Storyboard

• Use Iconic - Meet Iconic. The definitive icon set designed for the modern web.

• Icon Finder - Search through 1,739,045 icons or browse 42,226 icon sets.

• The Noun Project - Icons for everything.

• Iconmonstr - Discover 3847+ free simple icons in 263 collections.

Font Foundries / Storyboard

• Font Squirrel - Free Font Utopia.

• Play Type - Browse through our selection of more than a hundred fonts and nearly 500 different font weights.

Colors / Storyboard

• Coolors - The super fast color schemes generator!.

Stock Images / Storyboard

• Unsplash - Free (do whatever you want) - high-resolution photos.

• StockSnap - Hundreds of high resolution images added weekly.

• Pixbay - Free images and videos you can use anywhere.

• Pexels - Free stock images in a range of styles including filtered, natural, and commercial.

Stock Videos / Storyboard

• Vimeo - Royalty Free Stock Video for Free Personal, Corporate or Commercial Use.

Softwares / Storyboard

• Pop - POP helps you transform your pen and paper ideas into an interactive iPhone or Android prototype.

• Invision - The world's leading prototyping, collaboration & workflow platform.

• Marvel - Simple design, prototyping and collaboration.

• Flinto - Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.

• Proto - Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required.

Writing / Storyboard

• Google trends - Stories trending now.

• Google Ngram - Enter phrases into the Google Books Ngram Viewer, it displays a graph showing how those phrases have occurred in a corpus of books.

• Readable - You have 7 seconds to grab someone's attention. Readable.io helps you cut out the noise.

Data / Storyboard

• London Datastore - The London Datastore is a free and open data-sharing portal.

• YouGov - We believe in the power of participation.

• Data.Gov - Find data published by government departments and agencies, public bodies and local authorities.

• The Tate Collection (⭐506) - Here we present the metadata for around 70,000 artworks.

• NASA - We're Setting Data, Code and APIs free.