Product Design
This is a mirrored zone from the ttt30ga/awesome-product-design repository. Part of the Awesome list collection.
Contents_Index
- DECISION MAKING1
- RESEARCH PLAN4
- USER INTERVIEW2
- STAKEHOLDER INTERVIEWS3
- RESEARCH SYNTHESIS5
- COMPETITIVE ANALYSIS2
- JOB TO BE DONE2
- PERSONAS3
- EMPATHY MAP2
- STORYBOARD6
- ARTICLES2
- TESTING8
- GUIDELINES8
- ARTICLES14
- TOOLS3
- GUIDELINES6
- INSPIRATION6
- TOOLS4
- RESOURCES3
- ICONS4
- FONT FOUNDRIES5
- TYPOGRAPHY1
- COLORS5
- STOCK IMAGES9
- STOCK VIDEOS1
- TOOLS3
- ARTICLES4
- SOFTWARES8
- TOOLS2
- ARTICLES5
- TOOLS3
- WRITING6
- DATA5
Decision Making
1_ENTRIES- Untools
Thinking tools and frameworks to help you solve problems, make decisions and understand systems.
Research Plan
4_ENTRIES- 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
2_ENTRIES- 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
3_ENTRIES- Boxes and Arrows
Cheat Sheet For Interviewing Stakeholders.
- UX Apprentice
Stakeholder Interview Template.
- Interaction Design
Preparing for UX Stakeholder Interviews.
Research Synthesis
5_ENTRIES- 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
2_ENTRIESJob to be Done
2_ENTRIESPersonas
3_ENTRIES- 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
2_ENTRIESStoryboard
6_ENTRIES- 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
2_ENTRIES- Smashing Magazine
The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool.
- Coglode
Bite-size behavioral research analysis.
Testing
8_ENTRIES- 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.
Guidelines
8_ENTRIES- 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
14_ENTRIES- 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
3_ENTRIES- 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.
Guidelines
6_ENTRIES- 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.
Inspiration
6_ENTRIES- 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.
- Sloppy UI
It's all about intellectual honesty, not trolling.
Tools
4_ENTRIES- 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.
Resources
3_ENTRIES- 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
4_ENTRIES- 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
5_ENTRIES- 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.
Typography
1_ENTRIES- NN Group
Typography Terms Cheat Sheet.
Colors
5_ENTRIES- Coolors
The super fast color schemes generator!.
- Colour Lovers
Creative community.
- Color Hunt
Color Hunt is a social platform for everyone who love colors.
- Atmos
Everything you need to create color palettes
- Branition Colors
Hand-curated collection of color palettes best fitted for branding.
Stock Images
9_ENTRIES- 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
1_ENTRIES- Vimeo
Royalty Free Stock Video for Free Personal, Corporate or Commercial Use.
Tools
3_ENTRIES- 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.
Articles
4_ENTRIES- 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
8_ENTRIES- 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 Studio
Explore, iterate, and test your ideas.
- Framer
All-in-one design workflow.
- Proto
Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required.
- ProtoPie
ProtoPie is the easiest prototyping tool to build advanced, highly interactive prototypes.
Tools
2_ENTRIES- Lottie
Easily add high-quality animation to any native app.
- Keynotopia
Keynotopia transforms Keynote and PowerPoint into the best rapid prototyping tools for creating mobile, web and desktop UI mockups.
Articles
5_ENTRIES- Gov.Uk
Making your service accessible: an introduction.
- Smashing Magazine
Color Contrast And Why You Should Rethink It.
- Medium
Accessibility for designers. Mind your RGBs.
- Web Credible
Visual design and color accessibility.
- A List Apart
Easy Color Contrast Testing.
Tools
3_ENTRIES- WAVE
Web Accessibility Evaluation Tool.
- Contrast Ratio
A tool to calculate the contrast ratio between any two valid CSS colors.
- Snook
Colour Contrast Check.
Writing
6_ENTRIES- 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.
- Hemingway
Hemingway App makes your writing bold and clear.
- Readable
You have 7 seconds to grab someone's attention. Readable.io helps you cut out the noise.
- The Writer
How readable is your writing?.
- Taskade
Collaborative editor and outliner.
Data
5_ENTRIES- 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
Here we present the metadata for around 70,000 artworks.
- NASA
We're Setting Data, Code and APIs free.