├── images
├── pdb.sketch
├── pdb_image.jpg
└── pdb_img.svg
├── contributing.md
└── README.md
/images/pdb.sketch:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/awesome-product-design/master/images/pdb.sketch
--------------------------------------------------------------------------------
/images/pdb_image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/awesome-product-design/master/images/pdb_image.jpg
--------------------------------------------------------------------------------
/contributing.md:
--------------------------------------------------------------------------------
1 | # Contribution Guidelines
2 |
3 | Ensure your pull request adheres to the following guidelines:
4 |
5 | - Only submit something unique and generally useful.
6 | - Search previous suggestions before making a new one.
7 | - Make an individual pull request for each suggestion.
8 | - Use the following format: `[package](link): Description.`
9 | - Additions should be added to the bottom of the relevant category.
10 | - Keep descriptions short and simple.
11 | - Start the description with a capital.
12 | - Check your spelling and grammar.
13 | - Make sure your text editor is set to remove trailing whitespace.
14 | - New categories or improvements to the existing categorization are welcome.
15 |
16 | Thank you for your suggestion! :metal:
17 |
--------------------------------------------------------------------------------
/images/pdb_img.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Awesome Product Design [](https://awesome.re)
2 |
3 |
4 |
5 |
6 |
7 | > A collection of bookmarks, resources, articles for product designers.
8 |
9 | [Digital product design](https://en.wikipedia.org/wiki/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.
10 |
11 | Feel free to [add something interesting](contributing.md) by pull request.
12 |
13 | ## Contents
14 | - [Research](#research)
15 | - [UX](#ux)
16 | - [UI](#ui)
17 | - [Visual](#visual)
18 | - [Prototype](#prototype)
19 | - [Accessibility](#accessibility)
20 | - [Writing](#writing)
21 | - [Data](#data)
22 | - [IoT](#iot)
23 |
24 | ## Research
25 | #### Methods
26 | ###### Research Plan
27 | - [Smashing Magazine](https://www.smashingmagazine.com/2012/01/ux-research-plan-stakeholders-love/) - The UX Research Plan That Stakeholders Love.
28 | - [NN Group](https://www.nngroup.com/articles/pm-research-plan/) - Project Management for User Research: The Plan.
29 | - [Interaction Design](https://www.interaction-design.org/literature/article/a-one-page-user-research-plan) - One Page User Research Plan.
30 | ###### User Interview
31 | - [NN Group](https://www.nngroup.com/articles/interviewing-users/) - Despite many weaknesses, interviews are a valuable method for exploratory user research.
32 | - [UXDesign.cc](https://uxdesign.cc/how-to-get-the-most-out-of-user-interviews-c5d0cd4499b5) - How to Get the Most Out of User Interviews.
33 | ###### Stakeholder Interviews
34 | - [Boxes and Arrows](http://boxesandarrows.com/a-stakeholder-interview-checklist/) - Cheat Sheet For Interviewing Stakeholders.
35 | - [UX Apprentice](https://www.uxapprentice.com/resources/stakeholder-interview-template/) - Stakeholder Interview Template.
36 | - [Interaction Design](https://www.interaction-design.org/literature/article/preparing-for-ux-stakeholder-interviews) - Preparing for UX Stakeholder Interviews.
37 | ###### Research Synthesis
38 | - [UX Movement](http://uxmovement.com/thinking/how-to-turn-user-research-into-usable-data/) - How to Turn User Research into Usable Data.
39 | - [SlideShare](https://www.slideshare.net/HJKwon3/design-research-synthesis) - Design Research Synthesis.
40 | - [Medium](https://medium.com/product-labs/using-trello-for-user-research-synthesis-fb1abdfc7c4b) - Using Trello for User Research Synthesis.
41 | - [Tuts+](https://webdesign.tutsplus.com/tutorials/how-to-prepare-and-use-an-affinity-diagram--cms-28388) - How to Prepare and Use an Affinity Diagram.
42 | - [Medium](https://medium.com/learning-ux/affinity-diagrams-tips-and-tricks-6225e8c1f0df) - Affinity Diagrams: Tips and Tricks.
43 | ###### Competitive Analysis
44 | - [Xtensio](https://xtensio.com/how-to-create-a-competitive-analysis/) - How To: Create A Competitive Analysis.
45 | - [Hootsuite](https://blog.hootsuite.com/the-ultimate-competitive-analysis-template/) - Competitive Analysis Template To Help You Outsmart The Competition.
46 | ###### Job to be Done
47 | - [Intercom](https://blog.intercom.com/using-job-stories-design-features-ui-ux/) - Designing features using Job Stories.
48 | - [JTBD](https://jtbd.info/replacing-the-user-story-with-the-job-story-af7cdee10c27) - Replacing The User Story With The Job Story.
49 | ###### Personas
50 | - [Usability.Gov](https://www.usability.gov/how-to-and-tools/methods/personas.html) - The purpose of personas is to create reliable and realistic representations of your key audience.
51 | - [UX Mag](https://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience) - Personas: The Foundation of a Great User Experience.
52 | - [Tuts+](https://webdesign.tutsplus.com/articles/defining-and-applying-personas-to-ux-design--webdesign-7561) - Defining And Applying Personas to UX Design.
53 | ###### Empathy Map
54 | - [UX Pin](https://www.uxpin.com/studio/blog/the-practical-guide-to-empathy-maps-creating-a-10-minute-persona/) - The Practical Guide to Empathy Maps: 10-Minute User Personas.
55 | - [Boagworld](https://boagworld.com/usability/adapting-empathy-maps-for-ux-design/) - Adapting empathy maps for UX design.
56 | ###### Storyboard
57 | - [UX Magazine](http://uxmag.com/articles/storyboarding-in-the-software-design-process) - Storyboarding in the Software Design Process.
58 | - [Medium](https://uxplanet.org/storyboarding-in-ux-design-b9d2e18e5fab) - Storyboarding in UX Design.
59 | - [Johnny Holland](http://johnnyholland.org/2011/10/storyboarding-ux-part-1-an-introduction/) - Storyboarding & UX.
60 | - [NN Group](https://www.nngroup.com/articles/customer-journey-mapping/) - When and How to Create Customer Journey Maps.
61 | - [UX Lady](http://www.ux-lady.com/experience-maps-user-journey-and-more-exp-map-layout/) - Experience maps, user journeys and more.
62 | - [Smashing Magazine](https://www.smashingmagazine.com/2015/01/all-about-customer-journey-mapping/) - All You Need To Know About Customer Journey Mapping.
63 | - [Medium](https://medium.com/@wnialloconnor/how-to-build-an-experience-map-5e55b7ee4f32) - How to build an experience map.
64 | #### Articles
65 | - [Smashing Magazine](https://www.smashingmagazine.com/2013/04/rainbow-spreadsheet-collaborative-ux-research-tool/) - The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool.
66 | - [Coglode](http://coglode.com/) - Bite-size behavioral research analysis.
67 | #### Testing
68 | - [User Testing](https://www.usertesting.com/) - Unlock customer insights and increase your revenue.
69 | - [Optimal Workshop](https://www.optimalworkshop.com/) - User Research Platform that helps you and your team make design decisions with confidence.
70 | - [Measure Success](https://www.sitepoint.com/how-do-you-measure-the-success-or-failure-of-your-ux-design/) - How Do You Measure the Success (or Failure) - of Your UX Design?.
71 | - [UX Metrix](http://www.dtelepathy.com/ux-metrics/#intro) - How to Choose the Right UX Metrics for Your Product.
72 | - [Lookback](https://lookback.io/) - Simple, powerful user research.
73 | - [Appsee](https://www.appsee.com/) - Appsee's app analytics platform provides an in-depth analysis of your users' behavior.
74 | - [Full Story](https://www.fullstory.com/) - What do you want to know about your customer experience?.
75 | - [Desinion](http://www.desinion.com/) - Make smart and informed design decisions for your company, or your client's company.
76 | - [Survey Monkey](https://www.surveymonkey.com/) - Turn instincts into insights.
77 | - [Google Surveys](https://www.google.com/analytics/surveys/#?modal_active=none) - Make better decisions with market research.
78 | - [Typefrom](https://www.typeform.com/) - Goodbye forms. Hello typeforms.
79 | - [Etnio](https://ethn.io/) - Intercept Real People for User Research.
80 | - [Calendly](https://calendly.com/) - Calendly helps you schedule meetings without the back-and-forth emails.
81 |
82 | ## UX
83 | #### Guidelines
84 | - [The UX Bookmark](http://www.theuxbookmark.com/) - Collection of the best UX websites from across the globe.
85 | - [Gov.Uk](https://www.gov.uk/service-manual/) - Helping government teams create and run great digital services.
86 | - [Methods 18F](https://methods.18f.gov/) - Collection of tools to bring human-centered design into your project.
87 | - [Guides 18F](https://guides.18f.gov/) - 18F Guides is the repository for best practices across our teams.
88 | - [Usability.Gov](https://www.usability.gov/) - Improving the User Experience.
89 | - [Medial Lab Amsterdam](http://medialabamsterdam.com/toolkit/) - Design method toolkit.
90 | - [Design Kit IDEO](http://www.designkit.org/methods) - Step-by-step guide to unleashing your creativity.
91 | - [Gamestorming](http://gamestorming.com/) - Gamestorming is a set of co-creation tools used by innovators around the world.
92 | #### Articles
93 | - [UX Magazine](http://uxmag.com/) - UX Magazine is a free community resource exploring all facets of experience design.
94 | - [UX Both](http://www.uxbooth.com/) - The UX Booth is a publication by and for the user experience community.
95 | - [UX Mastery](http://uxmastery.com/) - We help user experience professionals get started and get better.
96 | - [UX Myths](http://uxmyths.com/) - Build your product based on evidence, not false beliefs.
97 | - [A List Apart](https://alistapart.com/) - List Apart explores the design, development, and meaning of web content.
98 | - [52 Weeks of UX](http://52weeksofux.com/) - Discourse on the process of designing for real people.
99 | - [UX Pin](https://www.uxpin.com/studio/) - Guides, articles and ebooks that explore all facets of UX Design.
100 | - [The IxD Library](http://theixdlibrary.com/) - Collection of materials related to Interaction Design.
101 | - [LukeW](https://www.lukew.com/ff) - Publications on the critical details and big picture behind digital product design.
102 | - [NN Group](https://www.nngroup.com/articles/) - Evidence-Based User Experience Research, Training, and Consulting.
103 | - [Cooper](https://www.cooper.com/journal/) - Blog about design, business, and the world we live in.
104 | - [Information Design](http://www.informationdesign.org/) - InfoDesign Hand-picked since 1997.
105 | - [Intercom](https://blog.intercom.com/) - Design, Customer Success, & Startup Blog.
106 | - [UXDesign.cc](https://uxdesign.cc/) - User Experience, Usability, Product Design. Follow the UXDesign.cc.
107 | - [UX Reactions](http://uxreactions.com/) - Fun stuff.
108 | #### Tools
109 | - [UX Recipe](http://uxrecipe.github.io/) - This project is a personal manifesto against the objectification of the term "UX".
110 | - [UX Checklist](http://uxchecklist.github.io/) - UX Project Checklist.
111 | - [UX Stackexchange](https://ux.stackexchange.com/) - UX Stack Exchange is a question and answer site.
112 |
113 | ## UI
114 | #### Guidelines
115 | - [Ant Design](http://ant.design) - An UI design language for enterprise applications.
116 | - [iOS Guidelines](https://developer.apple.com/design/) - Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
117 | - [Google Material](https://material.io/) - Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
118 | - [Google Design](https://design.google.com/) - Google Design is a cooperative effort led by a group of designers, writers, and developers at Google.
119 | - [Facebook Design](http://facebook.design/) - Collection of articles, videos, and resources made by designers at Facebook.
120 | - [UsTwo](https://ustwo.com/blog/the-ustwo-pixel-perfect-precision-handbook-3/) - Pixel Perfect Precision Handbook 3.
121 | - [Vinsol](http://vinsol.com/blog/2014/11/20/tips-for-designers-from-a-developer/) - Tips for Designers: from a Developer.
122 | #### Inspiration
123 | - [Pttrns](https://pttrns.com/) - The mother of all design resources.
124 | - [Call To Idea](http://www.calltoidea.com/) - Light up your imagination!.
125 | - [Android Niceties](http://androidniceties.tumblr.com/) - Aiming to provide inspiration and insight into Android UI conventions.
126 | - [Lovely UI](http://www.lovelyui.com/) - Collection of mobile UI elements.
127 | - [Brian Lovin](http://www.brianlovin.com/) - Visual exploration of the best products.
128 | - [Inspired UI](http://inspired-ui.com/) - iOS Mobile Apps Design Patterns.
129 | - [Sloppy UI](http://sloppyui.tumblr.com/) - It's all about intellectual honesty, not trolling.
130 | #### Tools
131 | - [Pattern Lab](http://patternlab.io/) - Create atomic design systems with Pattern Lab.
132 | - [Huge](https://hugeinc.github.io/styleguide/index.html) - Tool to make creating and maintaining styleguides easy.
133 | - [Stylify Me](http://stylifyme.com/) - This tool allows the designer to research sites efficiently without the need to inspect each element.
134 | - [Density Bucket](http://density.brdrck.me/) - Density Converter.
135 | - [iDetailAid](http://labs.rampinteractive.co.uk/android_dp_px_calculator/) - Android DP / PX converter.
136 |
137 | ## Visual
138 | #### Resources
139 | - [Design Principles FTW](http://www.designprinciplesftw.com/) - The biggest collection of Design Principles on the Internet.
140 | - [Find Guidelines](http://findguidelin.es/) - The fastest way to brand assets.
141 | - [Style Guides](http://styleguides.io/) - Website Style Guide Resources.
142 | - [Awesome Design Systems](https://github.com/alexpate/awesome-design-systems) - Curated list of design systems, patterns libraries, and everything in between.
143 | - [Instant Logo Search](http://instantlogosearch.com/) - Search & download thousands of logos instantly.
144 | - [Logo Book](http://www.logobook.com/) - Discover the worlds finest logos, symbols & trademarks.
145 | - [Awesome Sketch](https://github.com/diessica/awesome-sketch) - Curated list of awesome Sketch videos, articles, plugins, whatever, for designers, developers, or neither.
146 | #### Icons
147 | - [Use Iconic](https://useiconic.com/) - Meet Iconic. The definitive icon set designed for the modern web.
148 | - [Icon Finder](https://www.iconfinder.com/) - Search through 1,739,045 icons or browse 42,226 icon sets.
149 | - [We Love Icon Font](http://weloveiconfonts.com/) - This is a free & open source icon fonts hosting service.
150 | - [The Noun Project](https://thenounproject.com/) - Icons for everything.
151 | - [Iconmonstr](https://iconmonstr.com/) - Discover 3847+ free simple icons in 263 collections.
152 | #### Font Foundries
153 | - [Open Foundry](http://open-foundry.com/) - New platform for open-source fonts in a noise-free environment.
154 | - [Use & Modify](http://usemodify.com/) - Provide a contemporary set of fonts distributed under libre or open source licences, hand picked by a typography and free culture lover.
155 | - [Font Fabric](http://www.fontfabric.com/) - Fontfabric is an independent type foundry.
156 | - [Font Squirrel](https://www.fontsquirrel.com/) - Free Font Utopia.
157 | - [Play Type](https://playtype.com/) - Browse through our selection of more than a hundred fonts and nearly 500 different font weights.
158 | - [Identyfont](http://www.identifont.com/index.html) - Identify a font by answering questions about key features.
159 | #### Typography
160 | - [NN Group](https://www.nngroup.com/articles/typography-terms-ux/) - Typography Terms Cheat Sheet.
161 | #### Colors
162 | - [Coolors](https://coolors.co/) - The super fast color schemes generator!.
163 | - [Colour Lovers](http://www.colourlovers.com/) - Creative community.
164 | - [Color Hunt](http://colorhunt.co/) - Color Hunt is a social platform for everyone who love colors.
165 | - [Brand Colors](http://brand-colors.com/) - 1100+ color collection available in sass, less, stylus and css.
166 | #### Stock Images
167 | - [Unsplash](https://unsplash.com/) - Free (do whatever you want) - high-resolution photos.
168 | - [StockSnap](https://stocksnap.io/) - Hundreds of high resolution images added weekly.
169 | - [Pixbay](https://pixabay.com/) - Free images and videos you can use anywhere.
170 | - [Jay Mantry](http://jaymantri.com/) - Free pics (CC0).
171 | - [The Stock](http://thestocks.im/) - The best royalty free stock photos are delivered now along with videos, audios, icons, fonts and colors.
172 | - [Get Refe](http://getrefe.tumblr.com/) - Royalty-free, high-quality, Real Life photos.
173 | - [ISO Republic](http://isorepublic.com/) - ISO Republic provides free stock photos for creative professionals.
174 | - [All The Free Stock](http://allthefreestock.com/) - Get all the Free Stock Images, Videos, Music and Icons in one location.
175 | - [Pexels](https://www.pexels.com) - Free stock images in a range of styles including filtered, natural, and commercial.
176 | - [unDraw](https://undraw.co) - Open-source illustrations for every project you can imagine and create.
177 | #### Stock Videos
178 | - [Vimeo](https://vimeo.com/channels/freestockfootage/) - Royalty Free Stock Video for Free Personal, Corporate or Commercial Use.
179 | #### Tools
180 | - [Pattern Lab](http://patternlab.io/) - Create atomic design systems with Pattern Lab.
181 | - [Polar](https://photoeditor.polarr.co/) - Photo Editor.
182 | - [Licecap](http://www.cockos.com/licecap/) - Simple animated screen captures.
183 | - [Hand Brake](https://handbrake.fr/) - HandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.
184 | - [Skala Color](https://bjango.com/mac/skalacolor/) - Extraordinary color picker for designers and developers.
185 | - [Font Picker](http://www.fontpicker.io/) - Webfont library for your browser.
186 | - [Font Reach](http://www.fontreach.com/) - FontReach scans the top million sites to show font usage across the web.
187 |
188 | ## Prototype
189 | #### Articles
190 | - [The 12 Principles](http://the12principles.tumblr.com/) - The 12 basic principles of animation were developed by the ‘old men’ of Walt Disney Studios.
191 | - [Hoverstat](https://hoverstat.es/) - The home of alternative digital design.
192 | - [Microinteractions](http://microinteractions.com/) - Designing with Details.
193 | - [Motion UI Design](https://github.com/fliptheweb/motion-ui-design) - Resources for inspiration, lists of software, libraries and other stuff related to Motion UI design, animations and transitions.
194 | #### Softwares
195 | - [Pop](https://marvelapp.com/pop/) - POP helps you transform your pen and paper ideas into an interactive iPhone or Android prototype.
196 | - [Invision](https://www.invisionapp.com/) - The world's leading prototyping, collaboration & workflow platform.
197 | - [Marvel](https://marvelapp.com/) - Simple design, prototyping and collaboration.
198 | - [Flinto](https://www.flinto.com/) - Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.
199 | - [Origami Studio](http://origami.design/) - Explore, iterate, and test your ideas.
200 | - [Framer](https://framer.com/) - All-in-one design workflow.
201 | - [Form](http://relativewave.com/form/) - Build and customize native prototypes directly on device.
202 | - [Proto](https://proto.io/) - Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required.
203 | - [Fuse](https://www.fusetools.com/) - Create better native apps for iOS and Android with a new breed of development tools.
204 | - [ProtoPie](https://www.protopie.io) - ProtoPie is the easiest prototyping tool to build advanced, highly interactive prototypes.
205 |
206 | #### Tools
207 | - [Lottie](https://airbnb.design/lottie/) - Easily add high-quality animation to any native app.
208 | - [Keynotopia](http://keynotopia.com/) - Keynotopia transforms Keynote and PowerPoint into the best rapid prototyping tools for creating mobile, web and desktop UI mockups.
209 |
210 | ## Accessibility
211 | #### Articles
212 | - [Gov.Uk](https://www.gov.uk/service-manual/helping-people-to-use-your-service/making-your-service-accessible-an-introduction) - Making your service accessible: an introduction.
213 | - [Smashing Magazine](https://www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/) - Color Contrast And Why You Should Rethink It.
214 | - [Medium](https://medium.com/@GarronEngstrom/accessibility-101-56f87f3d726e) - Accessibility for designers. Mind your RGB’s.
215 | - [Web Credible](https://www.webcredible.com/blog/visual-design-and-colour-accessibility/) - Visual design and color accessibility.
216 | - [A List Apart](https://alistapart.com/blog/post/easy-color-contrast-testing) - Easy Color Contrast Testing.
217 | - [Viget](https://www.viget.com/articles/color-contrast) - Color Contrast for Better Readability.
218 | #### Tools
219 | - [WAVE](http://wave.webaim.org/) - Web Accessibility Evaluation Tool.
220 | - [Contrast Ratio](http://6220119.github.io/contrast-ratio/#/black-on-white) - A tool to calculate the contrast ratio between any two valid CSS colors.
221 | - [Snook](https://snook.ca/technical/colour_contrast/colour.html#fg=515A5F,bg=FFFFFF) - Colour Contrast Check.
222 | - [CanvasFlip](https://www.canvasflip.com/color-blind.php) - Colorblind simulator for Designers.
223 |
224 | ## Writing
225 | - [Google trends](https://trends.google.com/trends/) - Stories trending now.
226 | - [Google Ngram](https://books.google.com/ngrams/) - Enter phrases into the Google Books Ngram Viewer, it displays a graph showing how those phrases have occurred in a corpus of books.
227 | - [Hemingway](http://www.hemingwayapp.com/) - Hemingway App makes your writing bold and clear.
228 | - [Readable](https://readable.io/) - You have 7 seconds to grab someone's attention. Readable.io helps you cut out the noise.
229 | - [The Writer](http://www.thewriter.com/what-we-think/readability-checker/) - How readable is your writing?.
230 | - [Taskade](https://www.taskade.com/) - Collaborative editor and outliner.
231 |
232 | ## Data
233 | - [London Datastore](https://data.london.gov.uk/) - The London Datastore is a free and open data-sharing portal.
234 | - [YouGov](https://yougov.com/) - We believe in the power of participation.
235 | - [Data.Gov](https://data.gov.uk/) - Find data published by government departments and agencies, public bodies and local authorities.
236 | - [The Tate Collection](https://github.com/tategallery/collection) - Here we present the metadata for around 70,000 artworks.
237 | - [NASA](https://open.nasa.gov/open-data/) - We're Setting Data, Code and APIs free.
238 |
239 | ## IoT
240 | #### Articles
241 | - [IoT Manifesto](https://www.iotmanifesto.com/) - Guidelines for responsible design in a connected world.
242 | - [IoT Weekly News](http://iotweeklynews.com/) - Subscribe to hand picked articles by Justin Grammens on the Internet of Things.
243 | - [IoT Agenda](http://internetofthingsagenda.techtarget.com/feature/Design-an-IoT-user-experience-not-an-IoT-product) - Design an IoT user experience, not an IoT product.
244 | - [IoT For All](https://iot-for-all.com/designing-the-internet-of-things/) - Designing the Internet of Things – 5 Key Principles.
245 | #### Tools
246 | - [Node RED](http://nodered.org/) - Flow-based programming for the Internet of Things.
247 | - [Noodl](http://www.getnoodl.com/) - Digital Experience Design Platform.
248 |
249 | ## License
250 | [](https://creativecommons.org/publicdomain/zero/1.0/)
251 |
--------------------------------------------------------------------------------
5 |
6 |
7 | > A collection of bookmarks, resources, articles for product designers.
8 |
9 | [Digital product design](https://en.wikipedia.org/wiki/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.
10 |
11 | Feel free to [add something interesting](contributing.md) by pull request.
12 |
13 | ## Contents
14 | - [Research](#research)
15 | - [UX](#ux)
16 | - [UI](#ui)
17 | - [Visual](#visual)
18 | - [Prototype](#prototype)
19 | - [Accessibility](#accessibility)
20 | - [Writing](#writing)
21 | - [Data](#data)
22 | - [IoT](#iot)
23 |
24 | ## Research
25 | #### Methods
26 | ###### Research Plan
27 | - [Smashing Magazine](https://www.smashingmagazine.com/2012/01/ux-research-plan-stakeholders-love/) - The UX Research Plan That Stakeholders Love.
28 | - [NN Group](https://www.nngroup.com/articles/pm-research-plan/) - Project Management for User Research: The Plan.
29 | - [Interaction Design](https://www.interaction-design.org/literature/article/a-one-page-user-research-plan) - One Page User Research Plan.
30 | ###### User Interview
31 | - [NN Group](https://www.nngroup.com/articles/interviewing-users/) - Despite many weaknesses, interviews are a valuable method for exploratory user research.
32 | - [UXDesign.cc](https://uxdesign.cc/how-to-get-the-most-out-of-user-interviews-c5d0cd4499b5) - How to Get the Most Out of User Interviews.
33 | ###### Stakeholder Interviews
34 | - [Boxes and Arrows](http://boxesandarrows.com/a-stakeholder-interview-checklist/) - Cheat Sheet For Interviewing Stakeholders.
35 | - [UX Apprentice](https://www.uxapprentice.com/resources/stakeholder-interview-template/) - Stakeholder Interview Template.
36 | - [Interaction Design](https://www.interaction-design.org/literature/article/preparing-for-ux-stakeholder-interviews) - Preparing for UX Stakeholder Interviews.
37 | ###### Research Synthesis
38 | - [UX Movement](http://uxmovement.com/thinking/how-to-turn-user-research-into-usable-data/) - How to Turn User Research into Usable Data.
39 | - [SlideShare](https://www.slideshare.net/HJKwon3/design-research-synthesis) - Design Research Synthesis.
40 | - [Medium](https://medium.com/product-labs/using-trello-for-user-research-synthesis-fb1abdfc7c4b) - Using Trello for User Research Synthesis.
41 | - [Tuts+](https://webdesign.tutsplus.com/tutorials/how-to-prepare-and-use-an-affinity-diagram--cms-28388) - How to Prepare and Use an Affinity Diagram.
42 | - [Medium](https://medium.com/learning-ux/affinity-diagrams-tips-and-tricks-6225e8c1f0df) - Affinity Diagrams: Tips and Tricks.
43 | ###### Competitive Analysis
44 | - [Xtensio](https://xtensio.com/how-to-create-a-competitive-analysis/) - How To: Create A Competitive Analysis.
45 | - [Hootsuite](https://blog.hootsuite.com/the-ultimate-competitive-analysis-template/) - Competitive Analysis Template To Help You Outsmart The Competition.
46 | ###### Job to be Done
47 | - [Intercom](https://blog.intercom.com/using-job-stories-design-features-ui-ux/) - Designing features using Job Stories.
48 | - [JTBD](https://jtbd.info/replacing-the-user-story-with-the-job-story-af7cdee10c27) - Replacing The User Story With The Job Story.
49 | ###### Personas
50 | - [Usability.Gov](https://www.usability.gov/how-to-and-tools/methods/personas.html) - The purpose of personas is to create reliable and realistic representations of your key audience.
51 | - [UX Mag](https://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience) - Personas: The Foundation of a Great User Experience.
52 | - [Tuts+](https://webdesign.tutsplus.com/articles/defining-and-applying-personas-to-ux-design--webdesign-7561) - Defining And Applying Personas to UX Design.
53 | ###### Empathy Map
54 | - [UX Pin](https://www.uxpin.com/studio/blog/the-practical-guide-to-empathy-maps-creating-a-10-minute-persona/) - The Practical Guide to Empathy Maps: 10-Minute User Personas.
55 | - [Boagworld](https://boagworld.com/usability/adapting-empathy-maps-for-ux-design/) - Adapting empathy maps for UX design.
56 | ###### Storyboard
57 | - [UX Magazine](http://uxmag.com/articles/storyboarding-in-the-software-design-process) - Storyboarding in the Software Design Process.
58 | - [Medium](https://uxplanet.org/storyboarding-in-ux-design-b9d2e18e5fab) - Storyboarding in UX Design.
59 | - [Johnny Holland](http://johnnyholland.org/2011/10/storyboarding-ux-part-1-an-introduction/) - Storyboarding & UX.
60 | - [NN Group](https://www.nngroup.com/articles/customer-journey-mapping/) - When and How to Create Customer Journey Maps.
61 | - [UX Lady](http://www.ux-lady.com/experience-maps-user-journey-and-more-exp-map-layout/) - Experience maps, user journeys and more.
62 | - [Smashing Magazine](https://www.smashingmagazine.com/2015/01/all-about-customer-journey-mapping/) - All You Need To Know About Customer Journey Mapping.
63 | - [Medium](https://medium.com/@wnialloconnor/how-to-build-an-experience-map-5e55b7ee4f32) - How to build an experience map.
64 | #### Articles
65 | - [Smashing Magazine](https://www.smashingmagazine.com/2013/04/rainbow-spreadsheet-collaborative-ux-research-tool/) - The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool.
66 | - [Coglode](http://coglode.com/) - Bite-size behavioral research analysis.
67 | #### Testing
68 | - [User Testing](https://www.usertesting.com/) - Unlock customer insights and increase your revenue.
69 | - [Optimal Workshop](https://www.optimalworkshop.com/) - User Research Platform that helps you and your team make design decisions with confidence.
70 | - [Measure Success](https://www.sitepoint.com/how-do-you-measure-the-success-or-failure-of-your-ux-design/) - How Do You Measure the Success (or Failure) - of Your UX Design?.
71 | - [UX Metrix](http://www.dtelepathy.com/ux-metrics/#intro) - How to Choose the Right UX Metrics for Your Product.
72 | - [Lookback](https://lookback.io/) - Simple, powerful user research.
73 | - [Appsee](https://www.appsee.com/) - Appsee's app analytics platform provides an in-depth analysis of your users' behavior.
74 | - [Full Story](https://www.fullstory.com/) - What do you want to know about your customer experience?.
75 | - [Desinion](http://www.desinion.com/) - Make smart and informed design decisions for your company, or your client's company.
76 | - [Survey Monkey](https://www.surveymonkey.com/) - Turn instincts into insights.
77 | - [Google Surveys](https://www.google.com/analytics/surveys/#?modal_active=none) - Make better decisions with market research.
78 | - [Typefrom](https://www.typeform.com/) - Goodbye forms. Hello typeforms.
79 | - [Etnio](https://ethn.io/) - Intercept Real People for User Research.
80 | - [Calendly](https://calendly.com/) - Calendly helps you schedule meetings without the back-and-forth emails.
81 |
82 | ## UX
83 | #### Guidelines
84 | - [The UX Bookmark](http://www.theuxbookmark.com/) - Collection of the best UX websites from across the globe.
85 | - [Gov.Uk](https://www.gov.uk/service-manual/) - Helping government teams create and run great digital services.
86 | - [Methods 18F](https://methods.18f.gov/) - Collection of tools to bring human-centered design into your project.
87 | - [Guides 18F](https://guides.18f.gov/) - 18F Guides is the repository for best practices across our teams.
88 | - [Usability.Gov](https://www.usability.gov/) - Improving the User Experience.
89 | - [Medial Lab Amsterdam](http://medialabamsterdam.com/toolkit/) - Design method toolkit.
90 | - [Design Kit IDEO](http://www.designkit.org/methods) - Step-by-step guide to unleashing your creativity.
91 | - [Gamestorming](http://gamestorming.com/) - Gamestorming is a set of co-creation tools used by innovators around the world.
92 | #### Articles
93 | - [UX Magazine](http://uxmag.com/) - UX Magazine is a free community resource exploring all facets of experience design.
94 | - [UX Both](http://www.uxbooth.com/) - The UX Booth is a publication by and for the user experience community.
95 | - [UX Mastery](http://uxmastery.com/) - We help user experience professionals get started and get better.
96 | - [UX Myths](http://uxmyths.com/) - Build your product based on evidence, not false beliefs.
97 | - [A List Apart](https://alistapart.com/) - List Apart explores the design, development, and meaning of web content.
98 | - [52 Weeks of UX](http://52weeksofux.com/) - Discourse on the process of designing for real people.
99 | - [UX Pin](https://www.uxpin.com/studio/) - Guides, articles and ebooks that explore all facets of UX Design.
100 | - [The IxD Library](http://theixdlibrary.com/) - Collection of materials related to Interaction Design.
101 | - [LukeW](https://www.lukew.com/ff) - Publications on the critical details and big picture behind digital product design.
102 | - [NN Group](https://www.nngroup.com/articles/) - Evidence-Based User Experience Research, Training, and Consulting.
103 | - [Cooper](https://www.cooper.com/journal/) - Blog about design, business, and the world we live in.
104 | - [Information Design](http://www.informationdesign.org/) - InfoDesign Hand-picked since 1997.
105 | - [Intercom](https://blog.intercom.com/) - Design, Customer Success, & Startup Blog.
106 | - [UXDesign.cc](https://uxdesign.cc/) - User Experience, Usability, Product Design. Follow the UXDesign.cc.
107 | - [UX Reactions](http://uxreactions.com/) - Fun stuff.
108 | #### Tools
109 | - [UX Recipe](http://uxrecipe.github.io/) - This project is a personal manifesto against the objectification of the term "UX".
110 | - [UX Checklist](http://uxchecklist.github.io/) - UX Project Checklist.
111 | - [UX Stackexchange](https://ux.stackexchange.com/) - UX Stack Exchange is a question and answer site.
112 |
113 | ## UI
114 | #### Guidelines
115 | - [Ant Design](http://ant.design) - An UI design language for enterprise applications.
116 | - [iOS Guidelines](https://developer.apple.com/design/) - Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
117 | - [Google Material](https://material.io/) - Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
118 | - [Google Design](https://design.google.com/) - Google Design is a cooperative effort led by a group of designers, writers, and developers at Google.
119 | - [Facebook Design](http://facebook.design/) - Collection of articles, videos, and resources made by designers at Facebook.
120 | - [UsTwo](https://ustwo.com/blog/the-ustwo-pixel-perfect-precision-handbook-3/) - Pixel Perfect Precision Handbook 3.
121 | - [Vinsol](http://vinsol.com/blog/2014/11/20/tips-for-designers-from-a-developer/) - Tips for Designers: from a Developer.
122 | #### Inspiration
123 | - [Pttrns](https://pttrns.com/) - The mother of all design resources.
124 | - [Call To Idea](http://www.calltoidea.com/) - Light up your imagination!.
125 | - [Android Niceties](http://androidniceties.tumblr.com/) - Aiming to provide inspiration and insight into Android UI conventions.
126 | - [Lovely UI](http://www.lovelyui.com/) - Collection of mobile UI elements.
127 | - [Brian Lovin](http://www.brianlovin.com/) - Visual exploration of the best products.
128 | - [Inspired UI](http://inspired-ui.com/) - iOS Mobile Apps Design Patterns.
129 | - [Sloppy UI](http://sloppyui.tumblr.com/) - It's all about intellectual honesty, not trolling.
130 | #### Tools
131 | - [Pattern Lab](http://patternlab.io/) - Create atomic design systems with Pattern Lab.
132 | - [Huge](https://hugeinc.github.io/styleguide/index.html) - Tool to make creating and maintaining styleguides easy.
133 | - [Stylify Me](http://stylifyme.com/) - This tool allows the designer to research sites efficiently without the need to inspect each element.
134 | - [Density Bucket](http://density.brdrck.me/) - Density Converter.
135 | - [iDetailAid](http://labs.rampinteractive.co.uk/android_dp_px_calculator/) - Android DP / PX converter.
136 |
137 | ## Visual
138 | #### Resources
139 | - [Design Principles FTW](http://www.designprinciplesftw.com/) - The biggest collection of Design Principles on the Internet.
140 | - [Find Guidelines](http://findguidelin.es/) - The fastest way to brand assets.
141 | - [Style Guides](http://styleguides.io/) - Website Style Guide Resources.
142 | - [Awesome Design Systems](https://github.com/alexpate/awesome-design-systems) - Curated list of design systems, patterns libraries, and everything in between.
143 | - [Instant Logo Search](http://instantlogosearch.com/) - Search & download thousands of logos instantly.
144 | - [Logo Book](http://www.logobook.com/) - Discover the worlds finest logos, symbols & trademarks.
145 | - [Awesome Sketch](https://github.com/diessica/awesome-sketch) - Curated list of awesome Sketch videos, articles, plugins, whatever, for designers, developers, or neither.
146 | #### Icons
147 | - [Use Iconic](https://useiconic.com/) - Meet Iconic. The definitive icon set designed for the modern web.
148 | - [Icon Finder](https://www.iconfinder.com/) - Search through 1,739,045 icons or browse 42,226 icon sets.
149 | - [We Love Icon Font](http://weloveiconfonts.com/) - This is a free & open source icon fonts hosting service.
150 | - [The Noun Project](https://thenounproject.com/) - Icons for everything.
151 | - [Iconmonstr](https://iconmonstr.com/) - Discover 3847+ free simple icons in 263 collections.
152 | #### Font Foundries
153 | - [Open Foundry](http://open-foundry.com/) - New platform for open-source fonts in a noise-free environment.
154 | - [Use & Modify](http://usemodify.com/) - Provide a contemporary set of fonts distributed under libre or open source licences, hand picked by a typography and free culture lover.
155 | - [Font Fabric](http://www.fontfabric.com/) - Fontfabric is an independent type foundry.
156 | - [Font Squirrel](https://www.fontsquirrel.com/) - Free Font Utopia.
157 | - [Play Type](https://playtype.com/) - Browse through our selection of more than a hundred fonts and nearly 500 different font weights.
158 | - [Identyfont](http://www.identifont.com/index.html) - Identify a font by answering questions about key features.
159 | #### Typography
160 | - [NN Group](https://www.nngroup.com/articles/typography-terms-ux/) - Typography Terms Cheat Sheet.
161 | #### Colors
162 | - [Coolors](https://coolors.co/) - The super fast color schemes generator!.
163 | - [Colour Lovers](http://www.colourlovers.com/) - Creative community.
164 | - [Color Hunt](http://colorhunt.co/) - Color Hunt is a social platform for everyone who love colors.
165 | - [Brand Colors](http://brand-colors.com/) - 1100+ color collection available in sass, less, stylus and css.
166 | #### Stock Images
167 | - [Unsplash](https://unsplash.com/) - Free (do whatever you want) - high-resolution photos.
168 | - [StockSnap](https://stocksnap.io/) - Hundreds of high resolution images added weekly.
169 | - [Pixbay](https://pixabay.com/) - Free images and videos you can use anywhere.
170 | - [Jay Mantry](http://jaymantri.com/) - Free pics (CC0).
171 | - [The Stock](http://thestocks.im/) - The best royalty free stock photos are delivered now along with videos, audios, icons, fonts and colors.
172 | - [Get Refe](http://getrefe.tumblr.com/) - Royalty-free, high-quality, Real Life photos.
173 | - [ISO Republic](http://isorepublic.com/) - ISO Republic provides free stock photos for creative professionals.
174 | - [All The Free Stock](http://allthefreestock.com/) - Get all the Free Stock Images, Videos, Music and Icons in one location.
175 | - [Pexels](https://www.pexels.com) - Free stock images in a range of styles including filtered, natural, and commercial.
176 | - [unDraw](https://undraw.co) - Open-source illustrations for every project you can imagine and create.
177 | #### Stock Videos
178 | - [Vimeo](https://vimeo.com/channels/freestockfootage/) - Royalty Free Stock Video for Free Personal, Corporate or Commercial Use.
179 | #### Tools
180 | - [Pattern Lab](http://patternlab.io/) - Create atomic design systems with Pattern Lab.
181 | - [Polar](https://photoeditor.polarr.co/) - Photo Editor.
182 | - [Licecap](http://www.cockos.com/licecap/) - Simple animated screen captures.
183 | - [Hand Brake](https://handbrake.fr/) - HandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.
184 | - [Skala Color](https://bjango.com/mac/skalacolor/) - Extraordinary color picker for designers and developers.
185 | - [Font Picker](http://www.fontpicker.io/) - Webfont library for your browser.
186 | - [Font Reach](http://www.fontreach.com/) - FontReach scans the top million sites to show font usage across the web.
187 |
188 | ## Prototype
189 | #### Articles
190 | - [The 12 Principles](http://the12principles.tumblr.com/) - The 12 basic principles of animation were developed by the ‘old men’ of Walt Disney Studios.
191 | - [Hoverstat](https://hoverstat.es/) - The home of alternative digital design.
192 | - [Microinteractions](http://microinteractions.com/) - Designing with Details.
193 | - [Motion UI Design](https://github.com/fliptheweb/motion-ui-design) - Resources for inspiration, lists of software, libraries and other stuff related to Motion UI design, animations and transitions.
194 | #### Softwares
195 | - [Pop](https://marvelapp.com/pop/) - POP helps you transform your pen and paper ideas into an interactive iPhone or Android prototype.
196 | - [Invision](https://www.invisionapp.com/) - The world's leading prototyping, collaboration & workflow platform.
197 | - [Marvel](https://marvelapp.com/) - Simple design, prototyping and collaboration.
198 | - [Flinto](https://www.flinto.com/) - Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.
199 | - [Origami Studio](http://origami.design/) - Explore, iterate, and test your ideas.
200 | - [Framer](https://framer.com/) - All-in-one design workflow.
201 | - [Form](http://relativewave.com/form/) - Build and customize native prototypes directly on device.
202 | - [Proto](https://proto.io/) - Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required.
203 | - [Fuse](https://www.fusetools.com/) - Create better native apps for iOS and Android with a new breed of development tools.
204 | - [ProtoPie](https://www.protopie.io) - ProtoPie is the easiest prototyping tool to build advanced, highly interactive prototypes.
205 |
206 | #### Tools
207 | - [Lottie](https://airbnb.design/lottie/) - Easily add high-quality animation to any native app.
208 | - [Keynotopia](http://keynotopia.com/) - Keynotopia transforms Keynote and PowerPoint into the best rapid prototyping tools for creating mobile, web and desktop UI mockups.
209 |
210 | ## Accessibility
211 | #### Articles
212 | - [Gov.Uk](https://www.gov.uk/service-manual/helping-people-to-use-your-service/making-your-service-accessible-an-introduction) - Making your service accessible: an introduction.
213 | - [Smashing Magazine](https://www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/) - Color Contrast And Why You Should Rethink It.
214 | - [Medium](https://medium.com/@GarronEngstrom/accessibility-101-56f87f3d726e) - Accessibility for designers. Mind your RGB’s.
215 | - [Web Credible](https://www.webcredible.com/blog/visual-design-and-colour-accessibility/) - Visual design and color accessibility.
216 | - [A List Apart](https://alistapart.com/blog/post/easy-color-contrast-testing) - Easy Color Contrast Testing.
217 | - [Viget](https://www.viget.com/articles/color-contrast) - Color Contrast for Better Readability.
218 | #### Tools
219 | - [WAVE](http://wave.webaim.org/) - Web Accessibility Evaluation Tool.
220 | - [Contrast Ratio](http://6220119.github.io/contrast-ratio/#/black-on-white) - A tool to calculate the contrast ratio between any two valid CSS colors.
221 | - [Snook](https://snook.ca/technical/colour_contrast/colour.html#fg=515A5F,bg=FFFFFF) - Colour Contrast Check.
222 | - [CanvasFlip](https://www.canvasflip.com/color-blind.php) - Colorblind simulator for Designers.
223 |
224 | ## Writing
225 | - [Google trends](https://trends.google.com/trends/) - Stories trending now.
226 | - [Google Ngram](https://books.google.com/ngrams/) - Enter phrases into the Google Books Ngram Viewer, it displays a graph showing how those phrases have occurred in a corpus of books.
227 | - [Hemingway](http://www.hemingwayapp.com/) - Hemingway App makes your writing bold and clear.
228 | - [Readable](https://readable.io/) - You have 7 seconds to grab someone's attention. Readable.io helps you cut out the noise.
229 | - [The Writer](http://www.thewriter.com/what-we-think/readability-checker/) - How readable is your writing?.
230 | - [Taskade](https://www.taskade.com/) - Collaborative editor and outliner.
231 |
232 | ## Data
233 | - [London Datastore](https://data.london.gov.uk/) - The London Datastore is a free and open data-sharing portal.
234 | - [YouGov](https://yougov.com/) - We believe in the power of participation.
235 | - [Data.Gov](https://data.gov.uk/) - Find data published by government departments and agencies, public bodies and local authorities.
236 | - [The Tate Collection](https://github.com/tategallery/collection) - Here we present the metadata for around 70,000 artworks.
237 | - [NASA](https://open.nasa.gov/open-data/) - We're Setting Data, Code and APIs free.
238 |
239 | ## IoT
240 | #### Articles
241 | - [IoT Manifesto](https://www.iotmanifesto.com/) - Guidelines for responsible design in a connected world.
242 | - [IoT Weekly News](http://iotweeklynews.com/) - Subscribe to hand picked articles by Justin Grammens on the Internet of Things.
243 | - [IoT Agenda](http://internetofthingsagenda.techtarget.com/feature/Design-an-IoT-user-experience-not-an-IoT-product) - Design an IoT user experience, not an IoT product.
244 | - [IoT For All](https://iot-for-all.com/designing-the-internet-of-things/) - Designing the Internet of Things – 5 Key Principles.
245 | #### Tools
246 | - [Node RED](http://nodered.org/) - Flow-based programming for the Internet of Things.
247 | - [Noodl](http://www.getnoodl.com/) - Digital Experience Design Platform.
248 |
249 | ## License
250 | [](https://creativecommons.org/publicdomain/zero/1.0/)
251 |
--------------------------------------------------------------------------------