467 lines
23 KiB
HTML
467 lines
23 KiB
HTML
<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, & 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 & 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 & 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 & 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 & 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 & 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>
|