Awesome Product Design

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

Digital product design is an iterative design process to solve a functional problem with a formal solution. A digital product designer identifies a real problem, offers the best possible solution, and launch it to a market that is showing demand for that particular solution.

Feel free to add something interesting by pull request.

Contents

• Research
• UX
• UI
• Visual
• Prototype
• Accessibility
• Writing
• Data
• IoT

Research

Methods

Decision Making

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

Research Plan

• Smashing Magazine - The UX Research Plan That Stakeholders Love.
• NN Group - Project Management for User Research: The Plan.
• Interaction Design - One Page User Research Plan.
• Branding5 - Make a brand positioning as a basis for your designs.

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.

Stakeholder Interviews

• Boxes and Arrows - Cheat Sheet For Interviewing Stakeholders.
• UX Apprentice - Stakeholder Interview Template.
• Interaction Design - Preparing for UX Stakeholder Interviews.

Research Synthesis

• UX Movement - How to Turn User Research into Usable Data.
• 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.

Competitive Analysis

• Xtensio - How To: Create A Competitive Analysis.
• Hootsuite - Competitive Analysis Template To Help You Outsmart The Competition.

Job to be Done

• Intercom - Designing features using Job Stories.
• JTBD - Replacing The User Story With The Job Story.

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.

Empathy Map

• UX Pin - The Practical Guide to Empathy Maps: 10-Minute User Personas.
• Boagworld - Adapting empathy maps for UX design.

Storyboard

• UX Magazine - Storyboarding in the Software Design Process.
• Medium - Storyboarding in UX Design.
• NN Group - When and How to Create Customer Journey Maps.
• UX Lady - Experience maps, user journeys and more.
• Smashing Magazine - All You Need To Know About Customer Journey Mapping.
• Medium - How to build an experience map.

Articles

• Smashing Magazine - The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool.
• Coglode - Bite-size behavioral research analysis.

Testing

• User Testing - Unlock customer insights and increase your revenue.
• Optimal Workshop - User Research Platform that helps you and your team make design decisions with confidence.
• 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?.
• Desinion - Make smart and informed design decisions for your company, or your client's company.
• Survey Monkey - Turn instincts into insights.
• Etnio - Intercept Real People for User Research.

UX

Guidelines

• The UX Bookmark - Collection of the best UX websites from across the globe.
• Gov.Uk - Helping government teams create and run great digital services.
• Methods 18F - Collection of tools to bring human-centered design into your project.
• Guides 18F - 18F Guides is the repository for best practices across our teams.
• Usability.Gov - Improving the User Experience.
• 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.

Articles

• UX Magazine - UX Magazine is a free community resource exploring all facets of experience design.
• UX Booth - The UX Booth is a publication by and for the user experience community.
• UX Mastery - We help user experience professionals get started and get better.
• UX Myths - Build your product based on evidence, not false beliefs.
• A List Apart - List Apart explores the design, development, and meaning of web content.
• 52 Weeks of UX - Discourse on the process of designing for real people.
• UX Pin - Guides, articles and ebooks that explore all facets of UX Design.
• The IxD Library - Collection of materials related to Interaction Design.
• LukeW - Publications on the critical details and big picture behind digital product design.
• NN Group - Evidence-Based User Experience Research, Training, and Consulting.
• Information Design - InfoDesign Hand-picked since 1997.
• Intercom - Design, Customer Success, & Startup Blog.
• UXDesign.cc - User Experience, Usability, Product Design. Follow the UXDesign.cc.
• UX Reactions - Fun stuff.

Tools

• UX Recipe - This project is a personal manifesto against the objectification of the term "UX".
• UX Checklist - UX Project Checklist.
• UX Stackexchange - UX Stack Exchange is a question and answer site.

UI

Guidelines

• Ant Design - An UI design language for enterprise applications.
• 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.
• Facebook Design - Collection of articles, videos, and resources made by designers at Facebook.
• UsTwo - Pixel Perfect Precision Handbook 3.
• Vinsol - Tips for Designers: from a Developer.

Inspiration

• Pttrns - The mother of all design resources.
• 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.

Tools

• Pattern Lab - Create atomic design systems with Pattern Lab.
• Huge - Tool to make creating and maintaining styleguides easy.
• 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.

Visual

Resources

• Design Principles FTW - The biggest collection of Design Principles on the Internet.
• Awesome Design Systems - Curated list of design systems, patterns libraries, and everything in between.
• Awesome Sketch - Curated list of awesome Sketch videos, articles, plugins, whatever, for designers, developers, or neither.

Icons

• 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.
• We Love Icon Font - This is a free & open source icon fonts hosting service.
• The Noun Project - Icons for everything.
• Iconmonstr - Discover 3847+ free simple icons in 263 collections.

Font Foundries

• 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.
• Font Squirrel - Free Font Utopia.
• Play Type - Browse through our selection of more than a hundred fonts and nearly 500 different font weights.
• Identyfont - Identify a font by answering questions about key features.

Typography

• NN Group - Typography Terms Cheat Sheet.

Colors

• Coolors - The super fast color schemes generator!.
• 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.
• Atmos - Everything you need to create color palettes
• Branition Colors - Hand-curated collection of color palettes best fitted for branding.

Stock Images

• 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.
• 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.
• Pexels - Free stock images in a range of styles including filtered, natural, and commercial.
• unDraw - Open-source illustrations for every project you can imagine and create.

Stock Videos

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

Tools

• Polarr - Photo Editor.
• Licecap - Simple animated screen captures.
• Hand Brake - HandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.

Prototype

Articles

• The 12 Principles - The 12 basic principles of animation were developed by the ‘old men’ of Walt Disney Studios.
• Hoverstat - The home of alternative digital design.
• Microinteractions - Designing with Details.
• Motion UI Design - Resources for inspiration, lists of software, libraries and other stuff related to Motion UI design, animations and transitions.

Softwares

• 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.
• [Origami