rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jonas Zeunert
2025-07-18 23:13:11 +02:00
parent c9485bf576
commit 652812eed0
2354 changed files with 1266414 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

466
html/productdesign.md2.html Normal file
View File

@@ -0,0 +1,466 @@
<div data-align="center" style="margin: 12px">
<p><a href="https://en.wikipedia.org/wiki/Digital_product_design">
<img src="./images/apd-icon.png" width="140"> </a></p>
</div>
<h1 id="awesome-product-design-awesome">Awesome Product Design <a
href="https://awesome.re"><img src="https://awesome.re/badge-flat2.svg"
alt="Awesome" /></a></h1>
<blockquote>
<p>A collection of bookmarks, resources, articles for product
designers.</p>
</blockquote>
<p><a
href="https://en.wikipedia.org/wiki/Digital_product_design">Digital
product design</a> 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.</p>
<p>Feel free to <a href="contributing.md">add something interesting</a>
by pull request.</p>
<h2 id="contents">Contents</h2>
<ul>
<li><a href="#research">Research</a></li>
<li><a href="#ux">UX</a></li>
<li><a href="#ui">UI</a></li>
<li><a href="#visual">Visual</a></li>
<li><a href="#prototype">Prototype</a></li>
<li><a href="#accessibility">Accessibility</a></li>
<li><a href="#writing">Writing</a></li>
<li><a href="#data">Data</a></li>
<li><a href="#iot">IoT</a></li>
</ul>
<h2 id="research">Research</h2>
<h4 id="methods">Methods</h4>
<h6 id="decision-making">Decision Making</h6>
<ul>
<li><a href="https://untools.co">Untools</a> - Thinking tools and
frameworks to help you solve problems, make decisions and understand
systems. ###### Research Plan</li>
<li><a
href="https://www.smashingmagazine.com/2012/01/ux-research-plan-stakeholders-love/">Smashing
Magazine</a> - The UX Research Plan That Stakeholders Love.</li>
<li><a href="https://www.nngroup.com/articles/pm-research-plan/">NN
Group</a> - Project Management for User Research: The Plan.</li>
<li><a
href="https://www.interaction-design.org/literature/article/a-one-page-user-research-plan">Interaction
Design</a> - One Page User Research Plan.</li>
<li><a href="https://www.branding5.com/">Branding5</a> - Make a brand
positioning as a basis for your designs. ###### User Interview</li>
<li><a href="https://www.nngroup.com/articles/interviewing-users/">NN
Group</a> - Despite many weaknesses, interviews are a valuable method
for exploratory user research.</li>
<li><a
href="https://uxdesign.cc/how-to-get-the-most-out-of-user-interviews-c5d0cd4499b5">UXDesign.cc</a>
- How to Get the Most Out of User Interviews. ###### Stakeholder
Interviews</li>
<li><a
href="https://boxesandarrows.com/a-stakeholder-interview-checklist/">Boxes
and Arrows</a> - Cheat Sheet For Interviewing Stakeholders.</li>
<li><a
href="https://www.uxapprentice.com/resources/stakeholder-interview-template/">UX
Apprentice</a> - Stakeholder Interview Template.</li>
<li><a
href="https://www.interaction-design.org/literature/article/preparing-for-ux-stakeholder-interviews">Interaction
Design</a> - Preparing for UX Stakeholder Interviews. ###### Research
Synthesis</li>
<li><a
href="https://uxmovement.com/thinking/how-to-turn-user-research-into-usable-data/">UX
Movement</a> - How to Turn User Research into Usable Data.</li>
<li><a
href="https://www.slideshare.net/HJKwon3/design-research-synthesis">SlideShare</a>
- Design Research Synthesis.</li>
<li><a
href="https://medium.com/product-labs/using-trello-for-user-research-synthesis-fb1abdfc7c4b">Medium</a>
- Using Trello for User Research Synthesis.</li>
<li><a
href="https://webdesign.tutsplus.com/tutorials/how-to-prepare-and-use-an-affinity-diagram--cms-28388">Tuts+</a>
- How to Prepare and Use an Affinity Diagram.</li>
<li><a
href="https://medium.com/learning-ux/affinity-diagrams-tips-and-tricks-6225e8c1f0df">Medium</a>
- Affinity Diagrams: Tips and Tricks. ###### Competitive Analysis</li>
<li><a
href="https://xtensio.com/how-to-create-a-competitive-analysis/">Xtensio</a>
- How To: Create A Competitive Analysis.</li>
<li><a
href="https://blog.hootsuite.com/the-ultimate-competitive-analysis-template/">Hootsuite</a>
- Competitive Analysis Template To Help You Outsmart The Competition.
###### Job to be Done</li>
<li><a
href="https://blog.intercom.com/using-job-stories-design-features-ui-ux/">Intercom</a>
- Designing features using Job Stories.</li>
<li><a
href="https://jtbd.info/replacing-the-user-story-with-the-job-story-af7cdee10c27">JTBD</a>
- Replacing The User Story With The Job Story. ###### Personas</li>
<li><a
href="https://www.usability.gov/how-to-and-tools/methods/personas.html">Usability.Gov</a>
- The purpose of personas is to create reliable and realistic
representations of your key audience.</li>
<li><a
href="https://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience">UX
Mag</a> - Personas: The Foundation of a Great User Experience.</li>
<li><a
href="https://webdesign.tutsplus.com/articles/defining-and-applying-personas-to-ux-design--webdesign-7561">Tuts+</a>
- Defining And Applying Personas to UX Design. ###### Empathy Map</li>
<li><a
href="https://www.uxpin.com/studio/blog/the-practical-guide-to-empathy-maps-creating-a-10-minute-persona/">UX
Pin</a> - The Practical Guide to Empathy Maps: 10-Minute User
Personas.</li>
<li><a
href="https://boagworld.com/usability/adapting-empathy-maps-for-ux-design/">Boagworld</a>
- Adapting empathy maps for UX design. ###### Storyboard</li>
<li><a
href="https://uxmag.com/articles/storyboarding-in-the-software-design-process">UX
Magazine</a> - Storyboarding in the Software Design Process.</li>
<li><a
href="https://uxplanet.org/storyboarding-in-ux-design-b9d2e18e5fab">Medium</a>
- Storyboarding in UX Design.</li>
<li><a
href="https://www.nngroup.com/articles/customer-journey-mapping/">NN
Group</a> - When and How to Create Customer Journey Maps.</li>
<li><a
href="https://www.ux-lady.com/experience-maps-user-journey-and-more-exp-map-layout/">UX
Lady</a> - Experience maps, user journeys and more.</li>
<li><a
href="https://www.smashingmagazine.com/2015/01/all-about-customer-journey-mapping/">Smashing
Magazine</a> - All You Need To Know About Customer Journey Mapping.</li>
<li><a
href="https://medium.com/@wnialloconnor/how-to-build-an-experience-map-5e55b7ee4f32">Medium</a>
- How to build an experience map. #### Articles</li>
<li><a
href="https://www.smashingmagazine.com/2013/04/rainbow-spreadsheet-collaborative-ux-research-tool/">Smashing
Magazine</a> - The Rainbow Spreadsheet: A Collaborative Lean UX Research
Tool.</li>
<li><a href="https://coglode.com/">Coglode</a> - Bite-size behavioral
research analysis. #### Testing</li>
<li><a href="https://www.usertesting.com/">User Testing</a> - Unlock
customer insights and increase your revenue.</li>
<li><a href="https://www.optimalworkshop.com/">Optimal Workshop</a> -
User Research Platform that helps you and your team make design
decisions with confidence.</li>
<li><a
href="https://www.sitepoint.com/how-do-you-measure-the-success-or-failure-of-your-ux-design/">Measure
Success</a> - How Do You Measure the Success (or Failure) - of Your UX
Design?.</li>
<li><a href="https://lookback.io/">Lookback</a> - Simple, powerful user
research.</li>
<li><a href="https://www.fullstory.com/">Full Story</a> - What do you
want to know about your customer experience?.</li>
<li><a href="https://www.desinion.com/">Desinion</a> - Make smart and
informed design decisions for your company, or your client’s
company.</li>
<li><a href="https://www.surveymonkey.com/">Survey Monkey</a> - Turn
instincts into insights.</li>
<li><a href="https://ethn.io/">Etnio</a> - Intercept Real People for
User Research.</li>
</ul>
<h2 id="ux">UX</h2>
<h4 id="guidelines">Guidelines</h4>
<ul>
<li><a href="https://www.theuxbookmark.com/">The UX Bookmark</a> -
Collection of the best UX websites from across the globe.</li>
<li><a href="https://www.gov.uk/service-manual/">Gov.Uk</a> - Helping
government teams create and run great digital services.</li>
<li><a href="https://methods.18f.gov/">Methods 18F</a> - Collection of
tools to bring human-centered design into your project.</li>
<li><a href="https://guides.18f.gov/">Guides 18F</a> - 18F Guides is the
repository for best practices across our teams.</li>
<li><a href="https://www.usability.gov/">Usability.Gov</a> - Improving
the User Experience.</li>
<li><a href="https://medialabamsterdam.com/toolkit/">Medial Lab
Amsterdam</a> - Design method toolkit.</li>
<li><a href="https://www.designkit.org/methods">Design Kit IDEO</a> -
Step-by-step guide to unleashing your creativity.</li>
<li><a href="https://gamestorming.com/">Gamestorming</a> - Gamestorming
is a set of co-creation tools used by innovators around the world. ####
Articles</li>
<li><a href="https://uxmag.com/">UX Magazine</a> - UX Magazine is a free
community resource exploring all facets of experience design.</li>
<li><a href="https://www.uxbooth.com/">UX Booth</a> - The UX Booth is a
publication by and for the user experience community.</li>
<li><a href="https://uxmastery.com/">UX Mastery</a> - We help user
experience professionals get started and get better.</li>
<li><a href="https://uxmyths.com/">UX Myths</a> - Build your product
based on evidence, not false beliefs.</li>
<li><a href="https://alistapart.com/">A List Apart</a> - List Apart
explores the design, development, and meaning of web content.</li>
<li><a href="https://52weeksofux.com/">52 Weeks of UX</a> - Discourse on
the process of designing for real people.</li>
<li><a href="https://www.uxpin.com/studio/">UX Pin</a> - Guides,
articles and ebooks that explore all facets of UX Design.</li>
<li><a href="https://theixdlibrary.com/">The IxD Library</a> -
Collection of materials related to Interaction Design.</li>
<li><a href="https://www.lukew.com/ff">LukeW</a> - Publications on the
critical details and big picture behind digital product design.</li>
<li><a href="https://www.nngroup.com/articles/">NN Group</a> -
Evidence-Based User Experience Research, Training, and Consulting.</li>
<li><a href="https://www.informationdesign.org/">Information Design</a>
- InfoDesign Hand-picked since 1997.</li>
<li><a href="https://blog.intercom.com/">Intercom</a> - Design, Customer
Success, &amp; Startup Blog.</li>
<li><a href="https://uxdesign.cc/">UXDesign.cc</a> - User Experience,
Usability, Product Design. Follow the UXDesign.cc.</li>
<li><a href="https://uxreactions.com/">UX Reactions</a> - Fun stuff.
#### Tools</li>
<li><a href="https://uxrecipe.github.io/">UX Recipe</a> - This project
is a personal manifesto against the objectification of the term
“UX”.</li>
<li><a href="https://uxchecklist.github.io/">UX Checklist</a> - UX
Project Checklist.</li>
<li><a href="https://ux.stackexchange.com/">UX Stackexchange</a> - UX
Stack Exchange is a question and answer site.</li>
</ul>
<h2 id="ui">UI</h2>
<h4 id="guidelines-1">Guidelines</h4>
<ul>
<li><a href="https://ant.design">Ant Design</a> - An UI design language
for enterprise applications.</li>
<li><a href="https://developer.apple.com/design/">iOS Guidelines</a> -
Get in-depth information and UI resources for designing great apps that
integrate seamlessly with Apple platforms.</li>
<li><a href="https://material.io/">Google Material</a> - Material Design
is a unified system that combines theory, resources, and tools for
crafting digital experiences.</li>
<li><a href="https://design.google.com/">Google Design</a> - Google
Design is a cooperative effort led by a group of designers, writers, and
developers at Google.</li>
<li><a href="https://facebook.design/">Facebook Design</a> - Collection
of articles, videos, and resources made by designers at Facebook.</li>
<li><a
href="https://ustwo.com/blog/the-ustwo-pixel-perfect-precision-handbook-3/">UsTwo</a>
- Pixel Perfect Precision Handbook 3.</li>
<li><a
href="https://vinsol.com/blog/2014/11/20/tips-for-designers-from-a-developer/">Vinsol</a>
- Tips for Designers: from a Developer. #### Inspiration</li>
<li><a href="https://pttrns.com/">Pttrns</a> - The mother of all design
resources.</li>
<li><a href="https://www.calltoidea.com/">Call To Idea</a> - Light up
your imagination!.</li>
<li><a href="https://androidniceties.tumblr.com/">Android Niceties</a> -
Aiming to provide inspiration and insight into Android UI
conventions.</li>
<li><a href="https://www.lovelyui.com/">Lovely UI</a> - Collection of
mobile UI elements.</li>
<li><a href="https://www.brianlovin.com/">Brian Lovin</a> - Visual
exploration of the best products.</li>
<li><a href="https://inspired-ui.com/">Inspired UI</a> - iOS Mobile Apps
Design Patterns.</li>
<li><a href="https://sloppyui.tumblr.com/">Sloppy UI</a> - It’s all
about intellectual honesty, not trolling. #### Tools</li>
<li><a href="https://patternlab.io/">Pattern Lab</a> - Create atomic
design systems with Pattern Lab.</li>
<li><a href="https://hugeinc.github.io/styleguide/index.html">Huge</a> -
Tool to make creating and maintaining styleguides easy.</li>
<li><a
href="https://themeselection.com/products/free-figma-bootstrap-ui-kit/">Figma
Bootstrap 5 UI Kit</a> - UI Kit comprising 300+ organized Bootstrap 5
components built with atomic design system &amp; auto layout.</li>
<li><a
href="https://themeselection.com/products/free-sketch-bootstrap-ui-kit/">Sketch
Bootstrap 5 UI Kit</a> - UI Kit comprising 300+ organized Bootstrap 5
components built with atomic design system &amp; smart layout.</li>
</ul>
<h2 id="visual">Visual</h2>
<h4 id="resources">Resources</h4>
<ul>
<li><a href="https://www.designprinciplesftw.com/">Design Principles
FTW</a> - The biggest collection of Design Principles on the
Internet.</li>
<li><a href="https://github.com/alexpate/awesome-design-systems">Awesome
Design Systems</a> - Curated list of design systems, patterns libraries,
and everything in between.</li>
<li><a href="https://github.com/diessica/awesome-sketch">Awesome
Sketch</a> - Curated list of awesome Sketch videos, articles, plugins,
whatever, for designers, developers, or neither. #### Icons</li>
<li><a href="https://useiconic.com/">Use Iconic</a> - Meet Iconic. The
definitive icon set designed for the modern web.</li>
<li><a href="https://www.iconfinder.com/">Icon Finder</a> - Search
through 1,739,045 icons or browse 42,226 icon sets.</li>
<li><a href="https://weloveiconfonts.com/">We Love Icon Font</a> - This
is a free &amp; open source icon fonts hosting service.</li>
<li><a href="https://thenounproject.com/">The Noun Project</a> - Icons
for everything.</li>
<li><a href="https://iconmonstr.com/">Iconmonstr</a> - Discover 3847+
free simple icons in 263 collections. #### Font Foundries</li>
<li><a href="https://open-foundry.com/">Open Foundry</a> - New platform
for open-source fonts in a noise-free environment.</li>
<li><a href="https://usemodify.com/">Use &amp; Modify</a> - Provide a
contemporary set of fonts distributed under libre or open source
licences, hand picked by a typography and free culture lover.</li>
<li><a href="https://www.fontfabric.com/">Font Fabric</a> - Fontfabric
is an independent type foundry.</li>
<li><a href="https://www.fontsquirrel.com/">Font Squirrel</a> - Free
Font Utopia.</li>
<li><a href="https://playtype.com/">Play Type</a> - Browse through our
selection of more than a hundred fonts and nearly 500 different font
weights.</li>
<li><a href="https://www.identifont.com/index.html">Identyfont</a> -
Identify a font by answering questions about key features. ####
Typography</li>
<li><a href="https://www.nngroup.com/articles/typography-terms-ux/">NN
Group</a> - Typography Terms Cheat Sheet. #### Colors</li>
<li><a href="https://coolors.co/">Coolors</a> - The super fast color
schemes generator!.</li>
<li><a href="https://www.colourlovers.com/">Colour Lovers</a> - Creative
community.</li>
<li><a href="https://colorhunt.co/">Color Hunt</a> - Color Hunt is a
social platform for everyone who love colors.</li>
<li><a href="https://brand-colors.com/">Brand Colors</a> - 1100+ color
collection available in sass, less, stylus and css.</li>
<li><a href="https://atmos.style/">Atmos</a> - Everything you need to
create color palettes</li>
<li><a href="https://branition.com/colors">Branition Colors</a> -
Hand-curated collection of color palettes best fitted for branding.</li>
</ul>
<h4 id="stock-images">Stock Images</h4>
<ul>
<li><a href="https://unsplash.com/">Unsplash</a> - Free (do whatever you
want) - high-resolution photos.</li>
<li><a href="https://stocksnap.io/">StockSnap</a> - Hundreds of high
resolution images added weekly.</li>
<li><a href="https://pixabay.com/">Pixbay</a> - Free images and videos
you can use anywhere.</li>
<li><a href="https://jaymantri.com/">Jay Mantry</a> - Free pics
(CC0).</li>
<li><a href="https://getrefe.tumblr.com/">Get Refe</a> - Royalty-free,
high-quality, Real Life photos.</li>
<li><a href="https://isorepublic.com/">ISO Republic</a> - ISO Republic
provides free stock photos for creative professionals.</li>
<li><a href="https://allthefreestock.com/">All The Free Stock</a> - Get
all the Free Stock Images, Videos, Music and Icons in one location.</li>
<li><a href="https://www.pexels.com">Pexels</a> - Free stock images in a
range of styles including filtered, natural, and commercial.</li>
<li><a href="https://undraw.co">unDraw</a> - Open-source illustrations
for every project you can imagine and create. #### Stock Videos</li>
<li><a href="https://vimeo.com/channels/freestockfootage/">Vimeo</a> -
Royalty Free Stock Video for Free Personal, Corporate or Commercial Use.
#### Tools</li>
<li><a href="https://photoeditor.polarr.co/">Polarr</a> - Photo
Editor.</li>
<li><a href="https://www.cockos.com/licecap/">Licecap</a> - Simple
animated screen captures.</li>
<li><a href="https://handbrake.fr/">Hand Brake</a> - HandBrake is a tool
for converting video from nearly any format to a selection of modern,
widely supported codecs.</li>
</ul>
<h2 id="prototype">Prototype</h2>
<h4 id="articles">Articles</h4>
<ul>
<li><a href="https://the12principles.tumblr.com/">The 12 Principles</a>
- The 12 basic principles of animation were developed by the ‘old men’
of Walt Disney Studios.</li>
<li><a href="https://hoverstat.es/">Hoverstat</a> - The home of
alternative digital design.</li>
<li><a href="https://microinteractions.com/">Microinteractions</a> -
Designing with Details.</li>
<li><a href="https://github.com/fliptheweb/motion-ui-design">Motion UI
Design</a> - Resources for inspiration, lists of software, libraries and
other stuff related to Motion UI design, animations and transitions.
#### Softwares</li>
<li><a href="https://marvelapp.com/pop/">Pop</a> - POP helps you
transform your pen and paper ideas into an interactive iPhone or Android
prototype.</li>
<li><a href="https://www.invisionapp.com/">Invision</a> - The world’s
leading prototyping, collaboration &amp; workflow platform.</li>
<li><a href="https://marvelapp.com/">Marvel</a> - Simple design,
prototyping and collaboration.</li>
<li><a href="https://www.flinto.com/">Flinto</a> - Flinto lets designers
quickly make interactive prototypes of their mobile, desktop, or web
apps.</li>
<li><a href="https://origami.design/">Origami Studio</a> - Explore,
iterate, and test your ideas.</li>
<li><a href="https://framer.com/">Framer</a> - All-in-one design
workflow.</li>
<li><a href="https://proto.io/">Proto</a> - Create fully-interactive
high-fidelity prototypes that look and work exactly like your app
should. No coding required.</li>
<li><a href="https://www.protopie.io">ProtoPie</a> - ProtoPie is the
easiest prototyping tool to build advanced, highly interactive
prototypes.</li>
</ul>
<h4 id="tools">Tools</h4>
<ul>
<li><a href="https://airbnb.design/lottie/">Lottie</a> - Easily add
high-quality animation to any native app.</li>
<li><a href="https://keynotopia.com/">Keynotopia</a> - Keynotopia
transforms Keynote and PowerPoint into the best rapid prototyping tools
for creating mobile, web and desktop UI mockups.</li>
</ul>
<h2 id="accessibility">Accessibility</h2>
<h4 id="articles-1">Articles</h4>
<ul>
<li><a
href="https://www.gov.uk/service-manual/helping-people-to-use-your-service/making-your-service-accessible-an-introduction">Gov.Uk</a>
- Making your service accessible: an introduction.</li>
<li><a
href="https://www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/">Smashing
Magazine</a> - Color Contrast And Why You Should Rethink It.</li>
<li><a
href="https://medium.com/@GarronEngstrom/accessibility-101-56f87f3d726e">Medium</a>
- Accessibility for designers. Mind your RGBs.</li>
<li><a
href="https://www.webcredible.com/blog/visual-design-and-colour-accessibility/">Web
Credible</a> - Visual design and color accessibility.</li>
<li><a
href="https://alistapart.com/blog/post/easy-color-contrast-testing">A
List Apart</a> - Easy Color Contrast Testing. #### Tools</li>
<li><a href="https://wave.webaim.org/">WAVE</a> - Web Accessibility
Evaluation Tool.</li>
<li><a
href="https://6220119.github.io/contrast-ratio/#/black-on-white">Contrast
Ratio</a> - A tool to calculate the contrast ratio between any two valid
CSS colors.</li>
<li><a
href="https://snook.ca/technical/colour_contrast/colour.html#fg=515A5F,bg=FFFFFF">Snook</a>
- Colour Contrast Check.</li>
</ul>
<h2 id="writing">Writing</h2>
<ul>
<li><a href="https://trends.google.com/trends/">Google trends</a> -
Stories trending now.</li>
<li><a href="https://books.google.com/ngrams/">Google Ngram</a> - Enter
phrases into the Google Books Ngram Viewer, it displays a graph showing
how those phrases have occurred in a corpus of books.</li>
<li><a href="https://www.hemingwayapp.com/">Hemingway</a> - Hemingway
App makes your writing bold and clear.</li>
<li><a href="https://readable.io/">Readable</a> - You have 7 seconds to
grab someone’s attention. Readable.io helps you cut out the noise.</li>
<li><a
href="https://www.thewriter.com/what-we-think/readability-checker/">The
Writer</a> - How readable is your writing?.</li>
<li><a href="https://www.taskade.com/">Taskade</a> - Collaborative
editor and outliner.</li>
</ul>
<h2 id="data">Data</h2>
<ul>
<li><a href="https://data.london.gov.uk/">London Datastore</a> - The
London Datastore is a free and open data-sharing portal.</li>
<li><a href="https://yougov.com/">YouGov</a> - We believe in the power
of participation.</li>
<li><a href="https://data.gov.uk/">Data.Gov</a> - Find data published by
government departments and agencies, public bodies and local
authorities.</li>
<li><a href="https://github.com/tategallery/collection">The Tate
Collection</a> - Here we present the metadata for around 70,000
artworks.</li>
<li><a href="https://open.nasa.gov/open-data/">NASA</a> - We’re Setting
Data, Code and APIs free.</li>
</ul>
<h2 id="iot">IoT</h2>
<h4 id="articles-2">Articles</h4>
<ul>
<li><a href="https://iotweeklynews.com/">IoT Weekly News</a> - Subscribe
to hand picked articles by Justin Grammens on the Internet of
Things.</li>
<li><a
href="https://internetofthingsagenda.techtarget.com/feature/Design-an-IoT-user-experience-not-an-IoT-product">IoT
Agenda</a> - Design an IoT user experience, not an IoT product.</li>
<li><a
href="https://iot-for-all.com/designing-the-internet-of-things/">IoT For
All</a> - Designing the Internet of Things – 5 Key Principles. ####
Tools</li>
<li><a href="https://nodered.org/">Node RED</a> - Low-based programming
for the Internet of Things.</li>
</ul>
<p><a
href="https://github.com/ttt30ga/awesome-product-design">productdesign.md
Github</a></p>