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